Webサイトを作るとき、最初に悩むのが「どんなページを用意するか」「どのような構成にするか」というサイト設計です。

a-blog cmsをインストールした後、管理画面を開いても、いきなりページやカテゴリーを作り始めるのはなかなか難しいものです。

特に、サイト制作に慣れていない方にとっては、「まず何から決めればいいのか」が大きなハードルになります。

そこで株式会社データファームでは、AIとの対話を通じてサイト構成を考え、その内容をa-blog cms上に自動で構築できる拡張アプリ「DF-サイト構築」を開発しました。

AIがサイト構成づくりをサポート

「DF-サイト構築」は、サイトのタイトルや目的を入力することで、AIがサイトマップの案を提案してくれる拡張アプリです。

たとえば、

• 「会社の強みをもっと前面に出したい」
• 「初めて訪れた人にもわかりやすい構成にしたい」
• 「サービス紹介とお問い合わせまでの流れを整理したい」

といった要望をチャット形式で伝えることで、AIが構成案を調整してくれます。

これまで制作者がヒアリングしながら整理していた内容を、AIとの対話によってある程度形にできるため、サイト制作の初期段階をスムーズに進めることができます。

ボタンひとつでサイトの土台を自動構築

AIと相談して決まった構成案は、そのままa-blog cms上に反映できます。

「DF-サイト構築」では、構成案に基づいて、子ブログ、カテゴリー、エントリー、ナビゲーション用のモジュールなどを自動で生成します。

通常であれば、管理画面から一つひとつ作成していく必要がある部分を、ボタンひとつでまとめて作成できるため、初期構築の手間を大きく減らすことができます。

もちろん、AIが作った内容をそのまま完成形として使うのではなく、まずはサイトの土台を素早く作るための機能です。

そこから制作者や担当者が内容を調整していくことで、より具体的なサイトへと育てていくことができます。

ページごとの「書くべき内容」も引き継げる

サイト構成だけができても、実際に各ページへ何を書けばよいのかで手が止まってしまうことがあります。

「DF-サイト構築」では、AIが提案した各ページの内容メモを、エントリーのブロックエディタ内に保存できるようにしています。

そのため、後からページを編集するときに、

• 「このページでは何を説明する予定だったか」
• 「どのような内容を書けばよいか」
• 「どんな流れで構成するか」

を確認しながら作業を進められます。

単にページを自動生成するだけではなく、その後のコンテンツ制作まで見据えた仕組みにしている点が、このアプリの大きな特徴です。

安心して使うための工夫

実際のサイト構築で使うことを考え、いくつかの安全面にも配慮しています。

たとえば、ブログコードの重複をチェックし、既存の構成とバッティングしないようにする機能を用意しています。

また、最近のサイト制作の傾向に合わせて、初期構築時のURLには「.html」を付けない仕様を標準としました。

基本的には3階層までの構築を想定していますが、子ブログ内で再度アプリを動かすことで、より深い階層の構築にも対応できます。

さらに、過去の構成案を5つまで戻れる履歴機能も備えています。

AIとの対話を進める中で、「やっぱり前の案の方がよかった」という場合にも、安心して試行錯誤できます。

制作の最初の一歩を、もっと楽に

「DF-サイト構築」は、サイト制作のすべてをAIに任せるためのツールではありません。

むしろ、最初の構成づくりや、ページ作成の下準備をAIに手伝ってもらうことで、制作者や担当者が本来考えるべき内容に集中できるようにするためのツールです。

プロの制作者にとっては、ヒアリング内容を整理するための壁打ち相手として。

一般のお客様にとっては、サイトづくりの最初の一歩を案内してくれるガイドとして。

「何から始めればいいかわからない」を減らし、サイト制作を少しでも楽しく、スムーズに進められるように。

株式会社データファームでは、a-blog cmsをより便利に活用するための拡張アプリとして、「DF-サイト構築」の開発を進めています。

動画による解説

• 00:00 イントロ：a-blog cms拡張アプリ「DF-サイト構築」とは
• 00:48 サイト制作の第一歩：タイトルと目的の入力
• 01:21 プロのヒアリングを再現？AIとの対話によるサイト設計
• 02:39 構成案（サイトマップ）の自動生成とAIへの修正依頼
• 04:15 構築されるサイト構造（子ブログ・カテゴリー）の最終確認
• 05:10 各ページに「何を書くべきか」AIがアイデアを提案
• 05:43 コードの重複チェックと、将来を見据えたURL拡張子の仕様
• 06:25 ワンクリックでサイト一式を自動構築！
• 06:55 a-blog cms管理画面での構築結果の確認
• 07:33 AIの執筆アイデアが引き継がれるブロックエディタ画面
• 07:54 面倒なナビゲーションモジュールも自動生成
• 08:12 プロの「壁打ち」・お客様の「相談」相手としての活用法
• 09:45 3階層制限の理由と、より深い階層を作るためのテクニック
• 11:00 過去5回分までの履歴機能と、制作者としての想い