CSS Nite LP64「Coder's High 2019」フォローアップ（6）中村 享介さん | CSS Nite公式サイト

2019年10月19日に大崎ブライトコアホールで開催したCSS Nite LP64「Coder's High 2019」のフォローアップとして、中村 享介さん（ピクセルグリッド ）の『高速なウェブのためのモダンアーキテクチャ JAMstack』セッションのスライドなどを公開します。

• スライド（PDF）
• 動画

セッション6で、JAMstackを紹介させていただいた、中村享介です。

JAMstackは新しいアーキテクチャのため、すぐに理解するのは難しいかと思いますが、
事前にHTMLを生成しておくというポイントだけでも押さえておくと、今後さまざま情報が出てきてもついていきやすいはずです。

また、今回は概念とそれによるメリットの説明だけで、じゃあ実際どうやって始めたらよいのかという話はしませんでした。今回のセッションで興味をもっていただいたなら、まずは、事前にHTMLを生成する「静的サイトジェネレーター」から始めてみると良いでしょう。

WordPressなど、CMSのテンプレートの知識がある人は「11ty」のような、テンプレートエンジンベースの静的サイトジェネレーターがオススメです。最近のVueやReactといったJavaScriptの知識がなくても使えます。

Vueの知識のある方は、「NuxtJS」の静的ファイル生成を試してみてください。事前にHTMLを生成するというのがどういうことなのかわかりやすいと思います。

そうやって作ってみたサイトを「Netlify」で公開すれば、それはもう、JAMstack構成のサイトです。コーダーとしての知識だけで高速なサイトを作成できる感覚をぜひ掴んでいただければと思います。

JAMstack
https://jamstack.org/

静的サイトジェネレーター: Eleventy
https://www.11ty.io/

プログレッシブVue.jsフレームワーク: Nuxt.js
https://ja.nuxtjs.org/

ホスティングサービス: Netlify
https://www.netlify.com/