TODOアプリ about js-primer HOT 17 CLOSED

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

from js-primer.

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

from js-primer.

構成要素を追記

from js-primer.

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

from js-primer.

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

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

from js-primer.

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

from js-primer.

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

from js-primer.

【感想】いまから始めるWebフロントエンド開発 - Rのつく財団入り口
todoアプリ題材

from js-primer.

.js を付けないとエラーがでますというエラー例を表示す。

from js-primer.

• Todoアプリ
  • エントリポイント
  • アプリの構成要素
  • フォームとイベント
    　 - EventEmitterとモデル
  • Todoアイテムの追加
  • Todoアイテムの更新と削除

ちょっと長いかな?

from js-primer.

フォームとイベントのところを最初からEventEmitterでやればまあもっと短くなるんだろうけど、イベント駆動なれてない人がやるにはいきなりは抽象的な感じがした。
できるだけ、...省略... を行わないデザインでやってて、モジュールをちょこっと作ってApp.jsを変更をやってる感じ。
そろそろApp.jsがでかくなってくるので少し無理が出てくるかも

from js-primer.

Introduction for Browser Side MVC
モデルの話について

from js-primer.

各セクションのタイトルを 〜する みたいな感じに変更する。
検索的にももうちょっとタイトル単体でわかるようにした方がよかった。

from js-primer.

https://asciidwango.github.io/js-primer/use-case/todoapp/
Todoアプリの章はひとまず書き終わり。
途中のミーティング #454 でイベントの用語 #455 やローカルサーバの話 #462 とかの変更があったので、前半と後半がまだ整ってない。
その辺の統一したら、これを閉じる。

今のところのブロッカーは #462 のローカルサーバとは?みたいな話。
2章の序章 #267 を参照したいけど、まだそこがない。

from js-primer.

あと、Todoの数の表示の部分 なんかイマイチ。
モデルの説明には役立つけど、後半はただ邪魔になってるだけから、モデルの説明はアプリじゃない例でやるとかして、Todoの数表示自体を取り除くかもしれない

from js-primer.

• ローカルサーバの変更を取り入れる

from js-primer.

次のタスクをしたら閉じる。

• npx @js-primer/local-server · Issue #462 · asciidwango/js-primer
• npm の --global flagについての説明 · Issue #574 · asciidwango/js-primer
• Todoアプリのリファクタリング · Issue #606 · asciidwango/js-primer

TODOアプリはmount,unmountまで完成してない感じなので、
課題として、そこを別のIssueにして、後は自分でやってみよう + 完成形を作っておくかな

from js-primer.