ウェブサイトは大まかに静的サイトと動的サイトに分類されます。
それぞれ作り方や見せ方が違い、メリット・デメリットもあるので、ウェブサイトの目的や運営方法に照らし合わせてどちらを採用すれば良いか考慮する必要があります。
静的サイトと動的サイト、それぞれの特徴を羅列してみました。
(※ちょっとウェブサイト制作をかじっているレベルの人向けの記事です。)
静的サイトとは
- HTMLやCSS、Javascript、画像ファイルなどの静的ファイルで構成される。
- 全ての静的ファイルをWebサーバーに配置しておくと、クライアントがブラウザからリクエストしたとおりのページがWebサーバーから配信されブラウザに表示される。
- クライアントのブラウザに表示されるまでの過程でサーバー上でプログラムが実行されることはなく、データベースへのアクセスもない。 動きのある処理があったとしてもクライアントのブラウザ上で実行されているだけ。
- どのクライアントからのリクエストでも配信されるページの内容・デザインは同じ。
- 小規模サイトであれば全て手作業で構築することも可能だが、ファイル管理・更新管理が煩雑になりやすい。 静的サイトジェネレータやヘッドレスCMSを利用することで構築・管理がラクにできる。
- サーバーにファイルを配置すればいいだけなのでセットアップがラク。
- ランディングページや会社紹介ページなど内容変更がほとんどないサイト向き。
- プログラムを実行するサーバーやデータベースは不要なのでランニングコストは抑えられるが、知識がある人しか保守ができないので変更が必要なときに作業コストがかかる。
- 軽量で高速表示が可能。(ただしサイト内容による。)
- 単純な仕組みでオープンな構造なのでセキュリティ面で比較的安全と言われているが、内容が書き換えられたり悪意のある別サイトに誘導されることもあるので注意は必要。
ちなみにこのブログは静的サイトジェネレータ Hugoで構築しています。
動的サイトとは
- WebアプリケーションサーバーでPHP・Rubyなどの処理プログラムが実行され、データベースへのアクセスもある。
- クライアントからのリクエストに応じてサーバーでプログラム処理された結果が反映されたページが配信される(プログラム制御で表示内容が動的。)
- 頻繁に内容が変わる情報配信サイトやECサイト向き。ログインユーザーに応じて表示内容を変えられるので会員制サイトにも向いている。
- 処理プログラムやデータベースの脆弱性をついた攻撃で情報漏洩もあり得るのでセキュリティ対策が重要。
- CMS(Contents Management System)といわれる仕組みで構築すれば、知識がない人でもクライアント環境からサイト内容を更新できる。
- 環境構築(サーバー、データベース、CMS)に労力・コストがかかる。
- プログラム処理が可能なサーバーのレンタル費用、セキュリティ対策費用、保守費用などランニングコストがかかる。
- サーバーでのプログラム実行やデータベースへのアクセスがあるのでブラウザ表示に時間がかかることがある。(ただし時間を短縮する技術は様々ある。)
ちなみに、私が運営しているもう一つの 趣味全開日記ブログ も動的サイト構築の代表格であるWordpressというCMSを使用し独自テーマで制作しております。写真が多すぎて重いサイトですがSEOは全く気にせずやっております。
ちなみにこのブログは・・・
前述のとおり、このサイトはブログ形式ですが静的サイトです。静的サイトジェネレータ Hugoで構築しています。
ホスティングサーバーはロリポップをレンタルしています。
今ならドメインが1個無料でもらえるみたいですね~(2023.8.3現在)
最初は無料でサイト公開できるGitHub Pagesで公開しようかなーとも思ったのですが、もう一つの 趣味全開日記ブログ のために既にロリポップと契約していて空き容量がまだまだあったので、ムームードメインでドメイン取得だけして放り込みました。
仕事ではその時のキャンペーン状況やサイト規模に応じてロリポップだけではなく他のレンタルサーバーをオススメすることもありますが、 自分のサイトは少しでもお安く、且つ、安定的に運営したいのでロリポップにしました。
これまで大きなトラブルもないですし扱いやすくサポートも充実しているのでオススメです~。
どうでもいい情報
ちなみに、この記事のサムネは福井県の 三方五湖の山頂公園 へのリフトケーブル乗り場にいたたぬきです。
福井にいったときのやつ↓