質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.75%

  • JavaScript

    15275questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Node.js

    1731questions

    Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

  • React.js

    708questions

    Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

  • GitHub

    706questions

    GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

  • Markdown

    74questions

    Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

おすすめの静的サイトジェネレーターを教えてください。

解決済

回答 4

投稿

  • 評価
  • クリップ 4
  • VIEW 462

shozin_0805

score 15

 おすすめの静的サイトジェネレーターを教えてください。

GitHub Pages を使ってみようと思い、いい感じの静的サイトジェネレーターを探しています。
おすすめがあれば教えていただきたいです。

条件は以下の通りです。

  • GitHub Pages で使える。
  • Markdownで記事を記述できる。
  • デザインがモダン
  • 記事生成が速い
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 4

+3

私はMiddlemanを使っていますが、JavaScriptの周りが過渡期で迷走気味、ビルドが遅い、ということもあってRuby好きとかSlim使いたいって人以外にはオススメしません。

速度面を重視するなら、オススメなのはGoでできたHugoです。実は余り使ったことがありませんが、爆速という噂です。機能面は、語るほど使いこなしてないので、ごめんなさい。

その他はStaticGenで人気なものを探してみると良いかもしれません。好みの問題もあるので、自分に合ったものや作るサイトにあったものを見つけた方が良いかと思います。(私は速度が遅くてもMiddlemanを使い続けるだろうし…)

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/29 22:39

    ありがとうございます。
    StaticGenで探してみようと思います。

    キャンセル

+2

質問文にReact.jsのタグが付いているので、React用の静的サイトジェネレーター「Gatsby」はどうでしょう?

Markdownで記事を記述できる。

以下を参照。
Adding Markdown Pages

GitHub Pages で使える。

以下を参照。
How Gatsby Works with GitHub Pages

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/29 22:39

    ありがとうございます。

    キャンセル

+2

Hugoと
GitHub PagesではなくNetlify

記事生成はそもそもデプロイ時に自動でやるので速度は関係ない。
それでもHugoの速さは魅力。

Goなのでバイナリファイル一つで済む。
他だとRubyやnode.jsの環境が必要。普段から使ってるならともかくこれが意外と面倒。
お手軽に使いたい静的サイトジェネレーターでそんな所を気にしたくない。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/29 22:40

    ありがとうございます。
    Netlifyを知らなかったのでとても勉強になりました。

    キャンセル

checkベストアンサー

+1

現状Hugo一択でしょうね。

私は現状Hexo使ってますが、1記事作る度にコンパイルが走りますね。
全記事のページに新しいページのリンクを作りますよビャビャビャビャという感じで塵が積もって凄まじい遅さになります。

まぁ、30記事くらいなら1秒程度で全部吐き出してくれるのでまだそんなに気にならないけど、ゆくゆくを考えるとちょっと億劫です。
出来合いのものを使う事を考えれば第一感Hugoでしょう。


一応自分で作る案も検討しました。

コンパイルの手間を減らす為に、index.htmlとbundle.jsだけ先にコンパイルしておき、
JSON化した記事一覧をAjaxで取得、他のMarkdown製の記事も全てAjaxで取ってくるみたいな設計を考えました。

しかし誰がどうやってそのJSONファイルで出来た記事一覧を用意するのか?
誰かが全てのMarkdown記事を読み込んでJSONファイルを吐き出す処理が必要となります。

これはReact.jsを使っている静的サイトジェネレータも同様で、
結局どのジェネレータもトップページや隣接ページのリンク等を考えると、
結局全ての記事ファイルを読み込んでゴリゴリ処理をしていくというフローがあるのは避けられません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/29 22:41

    ありがとうございます。
    詳しく教えていただきとても勉強になりました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.75%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • JavaScript

    15275questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Node.js

    1731questions

    Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

  • React.js

    708questions

    Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

  • GitHub

    706questions

    GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

  • Markdown

    74questions

    Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。