現代フロントエンドに欠かせないwebpackとBabelを理解しよう

Transcript ݱ୅ϑϩϯτΤϯυʹ͔ܽͤͳ͍ XFCQBDLͱ#BCFMΛཧղ͠Α͏ʂ� CVJMEFSTDPO�UPLZP����� /BNF� ����4BLJUP�.VLBJ� 5XJUUFS ����!@@TBLJUP@@� $PNQBOZ� ����$ZCP[V�JOD� ����'SPOUFOE�&YQFSU�5FBN "CPVU�NF w#BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ� w#BCFMʹ͍ͭͯ� wXFCQBDLʹ͍ͭͯ� wXFCQBDL #BCFMͰ಺෦࣮૷Λ௥͍ͬͯ͘ "HFOEB #BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ &$."4DSJQUͱ5$�� w+BWB4DSJQUʹ͸&$."4DSJQUͱ͍͏ݴޠ࢓༷͕͋Δ� w͜ͷݴޠ࢓༷ΛܾΊ͍ͯΔҕһձ͕5$�� 5FDIOJDBM�$PNNJUUFF��� � w&4��

[iTaro]

完全に理解した状態を過ぎて、まったくわからない状態に進んだら読むと良いと思う

[living]

webpackプラグインとか書き始めると、この辺の知見が必要になる

[efcl]

Babelやwebpackが何をやっているのかについてのスライド。 Babelがどのようにコードを変換しているのかやwebpackがどのようにモジュールを扱っているのかについて

[Windymelt]

基礎

[glat_design]

説明わかりやすかった /

[ohaan]

1年単位で欠かせない技術が新登場するフロントエンド、フルスタックっぽくなってきてる。

[racebyrace]

速度はどうなるのでしょう。

[yarumato]

“Babelの変換は3段階。Parse(to AbstractSyntaxTree) -> Transform -> CodeGenerate”

[yshdyk11202000]

いつか開く

[bump_sunbear]

分かりやすい

[zentarou]

意外と寿命が長い

[shoutatani]

Babelって変換元をASTに変換して、そこに処理を加えて最終的にASTからJavaScriptにコンバートしてるのか・・・！！内部構造知れると面白い！

[masa_iwasaki]

すごくわかりやすい！

[d4-1977]

完全に理解した（って言ってみたくなりました。使える環境にいると、気にすることなく使えてしまう。そのため、いざっていう時に、サッパリ分からない…となってしまうヤツになる）

[maecchi]

webpackやBabelってどこまで完全に理解したらよいのかなと時々思います

[lolence]

最近コンパイラの勉強しているペーペーのエンジニアであるが、babelの仕組みがちょっとだけわかったので嬉しい。一回構文木にしてから変換してまたコードに戻してるのね。

[balar]

#builderscon