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

azu · 2018-05-11T02:19:14Z

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

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

azu · 2018-05-11T02:54:06Z

進捗: 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 · 2018-05-11T06:05:09Z

ajax

azu · 2018-05-11T10:51:17Z

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

azu · 2018-05-17T01:25:51Z

2018-05-17に再度実施

azu · 2018-05-17T01:45:18Z

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

https://github.com/asciidwango/js-primer/blob/3a67eddafee47f2f283d0d0b733cff53d23209d6/meetings/2018-02-01/README.md#es2018

azu · 2018-05-17T10:32:32Z

他Issue

Feedback

データ型の説明について（新人研修使用でのポイント） #438

azu · 2018-05-17T10:35:40Z

残り

azu · 2018-05-17T10:38:04Z

MTG開始

lacolaco · 2018-05-17T10:38:30Z

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 · 2018-05-17T10:40:39Z

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

lacolaco · 2018-05-17T10:41:40Z

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

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

azu · 2018-05-17T10:43:59Z

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

azu · 2018-05-17T10:44:36Z

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

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

lacolaco · 2018-05-17T10:45:22Z

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

azu · 2018-05-17T10:47:12Z

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

azu · 2018-05-17T10:50:06Z

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

azu · 2018-05-17T10:51:31Z

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

lacolaco · 2018-05-17T10:52:05Z

#434

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

lacolaco · 2018-05-17T10:59:11Z

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

azu · 2018-05-17T10:59:41Z

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

azu · 2018-05-17T11:04:24Z

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

Firefox
Node.js
ローカルサーバ

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

lacolaco · 2018-05-17T11:04:29Z

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 · 2018-05-17T11:09:07Z

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

azu · 2018-05-17T11:10:33Z

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

lacolaco · 2018-05-17T11:10:36Z

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

azu · 2018-05-17T11:13:51Z

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

azu · 2018-05-17T11:15:05Z

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 · 2018-05-17T11:16:28Z

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

azu · 2018-05-17T11:17:35Z

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

azu · 2018-05-17T11:19:09Z

#425 を前回した

azu · 2018-05-17T11:21:25Z

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

azu · 2018-05-17T11:23:27Z

#455
イベントをxxする

azu · 2018-05-17T11:24:13Z

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

azu · 2018-05-17T11:26:59Z

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

azu · 2018-05-17T11:30:18Z

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

azu · 2018-05-17T11:32:07Z

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

に統一する

発火
監視

が使われてるのを直す

azu · 2018-05-17T11:35:07Z

#438 には注釈をちょっと入れるだけにする

azu · 2018-05-17T11:36:01Z

#267

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

lacolaco · 2018-05-17T11:37:34Z

$ 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 · 2018-05-17T11:38:32Z

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

azu · 2018-05-17T11:39:19Z

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

が #267 に入る

azu · 2018-05-17T11:40:57Z

#329
module

azu · 2018-05-17T11:42:20Z

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

azu · 2018-05-17T11:45:10Z

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

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

azu · 2018-05-17T11:49:38Z

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

lacolaco · 2018-05-17T11:50:24Z

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

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

azu · 2018-05-17T11:50:34Z

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

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

azu · 2018-05-17T11:54:05Z

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

azu · 2018-05-17T11:54:24Z

#461

azu · 2018-05-17T11:57:11Z

#437
querySelectorとgetElementByIdは統一はしないことにした

azu changed the title ~~2018-05-11: ミーティングアジェンダ~~ 2018-05-17: ミーティングアジェンダ May 17, 2018

azu mentioned this issue May 17, 2018

用語: イベントを~する #455

Closed

4 tasks

azu mentioned this issue May 17, 2018

モジュール(module) #329

Closed

This was referenced May 17, 2018

ajax: fetchの利用について #434

Closed

feat(meeting): 2018年5月17日のミーティングノート #463

Merged

azu closed this as completed in #463 May 17, 2018

azu mentioned this issue May 23, 2018

refactor(tooapp): まとめのチェックボックスを追加 #465

Merged

azu mentioned this issue Jun 3, 2018

Node.jsでHello World: Node.jsのバージョン #475

Closed

azu mentioned this issue Jun 10, 2018

TODOアプリ #4

Closed

11 tasks

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

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

Comments

azu commented May 11, 2018 • edited Loading

azu commented May 11, 2018

azu commented May 11, 2018

azu commented May 11, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018 • edited Loading

azu commented May 17, 2018 • edited Loading

azu commented May 17, 2018

lacolaco commented May 17, 2018

azu commented May 17, 2018

lacolaco commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018 • edited Loading

lacolaco commented May 17, 2018 • edited Loading

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

lacolaco commented May 17, 2018

lacolaco commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018 • edited Loading

lacolaco commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

lacolaco commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018 • edited Loading

lacolaco commented May 17, 2018

lacolaco commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

lacolaco commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 17, 2018

azu commented May 11, 2018 •

edited

Loading

azu commented May 17, 2018 •

edited

Loading

azu commented May 17, 2018 •

edited

Loading

azu commented May 17, 2018 •

edited

Loading

lacolaco commented May 17, 2018 •

edited

Loading

azu commented May 17, 2018 •

edited

Loading

azu commented May 17, 2018 •

edited

Loading