2018-06-29: ミーティングアジェンダ

[azu]

2018-06-29のミーティングアジェンダ

[azu]

usecaseではディレクトリとかの概念がでてくるけど、

• エディタ
• 基本的なコマンド(cd , mkdir)

について1-2ページぐらいで書いたほうがいいのかな?

かんたん Ruby：書籍案内｜技術評論社では数個のコマンドとVScodeのインストールが載っていた。

CodeSandboxみたいなウェブブラウザ上で動く環境を使うのもありかな。

• エディタなどについてどうするか
• 触れる場合は何を説明するか

の2点

[azu]

実行環境(console)についての再考

#85 (comment)

スクラッチパッドを使う予定という話を #2 をしていたけど、コンソールへの出力結果が見られないので、微妙に不便。

• コンソールを使う
• スクラッチパッドを使う
• Node.jsを使う
• CodeSandbox のようなものを使う
• js-primerのサイト上にREPLを用意する

[azu]

進捗

• Todo TODOアプリ #4
  • ローカルサーバの立て方の変更 npx @js-primer/local-server #462
    • 2章の序章待ち? ここにローカルサーバ入れる?
  • イベントの用語統一 用語: イベントを~する #455
• 非同期処理（旧Promise) feat(async): 同期処理と非同期処理 #503
  • 非同期処理とは feat(async): 同期処理と非同期処理 #503
  • エラーファーストコールバック
  • Promise
  • Async Function

[azu]

moduleの進捗 #329 #505

[azu]

Related module and Todo

今どきのアプリを書く上で必要なことで、この書籍で触れてる/触れてない項目。(全部はやる必要ないけど、最低限あったほうがいいものを考える)

• Transpiler feat(ecmascirpt): ECMAScriptについて #367
  • TypeScript/Flow 型?
• Bundler feat(usecase): モジュール #505
• 開発者ツールでのデバッグ
  • パフォーマンス系?
• フレームワークの存在
• クロスブラウザ対応/違い
• Lint/コーディングルール系 Bad Partsの章 #142

[azu]

---

ここから

---

[azu]

エディタ

みたいのがコラムか何かで乗っていれば、JavaScript不慣れでも必要なエディタがわかっていいのではという。

[azu]

実行環境の話もこれに関わってくる。

エディタ +実行環境としてCodeSandboxとかを教える?

[azu]

コンソールは再定義の問題が発生しやすいという欠点がある。

[azu]

書くと良さそうなもの。
エディタ + 実行環境

• index.html + コンソール
  • index.htmlにscriptタグを書いて、コンソール実行。リロード方式
  • script のtypeなしで書く
• エディタ
  • Visual Studio Code
• その他のリンク?
  • CodeSandboxとか設定方法へのリンクをまとめたもの?

[azu]

JavaScript入門 (全24回) - プログラミングならドットインストール

[azu]

これを REPLの開き方とかのあたりに書く。

関連: #2 #85 #276

[azu]

file:/// だけど ajaxとかmoduleとか必要にならなければOK

[azu]

• 環境の章にローカルサーバの立て方を書く
  • 2章の序章: 環境ごとのオブジェクト · Issue #267 · asciidwango/js-primer
• ajaxはそれぞれ参照する
• todoappはそれぞれ参照する

[azu]

refactor: イベントの用語の整理 #488

[azu]

イベントリスナー と イベントハンドラー

[azu]

イベントリスナーを呼び出す
イベントハンドラーを呼び出す

[azu]

https://asciidwango.github.io/js-primer/basic/map-and-set/#weakmap
イベントリスナーの初出

[azu]

オブジェクトが発火するイベントのリスナー関数（イベントリスナー）をマップで管理しています
イベントリスナーとは、イベントが発火したときに呼び出される関数のことです

ここにイベントハンドラとも呼ばれますと括弧書き?

[azu]

結論

• イベントハンドラは イベントリスナーに 統一する refactor: イベントの用語の整理 #488
• イベントリスナーは イベントハンドラともよばれることがありますが、この書籍では区別しませんと入れる
• prh統一する

こんな感じ?

[lacolaco]

Javaでは addされる(1-N)は Listener、setされるのはHandler (1-1) っぽいらしい
https://stackoverflow.com/questions/4725241/whats-the-difference-between-event-listeners-handlers-in-java

[azu]

Async Functionはこのタイトルで、
非同期処理を同期処理

[lacolaco]

other.js => myModule.js

[azu]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import

[lacolaco]

構文だけを述べるという但し書き モジュールの扱いについては2部の序章に置く

[azu]

2章 開発環境

• エディタ
• node
• ローカルサーバ

moduleをどこに書くか

[lacolaco]

モジュールバンドラーはコラム

[azu]

https://asciidwango.github.io/js-primer/use-case/nodecli/refactor-and-unittest/
CommonJS のモジュールの説明をどこまでやるか

[lacolaco]

• モジュールとは
• ES Module構文説明
• ES Module動かし方 script type module
• CommonJS
• コラム: バンドラー

[azu]

Porting from CommonJS
比較表

[azu]

Webブラウザのモジュールシステム

これは単純にブラウザで動かすにはという話にする。
index.html はtype=moduleなしで説明する

[lacolaco]

Node.jsとCommonJSは nodecliで使う範囲の最小限に留める。

[lacolaco]

バッドパーツ、盛り上がらない

[lacolaco]

eslintとか、開発を助けるツールについての付録

[azu]

次に何を読めばいいかという。
リンク集的なものをウェブに作って、本からはリンクを貼るみたいな感じにする

[lacolaco]

https://github.com/asciidwango/js-primer/blob/master/source/basic/bad-parts/README.md#%E9%9D%9E%E6%8E%A8%E5%A5%A8%E3%81%AE%E6%A9%9F%E8%83%BD-deprecated-feature
BadPartsはそれぞれGoodなところのコラムに移動する

See #142

[lacolaco]

ユースケースのセクションは　〜するにしたい

[azu]

#241
モジュールのところでファイル名を出したいので、これを早めに実装する