サイトを構築に利用した技術

今回初めてサイトを構築するにあたり、私が利用した技術についてお話します。

Webサイトを作る方法はいくつかありますが、

  • 手軽さ・シンプルさ
  • コストの安さ
  • 管理のしやすさ

を重視し、Eleventy（公式サイト）のような「静的サイトジェネレーター」を使うことにしました。

👉 初心者でも「Eleventy＋静的サイト」の方がシンプルで始めやすいので、おすすめです。特に「初めてサイトを作る方」や「個人ブログ」には相性が良いです。

WordPressとEleventyの違い

まず、多くの人が使っているのが WordPress（公式サイト）です。

WordPressはとても高機能ですが、その分仕組みは少し複雑です。

WordPressの特徴

  • アクセスのたびにページを生成（動的サイト）
  • サーバー＋データベースが必要
  • カスタマイズ性が高い

一方で、今回使用したEleventyは、考え方がシンプルです。

Eleventyの特徴

  • 事前にHTMLを作っておく（静的サイト）
  • サーバーがシンプルでOK
  • 軽くて高速

👉 イメージ

WordPress：注文ごとに料理を作るレストラン Eleventy：作り置きを出す定食屋

なぜEleventyを選んだのか（実体験ベース）

私自身、最初はレンタルサーバー＋WordPressで考えていました。

しかし、実際に触ってみて感じたのは、

  • サーバー設定が必要
  • データベースの知識が必要
  • トラブル時の原因切り分けが難しい

という点でした。

そこで知ったのがEleventyです。

Eleventyは、

  • シンプルで軽い
  • 自分の書いたHTMLがそのまま使われる
  • 余計な仕組みが少ない

という点が非常に分かりやすく、結果的に短期間でサイトを作ることができました。

👉 「自由度が高い」のではなく“仕組みがシンプルだから理解しやすい”というのが最大のメリットです。

よくある疑問

①「WordPressの方が簡単では？」

→ 最初は簡単に見えますが、

  • カスタマイズ
  • 表示崩れ
  • プラグイン競合

などで難しくなるケースが多いです。

②「静的サイトって古くない？」

→ むしろ逆で、

  • 表示が速い
  • セキュリティが高い
  • 管理が楽

という理由で、最近また注目されています。

③「デザインは難しくない？」

→ Eleventyは「HTML＋CSS」がそのまま使えるので、

  • テンプレートを使う
  • 少しずつ調整する

という形で学びながら作れます。

実務目線のポイント

多くの記事では、

「Eleventyは軽い」 「静的サイトは速い」

といった説明で終わりがちです。

しかし実際の現場では、

👉 「トラブル対応のしやすさ」が非常に重要です。

Eleventyの場合：

  • 生成されたHTMLがそのまま動く
  • 問題があればHTMLを直接確認できる
  • サーバー側の影響を受けにくい

つまり、

👉 「何が原因で壊れたのか分かりやすい」

これは初心者〜中級者にとって非常に大きなメリットです。

まとめ

  • 初心者には「シンプルな仕組み」が重要
  • Eleventyは理解しやすく、扱いやすい
  • 静的サイトは今でも十分に実用的

そして何より、

👉 「自分で仕組みを理解しながら作れる」

これが、Eleventyを選んで一番良かった点です。

今回、Eleventyなくして、本サイトの短期間での構築は無しえませんでした。作者の方、関係者の方々に、この場をお借りして感謝とお礼を申し上げます。