@pika/web でやる
ネイティブな
ES Modules
第 1 部
なぜそこに至ったのか？
ちょっと
マイクロフロントエンドについて
考えてみてたんですよ
header
footer
外側で npm install した
モジュールを
使おうとしたんですよ
まあ、そのままだと
いつもの ES Modules の記載で
できないですよね
バンドラー使うとか
直接 script で読み込むとか
方法はいくつかあるけれども
いつもどおりな感じでやりたいし
バンドラー入れるのも面倒だなと
なので @pika/web を
使うことにしたって話
第 2 部
@pika/web とは？
ES modules とは？
たいていは
モジュールバンドラーで
インポートしてる
モジュールバンドラーとは？
webpack とかのことで
今どきのフレームワークだと
内蔵されている
でもまあ
今どきのブラウザなら
そのまま使える
でも node_modules から
パッケージ名だけで
取得することはできない
それをいい感じに
使いやすくしてれるのが
@pika/web
第 3 部
@pika/web の使い方
DEMO
モジュールバンドラーは
ローダーだったり
圧縮などのタスクだったりと
多機能なのが多いけど
とりあえず ES Modules を
使いたいだけならこれで十分
実は、、、
書き終わってから気づいたけど
@pika/web は廃止されて
Snowpack になってました！
なのでみんなは
Snowpack をつかってね！
https://github.com/pikapkg/snowpack
なのでみんなは
Snowpack をつかってね！
https://github.com/pikapkg/snowpack
バンドル VS ノンバンドル
この構図は今後どのような
展開をむかえるでしょうか？
楽しみですね！
個人的には
いつかノンバンドルの時代が
くるのかなとは感じています
最後に開発元の Pika の
ミッションを
私たちはウェブを90％高速化する
使命を帯びています
かっこいいですね！
それではまた次の機会に！
@pika/web でやる ネイティブな ES Modules
By Syuji Higa
