アイソモーフィックJavaScript

8章アプリケーションをクライアント側に転送する

Jason Strimpel

　

以前の章では、アプリケーションのためのしっかりとした基盤を作ることに注力してきました。ここからは、サーバー側専用だったアプリケーションをクライアント上でも実行できるように変更してゆきます。慎重な準備が実を結ぶ時です。適切な設計を行ってきたので、移植はかなり容易に行えるはずです。作業が終わったら、完全に機能するアイソモーフィックJavaScriptアプリケーションのコアを目にすることになるでしょう。ただし作業に取りかかる前に、ビルドのプロセスに作業を追加し、アプリケーションの構造を変更する必要があります。

8.1　クライアント向けアプリケーションのバンドル化

アプリケーションをクライアント側で実行するために、まず必要なのはアプリケーションのバンドルの作成です。バンドルのファイルには、アプリケーションのコードがすべて含まれます。サーバーから返される最初のページとして./src/index.htmlを用意し、この中でバンドルをインポートします。

大規模なアプリケーションでは、アプリケーションを複数のバンドルに分割するほうがよいでしょう。初期ページの読み込み速度を向上できます。

8.1.1　バンドル化ライブラリの選択

我々のコミュニティーでは、クライアントアプリケーションのバンドルを作るためのライブラリとしてBrowserify（http://browserify.org/）とWebpack（http://webpack.github.io/ ...