Idaten

使い方ガイド

AI_Homepage は、チャットで指示するだけで Web サイトを自動的に作成・修正できるツールです。以下の手順に沿ってご利用ください。

① プロジェクトを作成する
  • 画面右上の「新規プロジェクト」ボタンを押します。
  • プロジェクト名を入力し、「作成」を押します。
  • このプロジェクト専用のプライベートな GitHub リポジトリが自動的に作成され、編集画面が開きます。
② チャットでサイトを作成・修正する
  • 画面右側のチャット入力欄に、作りたい内容や修正したい内容を「具体的に」入力して送信します。
  • AI が自動的にコードを生成・反映します。処理中は「処理中…」と表示されます。
  • 完了すると、ブラウザのタブ名・アイコン・通知音でお知らせします。
  • 「ファイルを添付」から、画像（最大 10 枚）やファイルを追加できます。チャット欄へのドラッグ＆ドロップにも対応しています。
  • 生成を途中で止めたい場合は「停止」ボタンを押してください。
③ プレビューを確認する
  • 画面左側に、作成中のサイトのプレビューが表示されます。
  • 上部のボタンで、PC 表示／スマートフォン表示の切り替え、再読み込み、全画面表示、新しいタブで開く、が行えます。
  • 「GitHub から同期」を押すと、最新の状態を取得して表示します。
④ 画面上で直接編集する（Select to Edit）
  • チャット欄の下にある「Select to Edit」を押します。
  • プレビュー上の文字や画像を直接クリックして編集します（文字の修正、または画像の差し替え：アップロード／AI で生成）。
  • 編集が終わったら、緑色の「✓」で確定して GitHub に反映します。取り消す場合は赤い「×」を押します。
⑤ 以前の状態に戻す（バージョン履歴）
  • チャットの各返信が、その時点のサイトの状態（バージョン）として保存されます。
  • 各返信の下にある「このバージョンに戻す」を押すと、その時点の状態に戻せます。
  • 現在表示しているバージョンには「現在このバージョンを表示中」と表示されます。
⑥ データをダウンロードする
  • 編集画面の「ダウンロード」ボタンから、サイト一式を ZIP 形式でダウンロードできます。
⑦ 表示言語を切り替える
  • 画面右上の「EN／日本語」ボタンで、表示言語を切り替えられます（初期設定は日本語です）。
⑧ プロジェクト一覧（Idaten）に戻る
  • 画面上部の「プロジェクト一覧に戻る」を押すと、Idaten のプロジェクト一覧に戻ります。
⑨ 画像について
  • 写真が必要な箇所には、コンテンツに合わせて AI が自動的に画像を生成します。
現在ご利用いただけない機能

以下の機能は現在準備中です（今後提供予定）。

招待（Invite）
連携（Connects）
公開（Publish）
音声入力
コードの埋め込み