Node学園 21時限目 -ES Modules Meetup- #tng21

よしこ @yoshiko_pg

Breaking webを避けるため、awaitキーワードはasync functionの中でだけの予約語になる。ただModuleの中ではどこでもawaitが予約語なのでModuleの中でだけはtop level awaitが書けるようになる。 メッチャ勉強になる #tng21

コキチーズ🔥 @k2wanko

HTMLコメント書けたんだ #tng21

azu @azu_re

<!-- Annex Bなので後方互換のための仕様(ES2015から入った) --> #tng21 "ECMAScript® 2017 Language Specification" tc39.github.io/ecma262/#prod-…

Yu @katsew

Loader APIもっと知りたい #tng21

ちゃば @Tea_Server

Nodeでもコメント普通に使えた #tng21 pic.twitter.com/aqtyGI0UPQ

拡大

Yosuke Furukawa @yosuke_furukawa

Enhancement Proposals だった #tng21 github.com/nodejs/node-eps

かたしん @ktsn

Loader も標準化しようとしてるのか。 #tng21

Yu @katsew

Loader pipeline (hooks) がwebpack loaderみたいなものなのかな。 #tng21

ぽんりぃ @pn1y

<script type="module">でes moduleとして読み込み。github.com/whatwg/loader/… #tng21

YAMAMOTO Yuji: 山本悠滋 @igrep

<script type="module"> って書かれたTシャツとか売られるんだろうな。あるいはすでにある？ #tng21

Yu @katsew

既存のJSテンプレートエンジンを評価したいときはMIMEタイプ(っぽいもの)をつかう。　#tng21

ぽんりぃ @pn1y

Moduleだとグローバルが汚染されない #tng21

よしこ @yoshiko_pg

script要素に今後追加される新しいtypeは、type="module" のようなプレーンな形式になっていく。なのでテンプレートライブラリなどで独自でtypeを指定したいときはMIMEタイプっぽい形式のものを使うと未来でコンフリクトしない #tng21

Yu @katsew

相対URLの複雑さ…　#tng21

ぽんりぃ @pn1y

.jsは省略できなくて相対パスは./から #tng21

SUZUKI Shin(すずき しん) @shinout

#tng21 npm解決のhookが乱立する未来

コキチーズ🔥 @k2wanko

npm で import '/fs.js' とか書いていくとかはなさそう？ #tng21

よしこ @yoshiko_pg

ES Modules標準だとpathの.js省略できないんだ・・・ #tng21

Yu @katsew

defer属性がデフォルトで有効。 #tng21

かたしん @ktsn

defer ってノンブロッキングだっけ。 #tng21

やぬすさん / Takagi Kensuke @janus_wel

import A from ‘a’ みたいなものは hook で処理するしかない、と #tng21

かたしん @ktsn

依存関係の解決がノンブロッキングかー。 #tng21

azu @azu_re

CORSヘッダ常に必須なんだ #tng21

Yu @katsew

異なるオリジンをimportしたかったらCORSヘッダが必須！ #tng21

やぬすさん / Takagi Kensuke @janus_wel

常に CORS はハマりどころになりそうだ #tng21