当サイトをWebflowからmicroCMSに移行しました。本業はディレクターとして活動してますが、microCMSの使用感を把握するという観点から、実際に実装に取り組んでみました。

本記事では、それぞれの特徴、メリット・デメリットを比較し、最適な選択肢を見つけるための情報を提供します。具体的な利用シーンや事例も交えながら、疑問を解消いたします。

WEBサイトの構成

サイトの構成は以下となっております。

• ドメイン：ムームードメイン
• ホスティングサービス：Cloudflare Pages
• CMS：microCMS
• フレームワーク：Next.js

月額のランニングコストを抑えたいという背景があり、ホスティングには無料プランから独自ドメインを利用できるCloudflare Pagesを、CMSにはmicroCMSを選定いたしました。

フレームワークはNext.jsとAstroで迷いましたが、使用経験があるNext.jsを採用いたしました。

レンダリング：SSG,SSR,ISR,On-demand ISRなどに関して

サイトの速度とホスティング環境を踏まえて、公開ページはSSGを採用しています。

その場合microCMSで記事公開時に、毎回ターミナルでbuildコマンドを叩かないと記事がサイトに公開されないため、Webhookを活用して、microCMS管理画面で記事が公開や下書きに変更されたタイミングで、通知をCloudflare Pagesに飛ばしています。

通知を元にCloudflare Pages上でビルドが走り、サイトが更新されます。

サーバー側の処理が関わる部分に関して

お問い合わせフォームのreCAPTCHAに関しては、Next.jsのAPIルートを使用して実装しています。

CloudflareだとEdge Runtime環境で動作するため、通常のNext.jsのAPIルートがそのまま使えませんでした。なのでCloudflare環境向けに少しだけ調整しています。

メールアドレスに関して

Cloudflareに移管したことで、利用を考えていたムームーメールが正規の方法では利用できなかったため、「Cloudflare Email Routing」と「Resend」を導入いたしました。

Cloudflare Email Routingがメールを受信する役割、Resendが送信する役割を担っています。

WordPressとの比較して感じたメリット・デメリット

microCMSの特徴：シンプルさと使いやすさ

microCMSは、コンテンツ管理に特化したヘッドレスCMSであり、その最大の特徴は、シンプルさと使いやすさにあります。直感的なUIで、誰でも簡単にコンテンツを作成・編集できます。専門的な知識がなくても、Webサイトやアプリのコンテンツを管理することが可能です。

WordPressだと管理画面からコード編集ができてしまったりなど、コンテンツを作成すること以外のことができてしまうので、人によっては少し複雑に感じる場合があります。一方、microCMSはコンテンツ管理に特化しているため、余計な機能がなく、ユーザーはコンテンツ作成に集中できます。

誤解してほしくないのが、シンプルなだけでなく、高度な機能も備えているということです。例として、リッチエディタとHTMLエディタを組み合わせて使用することで、本文の途中に任意のHTMLコードを埋め込むことも可能です。これにより、記事を書くという点においては、非常に柔軟な表現が可能になります。

microCMSのメリット：保守管理のコスト

WordPressはWordPress本体や、プラグインのアップデートが頻繁に発生するので、その度に更新をしていく必要があります。脆弱性が発見されると、すぐに攻撃が開始されることがあり、セキュリティ対策は非常に重要です。

なのですが、実態としてアップデートせずに放置されてしまっているサイトがあるというのが現実かと思います。理由としては、更新作業にかかるコストを捻出できない、あるいはウェブ技術に関する知識が不足しているために適切な管理ができていないなどが考えられます。

一方、microCMSはクラウド上で提供されているため、システムの更新やセキュリティパッチの適用はmicroCMS側で自動的に行われます。これにより、保守管理のコストの低減につながります。

初期の開発コストに関して

開発コストについては、少し考慮が必要な点があるかもしれません。

APIの活用や、ホスティング環境とフレームワークの組み合わせ、レンダリングに関する知識など、フロントエンドエンジニア寄りのスキルが求められる場面が増える可能性があります。

そのため、プロジェクトに適したWEB制作会社を見つけることが、WordPressでのプロジェクトよりも少し難しくなるかもしれません。結果として制作にかかる費用が増加するケースも考えられます。

ただし、これはプロジェクトの規模や要件によって大きく異なりますので、一概に言えるものではありません。重要なのは、プロジェクトの目的や予算、期待する成果などを総合的に考慮し、最適なアプローチを選択することです。

まとめ

これまでWordPressをはじめ、WebflowやSTUDIOなどのノーコードツール、EC-CUBEやShopifyといったECプラットフォームなど、多岐にわたるCMSを利用してきました。それぞれに長所と短所があり、一概にどれが最適とは言い難いと感じています。

結局のところCMSの選択は、各プロジェクトの状況や、関係者（制作やその後の運用体制踏まえて）のスキルセットに応じて、最適なツールを選ぶことが重要だと感じてます。