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回分までの履歴機能と、制作者としての想い
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
その他のa-blog cms一覧
-
AI・DX・業務改善
Appleヘルスケアの記録を振り返るアプリ「DF-HealthBalance」を公開しました
株式会社データファームは、iPhone・iPad向けアプリ「DF-HealthBalance」をApp Storeで公開しました。DF-HealthBalanceは、Appleヘルスケアに集まった食事・活動・睡眠・水分・体組成などの記録を、日ごとや期間...
続きを読む
-
AI・DX・業務改善
コピーしたものを、あとから取り戻す。Mac用アプリ「DF-ClipRoll」を公開しました
株式会社データファームでは、Mac用のクリップボード履歴アプリ「DF-ClipRoll」をMac App Storeで公開しました。DF-ClipRollは、コピーしたテキストやURLなどをこのMac内に保存し、必要になったときに検索して再...
続きを読む
-
技術
フレッツ光クロス移行後、固定IPと外部公開でハマった話
先日、事務所のインターネット回線をフレッツ光クロス環境へ移行しました。回線速度そのものは問題なく、インターネット接続も無事に復旧しました。ところが、そのあとにハマったことがありました。それが、固定I...
続きを読む
-
技術
最近Codexで行っていること
今週はちょっと毛色を変えて、最近Codexで行っていることをご紹介したいと思います。使ってます。Codex当社はChatGPTをProプランにして、あわせてCodexを利用しています。 複数のAIを使い分けていないわけではな...
続きを読む
-
a-blog cms
AIで多言語サイト運用を効率化するa-blog cms拡張アプリ「エントリー翻訳」を開発しました
株式会社データファームでは、a-blog cmsの運用をよりスムーズにするため、管理画面での入力や更新作業を支援する拡張アプリの開発を進めています。その一環として今回、AIを活用して翻訳エントリーを簡単に作成...
続きを読む
-
a-blog cms
AIとの対話で、サイト構築の土台を一気に作る。a-blog cms拡張アプリ「DF-サイト構築」のご紹介
Webサイトを作るとき、最初に悩むのが「どんなページを用意するか」「どのような構成にするか」というサイト設計です。a-blog cmsをインストールした後、管理画面を開いても、いきなりページやカテゴリーを作り始...
続きを読む