TODOアプリ

[azu]

TODOアプリをユースケースとして作ってみようと言う話があったので。

TODO

• Todoアプリにタイトル変更機能はいらないことする
• Todoアプリに最低限のスタイルを当てる refactor(todo): TodoにCSSをあてた #432
• クラスのEventEmitterをTodoアプリの方に移動する
  • EventEmitterの一貫性 #424
• Todoアプリのソースは最終形と断片を読み込んで書く
  • 分割するラインを決めていく
• ES moduleのネットワークエラーについてを書く
• Todoアプリにフィルターをいれる
  • 独立して追加できるので「やってみよう」に落とすかも
  • ボリューム的に最初は落とす
• セクションまとめはチェックボックスへ
• スクリーンショットを取り直す
• ローカルサーバの立て方の変更 npx @js-primer/local-server #462
• イベントの用語統一 用語: イベントを~する #455
• タイトルを動詞(目的)に変更

アウトライン

• https://github.com/asciidwango/js-primer/blob/master/source/use-case/todoapp/OUTLINE.md

セクションまとめのチェックボックス

• セクションごとでやったことをチェックボックスにする

[azu]

一ヶ月ぐらい前にVanilla JavaScriptで書いたもの https://github.com/azu/plain-todo
(今見たら微妙な構造してる気はする)

[azu]

Web+DB vol92にTODOのサンプル乗ってたけど、ひたすら解説難しそうだなという感じがした。

[azu]

構成要素を追記

[azu]

Amazon.co.jp: いまから始めるWebフロントエンド開発 電子書籍: 松田 承一, 柴田 和祈: Kindleストア
ReactとかReduxっぽいけどTodoの話

[azu]

レトロエンジニアのための近代Webフロントエンド事情 - Qiita
面白かった。

ツール実際に使うならどうするか悩むなー。
実在するツールを使うべきなのか それとも js-primer-transpile とか js-primer-bundle みたいなツールをでっちあげてやるべきなのかというのがある。
ツール自体の軽い話はあってもいいけど、ツールの使い方を学ぶのは本質的じゃないしなー

[azu]

https://paulirish.github.io/es-modules-todomvc/
ES6モジュールでのTODO実装

[azu]

クラスとモジュールが１つのテーマ
オブジェクト指向的なアプリケーションの作り方ユースケース。