express + webpack + VueでSSRする 以前にexpressとVueのみを用いて行ったSSRはシンプルに実装できましたが、今回webpackを組み合わせたSSRはファイル数も増え、仕組みも複雑になってきました。 今回はSSR環境構築の足場を作り、次はホットリロードなども実…

この記事は、「express + webpack + BabelでHMRを使いながらIE11対応する」の記事にVue.jsを追加で組み合わせるための記事であり、重複する内容があります。 expressとは？ Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げる…

この記事は、「expressとwebpackでHMRする最小構成を試す」の記事にBabelを追加で組み合わせるための記事です。 expressとは？ Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げるために使用します。 公式サイト webpackとは…

expressとは Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げるために使用します。 公式サイト webpackとは 別の記事（webpackの最小構成を試す）が参考になります。 公式サイト expressとwebpackを組み合わせる利点 WEBサー…

webpackとは？ 複数ファイルに分けて管理しているJS（モジュール）を一つのファイルにまとめてくれるツール（モジュールバンドラー）です。 別の記事（webpackの最小構成を試す）が参考になります。 ※正確には1つのファイルとは限りませんが、役割に応じてフ…

Babelとは？ ブラウザがまだ対応していない最新のJavaScriptのソースコードを、ブラウザが対応しているソースコードへ変換してくれるツールです。 トランスコンパイラとも呼ばれます。 例えば、以下のようなアロー関数を用いたJSはIE11で動作しません。 cons…

webpackとは？ 複数ファイルに分けて管理しているjs（モジュール）を一つのファイルにまとめてくれるツール（モジュールバンドラー）です。（正確には1つのファイルとは限りませんが、役割に応じてファイルをまとめられます） 以下のように、lodash.jsとinde…

公式のVue.jsサイトのデモにあるHackerNewsクローンをコードリーディングする前段階として、公式のVue SSR ガイドに掲載されている最小限のSSRを試したのでメモ。 const Vue = require('vue') const server = require('express')() const renderer = require…