静的ウェブページ

静的ウェブページはフラットページや固定ページ^とも呼ばれ、ウェブアプリケーションによって生成される動的ウェブページとは対照的に、保存^されたとおりにウェブブラウザに配信されるウェブページです。^{[ 1 ]}

その結果、静的ウェブページは、ウェブサーバーの最新機能によって、コンテンツタイプや文書の言語をネゴシエートできる かどうか（そのようなバージョンが利用可能で、サーバー側でそのように設定されているかどうか）に応じて、すべてのユーザー、すべてのコンテキストで同じ情報を表示します。^{[ 3 ]}ただし、ウェブページのJavaScriptによって動的な機能が導入され、静的ウェブページが動的になる場合があります。

概要

静的ウェブページは多くの場合HTML文書であり、^{[ 4 ]}ファイルシステムにファイルとして保存され、ウェブサーバーによってHTTP経由で利用可能になります（ただし、「.html」で終わるURLは必ずしも静的ではありません）。ただし、この用語を緩く解釈すると、データベースに保存されたウェブページや、テンプレートを使用してフォーマットされ、アプリケーションサーバーを介して提供されるページも含まれる可能性があります。ただし、提供されるページは変更されず、基本的に保存されているとおりに表示される限りです

静的ウェブページのコンテンツは、閲覧回数に関係なく変化しません。このようなウェブページは、更新頻度の低いコンテンツに適していますが、現代のウェブテンプレートシステムの登場により、この点は変化しつつあります。静的サイトジェネレータなどの自動化ツールがなければ、大量の静的ページをファイルとして維持することは現実的ではありません。パーソナライゼーションやインタラクティブ機能はすべてクライアント側で実行する必要があるため、制約が存在します。^{[ 5 ]}

利点

• 動的なウェブサイトのセキュリティを向上する（動的なウェブサイトは脆弱性が存在する場合、ウェブシェル攻撃を受けるリスクがある） ^{[ 6 ]}
• 動的ウェブサイトと比較してエンドユーザーのパフォーマンスが向上^{[ 7 ]}
• データベースや他のアプリケーションサーバー などのシステムへの依存度が低い、または全くない^{[ 8 ]}
• ホスト環境と比較してクラウドストレージを利用することでコスト削減が可能^{[ 9 ]}
• セキュリティ設定は簡単に設定でき、より安全になります
• 静的ファイルはコンテンツ配信ネットワーク（CDN）やその他の中間キャッシュによってキャッシュすることができ、これによりユーザー側のページ読み込み時間が短縮されるだけでなく、オリジンサーバーの負荷も軽減されます。^{[ 10 ] [ 11 ] [ 12 ] [ 13 ] [ 14 ]}
• 静的ウェブサイトは、他のCDNノードやオリジンウェブサーバーが一時的にオフラインの場合でも、利用可能なCDN出口ノードを通じて引き続き利用できるため、稼働時間を向上させることができます。^{[ 14 ] [ 15 ] [ 16 ]}

デメリット

• 動的な機能はクライアント側で実行する必要がある^{[ 5 ]}
• 静的ウェブサイトが更新されるたびに、CDNやその他のキャッシュから古いバージョンが削除されるまで、一部またはすべてのユーザーは最新バージョンではなく、古くて古くなった以前のバージョンを見ることがあります。^{[ 14 ]}

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

静的サイトジェネレーターは、静的ウェブサイトをコンパイルするアプリケーションです。 通常、HTMLテンプレートを事前定義されたフォルダとファイル構造に読み込み、 MarkdownやAsciiDocなどの形式でコンテンツを提供します

実装

• Jekyll（GitHub Pagesを支える）
• ミドルマン
• ヒューゴ
• Next.js
• アストロビルド
• ペリカン^{[ 17 ]}
• フランクリン^{[ 18 ]}

参考文献

1. Melendez, Steven (2018年8月10日). 「動的ウェブページと静的ウェブページの違い」 . Chron . 2019年3月20日時点のオリジナルよりアーカイブ。 2019年3月20日閲覧。 「静的」とは、定義上、変化しないものを意味します。ワールドワイドウェブの最初のページは、大部分が静的で変化がなく、特定のトピックについて訪問者全員に同じ情報を提供していました。場合によっては、サイトは時間の経過とともにわずかに進化しますが、それでも大部分は静的であり、つまり、作成者が手動で変更した場合にのみ変化し、定期的かつ自動的には変化しません。
2. 「動的Webページの定義」。PC Magazine 。 2017年1月17日時点のオリジナルよりアーカイブ。 2019年3月20日閲覧。検索結果やその他のリクエストに基づいて、ユーザーにカスタムコンテンツを提供するWebページ。
3. "Site statique ou dynamique" [静的サイトまたは動的サイト]. morphenZero (フランス語)。2016 年 9 月 11 日のオリジナルからアーカイブ。2019 年7 月 27 日に取得。コンテンツ、アニメーション フラッシュ、画像、音楽、ビデオなどのコンテンツを表示するページが表示されます。さまざまなページが表示されます。
4. 「静的Webページとは何か？ - Techopediaによる定義」Techopedia.com。2018年11月4日時点のオリジナルよりアーカイブ。2018年11月4日閲覧。
5. Bouças, Eduardo (2015年5月20日). 「静的サイトジェネレータ入門」 . 2019年6月26日時点のオリジナルよりアーカイブ。2019年3月20日閲覧。危険な解決策：静的サイトのコンテンツを動的に更新するという課題に直面したとき、「JavaScriptでできる」という安易な解決策があります。クライアント側で処理を行い、結果をページ提供後に追記する方法は、場合によっては適切なアプローチとなることもありますが、静的サイトを完全に動的なサイトに変える魔法の解決策だと考えるべきではありません。
6. 「なぜ静的サイトジェネレータを使うのか？」 Jekyll Tips . 2017年2月6日. 2017年2月16日時点のオリジナルよりアーカイブ。2017年2月17日閲覧。
7. 「なぜ静的ウェブサイトジェネレーターが次の大きなトレンドなのか – Smashing Magazine」 Smashing Magazine 2015年11月2日。2017年2月18日時点のオリジナルよりアーカイブ。 2017年2月17日閲覧。
8. Bouças, Eduardo (2015年5月20日). 「静的サイトジェネレーター入門」 . 2015年7月21日時点のオリジナルよりアーカイブ。 2019年3月20日閲覧。サーバーの手間が軽減：動的なサイトを運営するために必要なインフラストラクチャのインストールと維持は、特に複数のサーバーが関係する場合や、何かを移行する必要がある場合、非常に困難になることがあります。パッケージ、ライブラリ、モジュール、フレームワークにはバージョンや依存関係が異なり、異なるオペレーティングシステムには異なるWebサーバーやデータベースエンジンが存在します。
9. Vincent, William (2018年10月9日). 「静的ウェブサイトと動的ウェブサイト：長所と短所」 . 2018年12月26日時点のオリジナルよりアーカイブ。2018年12月26日閲覧。
10. 「キャッシュ制御の説明」
11. 「静的コンテンツと動的コンテンツのキャッシュ：どのように機能するのか？」
12. 「CDN で静的 Web サイトをホストする方法」。
13. 「CDNガイダンス」。
14. 「静的コンテンツホスティングパターン - システム設計」。
15. 「CDN の設定方法: ウェブサイトのパフォーマンスを向上させるためのヒント」。
16. 「静的アセット用のコンテンツ配信ネットワーク (CDN) を設定する方法」。
17. 「Pelican – Python静的サイトジェネレーター」 . Pelican . Pelican . 2025年2月11日閲覧。
18. 「Juliaで静的ウェブサイトを構築する」 . Franklin . Franklin . 2025年2月11日閲覧。

外部リンク

• 静的サイトジェネレーターの決定版リスト。コミュニティが厳選した静的サイトジェネレーターのリストです