Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TODOアプリ #4

Closed
9 of 11 tasks
azu opened this issue Mar 23, 2016 · 17 comments · Fixed by #620
Closed
9 of 11 tasks

TODOアプリ #4

azu opened this issue Mar 23, 2016 · 17 comments · Fixed by #620

Comments

@azu
Copy link
Collaborator

azu commented Mar 23, 2016

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

TODO

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

アウトライン

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

  • セクションごとでやったことをチェックボックスにする
@azu
Copy link
Collaborator Author

azu commented Mar 23, 2016

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

@azu
Copy link
Collaborator Author

azu commented Jun 29, 2016

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

@azu azu mentioned this issue Jul 19, 2016
@azu azu modified the milestone: 8th Meeting Jul 23, 2016
@azu
Copy link
Collaborator Author

azu commented Aug 12, 2016

構成要素を追記

@azu
Copy link
Collaborator Author

azu commented Sep 22, 2016

@azu
Copy link
Collaborator Author

azu commented Nov 12, 2016

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

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

@azu
Copy link
Collaborator Author

azu commented Jul 14, 2017

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

@azu
Copy link
Collaborator Author

azu commented Feb 1, 2018

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

@azu
Copy link
Collaborator Author

azu commented Mar 21, 2018

@azu
Copy link
Collaborator Author

azu commented Mar 22, 2018

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

@azu
Copy link
Collaborator Author

azu commented May 5, 2018

ちょっと長いかな?

@azu
Copy link
Collaborator Author

azu commented May 5, 2018

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

This was referenced May 5, 2018
@azu
Copy link
Collaborator Author

azu commented May 5, 2018

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

@azu
Copy link
Collaborator Author

azu commented May 31, 2018

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

@azu
Copy link
Collaborator Author

azu commented Jun 10, 2018

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

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

@azu
Copy link
Collaborator Author

azu commented Jun 10, 2018

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

@azu
Copy link
Collaborator Author

azu commented Jul 26, 2018

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

@azu
Copy link
Collaborator Author

azu commented Dec 29, 2018

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant