2018-05-17: ミーティングアジェンダ

azu commented 6 years ago

~~2018年5月11日のミーティングアジェンダ置き場~~

2018-05-11: 延期
2018-05-17: 実施

azu commented 6 years ago

進捗: Todoアプリが6割ぐらい #4 https://github.com/asciidwango/js-primer/tree/master/source/use-case/todoapp それぞれのセクション > ステップでディレクトリを切っている。各ディレクトリ(サンプルコード）レベルでE2Eテストを書いてる https://github.com/asciidwango/js-primer/tree/master/source/use-case/todoapp/cypress/integration

azu commented 6 years ago

ajax

azu commented 6 years ago

ミーティングは延期 => 後日

azu commented 6 years ago

2018-05-17に再度実施

azu commented 6 years ago

ES 2018が今月ぐらいにでるのでチェックする

azu commented 6 years ago

他Issue

Feedback

438

azu commented 6 years ago

残り

azu commented 6 years ago

MTG開始

lacolaco commented 6 years ago

https://github.com/asciidwango/js-primer/blob/master/source/use-case/todoapp/event-model/README.md#%E3%81%BE%E3%81%A8%E3%82%81-conclusion

本だと邪魔かも？というやつ

azu commented 6 years ago

Todoアプリのセクションごとのまとめをどう表現するかについて

lacolaco commented 6 years ago

https://angular.io/tutorial/toh-pt2#summary Angularのチュートリアルのセクションまとめ

何をしたか（何を学んだか）の箇条書きになってる

azu commented 6 years ago

次のセクションのセクションに行く前にチェックボックス的にまとめを書く

azu commented 6 years ago

このセクションでは次のことをできるようになりました

[ ] HTMLとCSSの準備
[ ] Todoアイテムの追加機能
[ ] Todoアイテムの更新機能
[ ] Todoアイテムの削除機能

lacolaco commented 6 years ago

その時点でできるようになっていることのリストがあるとよさそうそのセクションでできるようになったこと

azu commented 6 years ago

[x] App.jsをxxxして~できるようになった
[ ] mode/TodoList.jsを作り、モデルで状態を管理できるようになった

azu commented 6 years ago

EventEmitterはクラスからTodoの方へ移動させた #424

azu commented 6 years ago

moduleはFirefox 60で動作するようになった。

lacolaco commented 6 years ago

https://github.com/asciidwango/js-primer/issues/434

最初からfetchでいい気がする

lacolaco commented 6 years ago

コールバックをPromiseでラップしてインタフェースを統一する利点を味わうのが目的、と割り切ってXHRを扱う。現実的にはfetchやらaxiosになるのでマサカリを避けるためにコラムを追加する

azu commented 6 years ago

https://asciidwango.github.io/js-primer/use-case/ajaxapp/ はコールバック関数とかイベントの面倒臭いことを学ぶためという目的の側面もある。なのでこのままコールバック関数 -> Promiseという流れ。現実的にはfetchなどもあるよということがわかると良いという感じで。

azu commented 6 years ago

ユースケースの最初に環境設定の話として以下の当たりをまとめる。

Firefox
Node.js
ローカルサーバ

ユースケースからはこれを参照する

lacolaco commented 6 years ago

https://github.com/asciidwango/js-primer/blob/master/source/use-case/nodecli/helloworld/README.md#nodejs%E3%81%A8%E3%81%AF-what-is-nodejs

azu commented 6 years ago

npx @js-primer/local-server でローカルサーバを起動する

azu commented 6 years ago

Ajaxはnpxコマンドで一発でスタートする。 Todoアプリはどうする?

lacolaco commented 6 years ago

インストールの説明ではnode 8.9+を指定する。(npm 5.2以上を保証したい） npxコマンドの簡単な説明

azu commented 6 years ago

Todoアプリからpackage.jsonを消して
npx @js-primer/local-server ( npx @js-primer/server)を使うようにする

azu commented 6 years ago

https://github.com/asciidwango/js-primer/blob/3d9e4e84ab83d36c9f2dec4a169da07b8f07b82c/meetings/2016-07-29/README.md#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90---laco ローカルサーバ要件

azu commented 6 years ago

https://github.com/js-primer/ に作って置く

azu commented 6 years ago

js-primer-local-server というコマンド名にする

azu commented 6 years ago

https://github.com/asciidwango/js-primer/issues/425 を前回した

azu commented 6 years ago

http://2ality.com/2016/10/asynchronous-iteration.html は入れないことにする

azu commented 6 years ago

https://github.com/asciidwango/js-primer/issues/455 イベントをxxする

azu commented 6 years ago

イベントをディスパッチする
イベントをリッスンする

azu commented 6 years ago

https://developers.google.com/web/tools/chrome-devtools/console/events?hl=ja

azu commented 6 years ago

javascript - Vue.js what's the difference of $emit and $dispatch? - Stack Overflow

azu commented 6 years ago

イベントをディスパッチする
イベントをリッスンする

に統一する

発火
監視

が使われてるのを直す

azu commented 6 years ago

https://github.com/asciidwango/js-primer/issues/438 には注釈をちょっと入れるだけにする

azu commented 6 years ago

https://github.com/asciidwango/js-primer/issues/267

Node.js、ブラウザのバージョン確認、HTTPサーバの建て方。 npx が入ってるかどうか

lacolaco commented 6 years ago

$ npx --help   
npmパッケージのバイナリを実行します。
  npx [オプション] <コマンド>[@バージョン] [コマンドの引数]...

  npx [オプション] [-p|--package <パッケージ>]... <コマンド> [コマンドの引数]...

  npx [オプション] -c '<コマンドの文字列>'

  npx --shell-auto-fallback [シェル]

オプション:
  --package, -p          インストールするパッケージ。                   [文字列]
  --cache                npmのキャッシュへのパス。                      [文字列]
  --no-install           パッケージがない場合は、インストールをスキップします。
                                                                          [真偽]
  --userconfig           ユーザーのnpmrcへのパス。                      [文字列]
  --call, -c             「npm
                         run-script」の内部にあるかのように文字列を実行します。
                                                                        [文字列]
  --shell, -s            コマンドを実行するシェル（存在する場合）。
                                                    [文字列] [デフォルト: false]
  --shell-auto-fallback  "コマンドが見つかりません"
                         フォールバックとして使用するコードを生成します。
                          [文字列] [選択してください: "", "bash", "fish", "zsh"]
  --ignore-existing      $PATH、または既存のローカルプロジェクトのバイナリを無視します。
                         これにより、npxは一時的にインストールを行い、最新バージョンを使用します。
                                                                          [真偽]
  --quiet, -q            npx自体の標準出力を抑止します。
                         サブコマンドは影響を受けません。                 [真偽]
  --npm                  npmのバイナリを内部操作に使用します。
                                                           [文字列] [デフォルト:
       "/Users/laco/.nodebrew/node/v8.10.0/lib/node_modules/npm/bin/npm-cli.js"]
  --node-arg, -n         Extra node argument when calling a node binary.[文字列]
  --version, -v          バージョンを表示                                 [真偽]
  --help, -h             ヘルプを表示                                     [真偽]

詳しくは、npx(1)のマニュアルページを参照してください。

lacolaco commented 6 years ago

npx -v で確認できればよさそう

azu commented 6 years ago

Node.js
npx のバージョン
ブラウザのバージョン

が #267 に入る

azu commented 6 years ago

https://github.com/asciidwango/js-primer/issues/329 module

azu commented 6 years ago

https://asciidwango.github.io/js-primer/use-case/ajaxapp/promise/#changeable-userid

azu commented 6 years ago

https://asciidwango.github.io/js-primer/use-case/ajaxapp/promise/ はscriptタグで動くコードになっていて、moduleでは動かないコードになっている。

moduleで動くようにしてしまうか、 moduleのところで違いの話を入れるか、

azu commented 6 years ago

moduleのセクションでas のところで、モジュールのスコープの話。

lacolaco commented 6 years ago

import { foo as fooA } from './module-a.js';
import { foo as fooB } from './module-b.js';

みたいなユースケース。それぞれのモジュール内でスコープがあるから同じ名前のfoo変数が存在できる

azu commented 6 years ago

A.js と B.jsで同じ名前の変数は定義できる => モジュールのスコープが分かれてるから
けどimportした時は同じ名前になるから衝突しないように as でリネームする

というところでモジュールスコープの話をする。

azu commented 6 years ago

読者対象は一番最初の序章とかに書く

azu commented 6 years ago

https://github.com/asciidwango/js-primer/issues/461

azu commented 6 years ago

https://github.com/asciidwango/js-primer/issues/437 querySelectorとgetElementByIdは統一はしないことにした

asciidwango / js-primer

2018-05-17: ミーティングアジェンダ #454

438