ローディング中

2017年注目の「静的サイトジェネレーター」を3つ紹介します。

最近パスタマシーンを手に入れたので、パスタを作りたくて仕方がないマンノです。
パスタ作りの話を書きたいのは山々なんですが、今回は静的サイトジェネレーターを紹介いたします。

弊社でもjekyllといった静的サイトジェネレーターを活用してサイト制作を行ないます。
静的サイトジェネレーターを上手く活用することで、静的サイトを今までよりも遥かに早く構築することができます。
今回は2017年注目の静的サイトジェネレーターをご紹介致します。

静的(スタティック)サイトジェネレーターとは

静的(スタティック)サイトジェネレーターは、従来のhtml/css/jsで構築のされたサイトを効率よく、作成するためツールです。

  • header/footerをテンプレート化
  • メルアド、電話番号などを1ファイルで管理しテンプレートタグ化
  • ブログ記事を書いてhtmlファイルを自動生成

従来ですと、全てのサイトを修正したり、ファイルを作成し直したりする必要があったのが、静的サイトジェネレーターなら簡単な設定でできちゃいます。
ページ数が増えれば増えるほど、静的サイトジェネレーターの恩恵を受けることができるでしょう。

数ある静的サイトジェネレーターの中から今回は、厳選して3つご紹介いたします。

おすすめ静的サイトジェネレーター3選

Jekyll

046e04b97765c0c08e881891cacbc5ec
日本語サイト:Jekyll

Rubyで開発されている静的サイトジェネレーターのJekyll。
弊社でも静的サイトを構築する際はJekyllを活用しています。
特にGithub Pagesにデプロイする場合、自動でコンパイルしてくれるのがとても嬉しいポイントですね。

C83d392f103b85c8334d5930fcde92b7
Jekyll Themes

テンプレートも充実しており、上手く活用することで、クールなデザインのサイトがいとも簡単に作成できてしまいます。
Markdownにも対応しており、ブログをJekyllで運用する人も沢山いるくらい使い勝手のいい静的サイトジェネレーターです。

HUGO

043bf809d331f93b24d4524255edb7e2
公式サイト:HUGO

非常に高速かつ、シンプルな静的サイトジェネレーターHugo。
Go言語で書かれた静的サイトジェネレーターです。
JekyllやOctopressといったジェネレーターでビルドする際、どうしても遅く感じてしまいます。
Hugoではそのイライラするような遅さを感じることもなく、スピーディーにビルドしてくれるのが特徴です。

Ebef218be5491c1c1c360153057f2a10
Hugo Themes site

Jekyllなどと比べるとテンプレートが少ないのですが、それでもいくつか公開されています。
テンプレートは自分で作るよ!という方は特に気にならない点かと思います。
年々Hugo熱が帯びてきているように感じます。
ビルドにイライラしてる!という方は是非乗り換えてみてはいかがでしょうか。

Hexo

Af6af8c3ec470bc191cdcbfce358b348
公式サイト:Hexo

Node.jsが動く環境の方ですと、Hexoも静的サイトジェネレーターの選択筋に入るのではないでしょうか。
数ある静的サイトジェネレーターの中でも、ブログ生成に特化しており、プラグインと併用することでWordpressに負けないサイト構築を行うことが可能です。
Javascriptの盛んな中国などでは、Hexoの利用者がとても多く、テンプレート集を見ていただくと分かるように、中国語テンプレートが多く見受けられます。

RubyやGo言語ではなく、Javascriptで完結させたい!という方は是非Hexoを使ってみてはいかがでしょうか。
また中国では度々HexoとWordpressどちらがいいのか?などという論争が繰り広げられています。
そういった観点からも、Wordpressから乗り換えられるだけのポテンシャルがあるという事でしょう。(多分)

StaticGenで自分に合ったツールを探してみよう

09bed68c751b0aff4c19750dc0e674eb
StaticGen

今回紹介した3つの静的サイトジェネレーター以外にも、世の中にはとても沢山の静的サイトジェネレーターがあります。
StaticGenでは、無数に存在する静的サイトジェネレーターをまとめて掲載してくれています。

Githubのスター数、フォーク数、イシュー数言語でソートすることも可能です。
自分に合った静的サイトジェネレーターを見つける際に是非活用してみてください。

静的サイトジェネレーターの弱点

静的サイトジェネレーターにも、もちろん弱点があります。
サーバーサイドでの動的な処理を行う事ができないため、コンタクトフォームや予約フォームといったフォームを動かす事ができません。
Googleフォームで対応する必要などが生じます。

また、頻繁なページ更新の際、WordpressといったCMSとは違い毎回ツールを起動する必要がでてきます。
その為、社員全員で気軽にブログ更新なんてことが出来ません。
静的サイトジェネレーターを活用すべきか、Wordpressを活用すべきかは、サイト内容に合わせて考える必要が出てきますね。

静的サイトジェネレーターを上手く活用しよう!

静的サイトジェネレーターを上手く活用することで、今まで面倒だったサイト構築が効率的に行うことができます。
テンプレートを細分化していくことで、メンテナンス性も高まりますしフロントエンドエンジニアにとっては良いことだらけです。
自分にあった静的サイトジェネレーターを見つけて、今後の制作に是非活用してみてくださいね。

ホームページ制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3 E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.