これからのWebサイト制作

記事
IT・テクノロジー
ココナラの「Webサイト制作・Webデザイン>ホームページ作成」を見ていると、殆どがWordPressを使った制作が前提になっています。

それほど人気も有るWordPressを使ったWebサイト制作ですが、WordPressで構築してもらい、納品後にご自身で更新する方は実際にはどの程度居るでしょうか?

もちろん頻繁に色んなコンテンツを更新するなら良いのですが、実際にはお知らせや製品情報、会社情報など一部のコンテンツを時々更新する程度と言う方も多いのではないでしょうか。

場合に寄っては作ってから数年更新せず、久しぶりに触ろうと思ったらよく分からなくて諦めてしまった。なんてケースも往々にしてあります。
それですと、せっかくWordPressで全ページ更新可能にしていたのに、活用されることもなく、脆弱性の温床となり、セキュリティリスクが高いだけのWebサイトになってしまいます。

また、WordPressは動的サイトのため、更新した内容が即反映される等のメリットが有る反面、データベースが必須になり、ユーザーがアクセスした際に必ずデータベースから情報を取得してWebページに表示しているため、どうしても重くなりやすいです。
昨今、レンタルサーバーの性能も高いので気にならないレベルで表示されますが、プラグインを大量に入れたりしているとやはりどうしても重くなってしまいます。

このように、WordPressは手軽に扱える代わりに、セキュリティリスクや表示が遅い等の問題も抱えています。
ましてや、殆ど更新しないサイトであれば、WordPressの恩恵を受けることもなくデメリットばかりが目立ってしまいます。

ここから本題

なんだか、前置きが長くなってしまいましたが、上記のような問題を解決してより良いWebサイトを作ろうと、今までと違ったアプローチでの設計思想をもったサイト制作の方法が出てきました。

それが「Jamstack」と呼ばれる設計思想です。

Jamstackと聞いても「なんのこっちゃ?」と思われる方が多いと思いますが、この設計思想は、パフォーマンスやセキュリティに優れ、低コストでスケーラブル、更に優れた開発者体験をもたらせてくれます。

では、具体的にどうしてそう言ったメリットが有るのかと言うと、Jamstackの設計思想で作られたサイトは最終的に「静的サイト」になります。

静的サイトとは、HTMLとCSS、Javascriptだけで作られたシンプルなあの静的サイトです。
静的サイトですので、サーバーサイドの処理を必要としないため、非常に高速で表示されます。
また、サーバーにWordPress等のCMSを入れる必要も無いので、セキュリティ面にも優れています。
他にも、Jamstackに適したホスティングサービス(サーバー)を使うと、htmlや画像などはCDNから配信され、負荷が分散されます。
そのため、急なアクセス増でもサイトが落ちにくい等のメリットも有ります。

ここで一つ疑問が生じるのが、ただの静的サイトじゃWordPressみたいにコンテンツを更新することが出来ないんじゃ?と思われるかも知れません。

これにはヘッドレスCMSと呼ばれるCMSを使うことで対応が可能です。

このヘッドレスCMSは、国内でも色々リリースされていますが、いずれもテンプレート編集画面が無く、記事などのコンテンツを入力する画面だけが有り、APIを提供しているのが特長です。

国内ですと、 「microCMS」や「Newt」、「hacoCMS」等が有ります。

この提供されているAPIを通じてデータを取得し、予め取得したデータを埋め込んだ形で静的なHTMLを生成します。

この辺りはちょっと技術的な話になってしまいますが、ただのHTMLではAPIからデータを取得して埋め込む事が出来ないため、静的サイトジェネレーター(SSG)と呼ばれるツールを使い、Javascriptを使ってAPIからデータを取得し、HTMLに埋め込んだ状態で静的なHTMLを生成します。

WordPressの場合これらをサーバー内で完結させますが、Jamstackの場合は、サーバーにアップする前にデータを取得してHTMLに埋め込み、ただのHTMLにしてからサーバーにアップする点が最大の違いです。

これにより、サーバーにWordPress等のCMSをインストールせずに、CMSからWebサイトを更新できるようになります。
ただ、WordPressのようにサイト全体をCMSで管理する事はほぼ無く、頻繁に更新する箇所だけを更新できるように構築することが殆どです。

サイト全体を編集したい場合には向きませんが、冒頭でも述べましたが実際には殆どページを更新しない方も多いと思いますので、無駄にサイト全体をCMSで管理するより、部分的にCMSで管理した方が実装工数も抑えられ、コンテンツに合わせた実装が出来ますので、より直感的に使える管理画面にすることが可能です。

このように、ただの静的サイトでは出来なかった部分や動的サイトでのデメリットを払拭するために考えられた設計思想がJamstackです。

もちろんJamstackと言う設計思想は完璧なものでもないですし、サイトに寄って向き不向きも有り、多少なりデメリットも存在します。

例えば、動的に書き換えが必要なサイト(ブログのコメント部分、フォーム、サイト内検索、TwitterやFacebookのようなサイト)は苦手としています。
まぁ、Twitterのようなゴリゴリに書き換えが必要なサイトはJamstackですと無理がありますが、ブログのコメント部分やフォーム等に関しては、外部サービスを使ったりJamstackに適したサービスも色々有りますので、多くの場合は解決することが可能です。

逆に動的にページを書き換える必要が無いサイトとは相性が良いので、コーポレートサイトやメディアのような記事主体のサイトとは特に相性が良いです。
おそらく、WordPressで作っている多くのサイトでも動的サイトで有る必要性がほぼ無いので、Jamstackでのサイト制作は相性が良いと思います。

そんな訳で、WordPress以外の選択肢として、Jamstackによるサイト制作にご興味が有りましたら、お気軽にご相談頂けますと幸いです。

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら