この記事は、「express + webpack + VueでSSRする」の記事にHMRを追加で組み合わせるための記事であり、重複する内容があります。 概要 expressとwebpackで、Vueのサーバーサイドレンダリングを実装するときの開発環境を構築します。 前回はファイル更新時に…

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

www.youtube.com ああ、またこの伝説級の動画を見に来てしまった。Jazzドラム界の生けるヒーロー達のスーパープレイ。Dave Weckl、Vinnie Colaiuta、Steve Gaddという3人のドラマーによるセッションだ。 3人でドラムセッション？ドラムだけ？と思うかもしれ…

この記事は、「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…