2018-03-22 MTGアジェンダ

[azu]

2018年3月22日のアジェンダ

[azu]

#359 idを付け直した

[azu]

• コラム: ECMAScript/JavaScript策定プロセス #54 コラム: ECMAScript/JavaScript策定プロセス
• class/クラス #39 class

[azu]

• TODOアプリ #4 todoアプリ の構成についての方針決め

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

[azu]

「スプレッド演算子」という表現を使わない - Qiita

• [meta] 用語集 #231 (comment) spread element/syntaxに呼び方についてを再考する

[azu]

残りの章管理

• 基本文法
• ユースケース

[azu]

[時間があったら]

• class: privateの取扱についてを決める class: privateの取扱についてを決める #422
• introduction: JavaScriptとECMAScriptの区別について introduction: JavaScriptとECMAScriptの区別について #123
  • コラム: ECMAScript/JavaScript策定プロセス #54 ECMAScript/JavaScript策定プロセス と関連付ける?
• 無効なエスケープシーケンスについてどこかに書けないか 無効なエスケープシーケンスについてどこかに書けないか #372

[lacolaco]

fs.promiseについていい説明されてるページあったら参考にしたい #311

[azu]

---

ここからMTG

[azu]

https://asciidwango.github.io/js-primer/basic/map-and-set/#add-and-take-out-for-map をみていて、deleteがタイトルにはないなーと思った

[lacolaco]

map-read-and-write でよさそう

#423

[azu]

#381
todoのリファクタリングをした

[azu]

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

[lacolaco]

http://todomvc.com/examples/vanilla-es6/

[azu]

• TODO足りないもの
• タイトルの変更
• フィルター　– Arrayのメソッドのパターン
  • All
  • Active
  • Complete

[azu]

Todoアプリはイベント駆動で回る状態をもったアプリ

[azu]

最初に全体像
CSS 入りのHTMLを置いて、動的な部分をJavaScriptで作るよという導入

[azu]

• event
• module
• class
• array
• template literal
• WeakMap – EventEmitterをWeakMapで実装する

ぐらいかな

[azu]

https://github.com/asciidwango/js-primer/blob/92f9f6d0c163dd19b05b327317b9e238e604f24a/source/basic/map-and-set/README.md#weakmap-weakmap

[lacolaco]

WeakMapのところでEventListener管理みたいな話を書いてるけど、これはクラス使ってない

[azu]

#424
EventEmitterの一貫性がない

[lacolaco]

https://asciidwango.github.io/js-primer/basic/class/#extends-usecase ここのEventEmitterは配列でハンドラ管理してる

[azu]

https://asciidwango.github.io/js-primer/basic/class/#extends-usecase
をUseCaseのTODOに移動するとか

[azu]

クラスを直す => TODOアプリに書く

#424

[azu]

UseCaseをバージョンごとにディレクトリを分ける書き方をするべきかどうか

[azu]

todoアプリも断片をディレクトリに突っ込んでいく感じ。

[lacolaco]

...

js-primer/source/basic/math/README.md

Line 66 in dbaa043

数値の配列の中から最大・最小の値を取り出す際には、`...`演算子（spread operator）を使うと簡潔に記述できます。

[lacolaco]

js-primer/source/basic/string/README.md

Line 287 in 4b3c677

そのため、Iterableを扱える`Array.from`メソッドや`...`（spread operator）を利用することで、

[azu]

• 引数: fn(...args) : restパラメータ
• 配列: ...array : spread 構文
• オブジェクト: { ...obj } : spread property

[lacolaco]

https://github.com/tc39/proposal-object-rest-spread#object-restspread-properties-for-ecmascript

[azu]

spread operator -> spread syntax · Issue #425

[lacolaco]

TypeScript

[lacolaco]

https://github.com/asciidwango/js-primer/blob/master/source/use-case/nodecli/md-to-html/README.md#%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E8%A8%AD%E5%AE%9A%E3%82%92%E5%AE%9A%E7%BE%A9%E3%81%99%E3%82%8B-declare-default もspread構文でよい

[azu]

• 基本文法
• ユースケース

残ってる章

[azu]

次は #4 TODOをやる

[azu]

Node.js .js つけるに統一するとよさそうかも

[azu]

moduleは5つの構文、 #329 をざっくり説明する

[azu]

todo #4 では.jsつけ忘れのエラーを紹介する

[azu]

• リンク切れ直す

[azu]

ビルトインオブジェクト とは何か?という説明

[azu]

js-primer/source/basic/introduction/README.md

Line 31 in a2681b8

オブジェクトには、ECMAScriptの仕様として定められた**ビルトインオブジェクト**と、

[azu]

https://github.com/nodejs/Release 10は5月

[azu]

fs.promise は #94 なしで

[azu]

ターゲット Node.js LTS 8
http://node.green/

[azu]

privateについて
#422 (comment)

[lacolaco]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String エスケープシーケンス

[azu]

\nと\tを具体的にして、エスケープシーケンスとは〜と簡単に書く。
#372

[azu]

\\ エスケープが必要になるものについてを文章として書く。
1行ぐらいのやつ。
#372 はそれで解決できそう

[azu]

5月11日(金)