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一覧
-
FileMaker
FileMaker の自習室にて「Claris Connect 経由で Zoom のミーティングを作成する(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話zoom予約自体は、管理画面から簡単に作ることができます。なので最初は「そこまで必要かな」って思ってたんですよね。で...
続きを読む
-
技術
ごじゅのを作るにあたって気をつけたこと
ごじゅのをオープンベータでリリースして。少しずつ参加者が増える形で楽しんでもらっています。五十音で遊ぶ連想ゲームhttps://gojuno.jp/ja/毎日通ってくださる方、思い立ったときに遊んでくださる方。一度みて...
続きを読む
-
FileMaker
FileMaker の自習室にて「Claris Connect 経由で Google Translate の翻訳を利用し、レイアウト上のラベルを切り替える(Claris FileMaker - 10分でスキルアップ)」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話Google翻訳自体は、海外のサイト巡回などで毎日使っています。ですが、実際にFileMakerをからめて使うことがあるかという...
続きを読む
-
技術
無料の言葉パズル「ごじゅの」オープンベータ版を公開しました
株式会社データファームは、五十音から言葉を作って得点を競うブラウザゲーム「ごじゅの」のオープンベータ版を公開しました。登録不要で、スマートフォンやパソコンのブラウザから1日1回無料で遊べます。「ごじ...
続きを読む
-
FileMaker
A tool for “looking at and thinking about” FileMaker’s DDR: DF-DDR inspector
The blog post is a bit long, so if there’s a feature that catches your interest, please click and take a look. FileMaker includes a feature called DDR (Database Design Report), which outputs the st...
続きを読む
-
FileMaker
FileMakerのDDRを「見て考える」ためのツール、DF-DDR inspectorを作りました
ブログが少し長いので、気になる機能があれば、クリックして見てください。 FileMakerには、データベースの構造を出力するDDR(Database Design Report)という機能があります。テーブル、フィールド、リレーショ...
続きを読む