タダです。

今回はサーバーレスシングルページアプリケーション3章で勉強したことをまとめていきます。 www.oreilly.co.jp

章立ては以下のようになっています。

1章　シンプルにはじめる
2章　ハッシュイベントによるビューのルーティング
3章　シングルページアプリケーションに必要なもの
4章　Amazon CognitoによるIdentity as a Service
5章　DynamoDBにデータを格納する
6章　Lambdaを使って（マイクロ）サービスを作る
7章　サーバーレスのセキュリティ
8章　スケールアップする

3章のまとめ

今回は問題ビューを実装していく
- テンプレートを使って、ビューを作成するとマークアップの管理が楽になる
データモデルにはプロトタイプ継承をつかって問題をモデル化する
- データを用意したらどうビューにマッピングするかを検討する

learnjs.problems = [
  {
    description: "What is truth?",
    code: "function problem() { return __; }"
  },
  {
    description: "Simple Math",
    code: "function problem() { return 42 === 6 * __; }"
  }
];

データをビューにマッピングする方法は2つある
- 単方向バインディング(読み取り専用フィールドや編集不可の要素に使う)と、そう方向バインディング(データはマークアップに挿入される)
- 今回は単方向バインディングが必要で、HTML5のデータ属性を使って作ることが可能である
  - ビューの要素にデータ属性を追加することで実現できる
- 要素をマークアップに追加したら、applyObject関数を作る
- テストコードもアップデートする