Node.jsデザインパターン 第2版

8.6

 まとめ

295

</head>

<body>

<div id="main"><%- markup %></div>

<script src="/dist/bundle.js"></script>

<%- scriptTag %>

</body>

</html>

見てのとおり、ページのボディを終了する直前に

scriptTag

を追加しています。

これでこのサンプルプログラムを実行する準備がほぼ完了です。あとは

Webpack

でバンドルを生成

し直し、次のコマンドでウェブサーバを起動します。

$ babel-cli server.js

最後に、ブラウザを開き、

http://localhost:3000

にアクセスしてください。今度もすべて前と

変わらないように見えますが、舞台裏ではまったく別のことが起こっています。ブラウザのインスペク

タかデバッガを開いて、ブラウザがいつ

API

リクエストを

送信しているか探してください。また、

API

サーバを起動したコンソールをチェックしてログを読み、誰がいつリクエストしているか調べてみてく

ださい。

8.6

 まとめ

この章では、革新的で変化の早いユニバーサル

JavaScript

の世界を探検しました。ユニバーサル

JavaScript

はウェブ開発の分野で多くの新しい機会を生み出しましたが、まだ新しく未熟な分野です。

この章では、この話題に関する基本事項をすべて紹介することに注力し、コンポーネント指向ユー

ザーインタフェース、ユニバーサルレンダリング、ユニバーサルルーティング、