2017年1月30日月曜日

静的サイトジェネレータ

JavaScript ベスト・オブ・ザ・イヤー 2016
https://risingstars2016.js.org/ja/

#10 静的サイトジェネレータ

#1 Hexo
A fast, simple & powerful blog framework, powered by Node.js.

#2 Gatsby
Transform plain text into dynamic blogs and websites using React.js

#3 Phenomic
Modern static* website generator based on the React and Webpack ecosystem

#4Metalsmith
An extremely simple, pluggable static site generator.

#5Harp
Static Site Server/Generator with built-in preprocessing

静的サイトジェネレータ("Static Site Generators" 略してSSG) は .html, .css, JavaScriptといったWebサイトを構成するファイル一式を生成してくれるツールです。生成されたファイルは、ApacheやNginxのシンプルなWebサーバーへ悩み無用でデプロイできます。データベースやWebアプリケーションフレームワークのセットアップも不要です。例えば、SGGのひとつである Gatsby は自らをこう表現しています:

1995年ころのようにサイトを構築する。
静的なWebサイトは高速、堅牢で、メンテナンスも容易です。

SSGが人気なのは、静的なWebサイトを無料でホスティングできるサービスが多いことも要因でしょう。

Github pages
Gitlab pages
Netlify
Surge
Now static


Hexo
2016年でもっとも人気のあったSSGがNode.jsでビルドする Hexo です。とてもよくできたSSGで、WordpreessのようなCMSに近く、ブログの構築に利用できます。i18nプラグインを含め、多くのフィーチャを提供しています。

Gatsby
ニューカマーの Gatsby のソリューションは非常に興味深いものです。静的htmlファイルを生成するのにReactのエコシステムを利用しており、競合と一線を画しています。Reactコンポーネントを取り込んでいることからもわかるように、Markdownやサーバーサイドレンダリングをサポートしており、パワフルな仕上がりになっています。

0 件のコメント:

コメントを投稿