# AngularJS-Bottle-TodoApp

**Repository Path**: mirrors_c-bata/AngularJS-Bottle-TodoApp

## Basic Information

- **Project Name**: AngularJS-Bottle-TodoApp
- **Description**: BottleとAngularJS、SQLAlchemyの勉強用に作ったシンプルなToDoアプリ
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-23
- **Last Updated**: 2026-05-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AngularJS Bottle ToDo Application

## About

BottleとAngularJSの勉強用に作ったシンプルなToDoアプリ。
使い方がわかったもの。

* AngularJS / Babel
* Bottle
* SQLAlchemy
* Bottle-SQLAlchemy
* jsonschema

## 所感

- AngularJSはこれぐらいの規模なら簡単に使えた。
  - API覚えてしまえば実装できることが多いので楽ではある。資料にも困らなかった。
  - 今回は `$http` 使ったけど、調べた感じ `$resource` っていうのがあった。
    - こっちのほうがなんか良さそう。ちょっとAPI覚えるのが面倒に感じてしまった。
    - 今頑張って覚えてもAngular2で大きく変わるらしいのでちょっとモチベーションが保てないかも
    - React.jsかmithril.jsやるのが良さそう
- Bottleはシンプルなものなら全然簡単に使えていい。
- SQLAlchemyちょっと慣れない.
- jsonschemaも初めて書いてみたけど特に使いづらいとは感じなかった。

## メモ

#### AngularJSの変数のタグ

Bottleのテンプレートとかぶるから変える。

```
app.config(function ($interpolateProvider) {
    $interpolateProvider.startSymbol('[[').endSymbol(']]');
});
```

#### ToDoの追加処理

最初はToDo追加してSuccessとなったら、毎回 `getTodo()` でAPI叩いて全部描画してしまってた。
当たり前だったんだけど、postが成功したら成功したToDoをidとかも含めてレスポンスとして返して、Angular側のリストに追加してあげる。


## 参考資料

- Pythonエンジニア養成読本 BottleとSQLAlchemy
- jsonschemaは適当にググった
- http://www.michaelbromley.co.uk/blog/350/exploring-es6-classes-in-angularjs-1-x%20nice
- http://angular-tips.com/blog/2015/06/using-angular-1-dot-x-with-es6-and-webpack/
- http://blog.thoughtram.io/angularjs/es6/2015/01/23/exploring-angular-1.3-using-es6.html