Services

サービス

ヘッドレスCMS構築

ヘッドレスCMS構築

表はもっと自由に、
裏は成熟したDrupalの管理基盤で。

Drupalをコンテンツの管理・配信に専念させ、表示側はNext.jsやAstroなど、要件に合わせて自由に構成するヘッドレスCMS構成にも対応します。
Drupalの管理画面をそのまま利用でき、権限管理・多言語・メディア管理などのDrupalが備える機能を活かしながら、表示側を自由に設計できます。

Drupalの強みを活かすヘッドレス構築。
体制や要件に合わせて柔軟にご対応します。

デザインやフロントエンドの実装は別の制作会社に任せ、弊社はDrupal側の構築を担当する。そのような分業にも対応しています。もちろん、Drupalの構築からフロントエンドの実装まで、まとめてお任せいただくことも可能です。Drupal側のコンテンツ設計からAPIの設計・提供、フロントエンドとの接続まで、構成に応じて必要な部分を支援いたします。

API の提供と接続案内

フロントエンドを実装される方に向けて、APIの提供と接続のご案内まで行います。エンドポイントの仕様、認証方式、取得できるデータの構造を整理してお渡しし、実装中のお問い合わせにも対応します。Swagger(OpenAPI)形式の機械可読な設計書もお渡しできるので、それを基にAIコーディングでフロントエンドを実装する進め方もサポートします。

  • JSON:API / GraphQL / REST によるコンテンツ配信
  • フロントエンドからの利用を前提としたコンテンツモデリング
  • エンドポイント仕様・認証方式・データ構造のドキュメント提供
  • Swagger(OpenAPI)仕様の提供と、AI コーディングを前提とした実装フローの支援
  • 画像・添付ファイルの配信とキャッシュ設計
  • 実装期間中の技術的な問い合わせ対応

編集者向け機能の設計

ヘッドレス構成では、プレビュー、公開予約、下書きの共有といった編集者側の機能が失われやすくなります。表示側が別のアプリケーションになるため、「保存前に見た目を確認する」という当たり前の操作が、そのままでは成立しなくなるためです。

これらはCMS側だけでは完結せず、フロントエンド側の実装が前提になります。Next.jsを使った構成に実績があり、次の設計をお引き受けできます。

  • Next.jsと連動したプレビュー環境の構築
  • 公開予約と、予約公開時のフロントエンド再生成・キャッシュパージ
  • 下書きの共有と承認フロー
  • 編集画面から公開ページへの導線

Next.js以外のフレームワークについても、プレビュー用のリクエストを受け取れる仕組みが用意されていれば、同様の構成を組めます。フロントエンドを担当される方と要件をすり合わせたうえでご提案しますので、まずはご相談ください。

既存 Drupal サイトのヘッドレス化

すでに運用されているDrupalサイトについて、コンテンツと管理画面はそのまま活かし、表示側だけを載せ替える構成に対応します。

Drupalは従来型のページ配信とAPI配信を同居させられるため、サイト全体を一度に切り替える必要はありません。特定のセクションから段階的にヘッドレス化を進める進め方もご提案できます。

他社製ヘッドレスCMSからの乗り換え

すでに他社製のヘッドレスCMSをお使いで、必要な機能が用意されていない、要件に合わせるのが難しい、という段階でのご相談も承ります。SaaSのヘッドレスCMSは立ち上がりが速い一方、権限の分け方や承認フロー、多言語の扱いといった部分は、提供されている範囲を超えると手が出せません。Drupalはこれらをサイト側で定義できるため、制約に当たった要件をそのまま実装できます。

  • 権限・ロールを部署単位、フィールド単位で分けたい
  • 複数段階の承認フローや公開予約を組みたい
  • 言語ごとに構成が異なる多言語サイトにしたい
  • コンテンツ同士を複雑に参照・関連づけたい
  • 独自のフィールドや入力画面を作り込みたい
  • コンテンツを自社や指定の環境で保持したい(ホスティング要件、セキュリティ要件)

現在お使いのCMSからのコンテンツ移行もあわせて承ります。

フロントエンドまで含めた構築

CMS側とフロントエンドの両方をまとめてお任せいただくこともできます。Next.js / Astro での実装、セマンティックHTMLでのマークアップ、アクセシビリティに配慮した実装まで社内で対応します。

Download
会社案内をダウンロード
Contact
お気軽にお問い合わせください