「こういうの作って」
と書くだけで、
AI が形にする。
AI Web System Builder は、あなたが日本語で書いた依頼を、Claude と GPT という2人の AI が連携して、 PHP + MySQL で動く Web システムに仕立てる SaaS サービスです。本ガイドではその使い方をご紹介します。
はじめに ─ このサービスでできること
AI Web System Builder へようこそ。
このサービスは、あなたが日本語で「こういう Web システムを作りたい」と書くだけで、AI が PHP + MySQL の動くシステムを自動で組み上げてくれるツールです。
どんなシステムが作れるの?
シンプルな会員制サイト、業務管理ツール、予約システム、SNS風アプリ、社内向けデータベース…ブラウザから操作する 小〜中規模の Web システム なら、たいていのものは作れます。
こうした依頼を、5〜15 分ほどで形にします。
使い方の流れ(超ざっくり)
アカウント登録
初めての方は、まずアカウントを作るところから始めます。
用意するもの
- メールアドレス(連絡先になります)
- 携帯番号(SMS で本人確認のため必須・090/080/070 で始まる 11 桁)
- 氏名(本名)
- 表示名(画面に出る呼び名・ニックネーム可)
- パスワード(6 文字以上)
登録のながれ
新規登録はこちら リンクから移動します。ログインしてダッシュボードを開く
登録済みの方は、ログインページからメール+パスワードでログインします。
ダッシュボードの見方
ログイン直後に開くのが「ダッシュボード」です。ここから新しい依頼を出したり、過去のプロジェクトを確認したりします。
画面上部(ヘッダー)
| 表示 | 意味 |
|---|---|
💰 ¥1,234.56 | 現在のクレジット残高 |
👤 (表示名) | あなたのアカウント(クリックでマイページ) |
ログアウト | セッションを終了 |
画面中央
- 新しい依頼の入力欄(ここに作りたい Web システムを書く)
- 作成済みプロジェクトの一覧(ID・名前・状態・フェーズ・請求額)
プロジェクトの「状態」表示
| 状態 | 意味 |
|---|---|
planning | 作成直後・まだAIが動いていない |
generating | AIが作業中 |
prototype | プロト版が完成・お試し可能 |
production | 本番化済み・制限なしで利用可 |
archived | アーカイブ済み |
プラン契約(サブスクリプション)
無料のお試し期間が終わったら、または最初からたくさん作りたい方は、月額プランの契約をおすすめします。
プラン一覧
契約のながれ
プロジェクトを作る ─ AIに依頼する
いよいよ、AI に Web システムを作ってもらいます。
良い依頼文の書き方
AI に伝わりやすい依頼文には、いくつかコツがあります。
社員が日報を投稿できるシステム。投稿フォームには日付・タイトル・本文・添付ファイル欄が必要。一覧画面では日付ごとに新しい順に表示。管理者は全社員の日報を閲覧でき、社員は自分の日報のみ編集できる。
日報みたいなのを作ってください
良い依頼文に含めたいポイント:
- 誰が使うか(社員・管理者)
- どんな情報を扱うか(日付・タイトル・本文・添付)
- どんな画面が必要か(投稿フォーム・一覧)
- 権限のルール(自分の分だけ編集可)
これらが書かれていると、AI が想像で補う部分が減り、思い通りの結果になりやすくなります。
作成のながれ
AIが作業する様子を眺める
プロジェクト画面では、2 人の AI(Claude と GPT)があなたの依頼にどう取り組んでいるかを 「チャット形式」 で見ることができます。
画面の構成
左側:アバターチャット
- 🟣 Claude(クロード) ─ 要件整理・設計が得意
- 🟢 GPT(ジーピーティー) ─ コード生成が得意
各 AI のアバターの下に「待機中」「思考中…」「コード生成中…」などの状態が表示されます。各フェーズで AI がしゃべる内容(要件のまとめ・設計内容・生成したファイル名など)が下に流れていきます。
右側:コスト・ファイル一覧・操作ボタン
| 項目 | 内容 |
|---|---|
| 📊 トークン・コスト | 現在までに消費したトークン数と JPY 換算 |
| 📁 ファイル一覧 | AI が作成したファイルの一覧(クリックで中身を表示) |
| ▶ 全フェーズを一気通貫 | AI に最初から最後までやらせるメインボタン |
| 🔧 修正・追加要件 | プロト完成後、追加で修正を依頼するフォーム |
| 🚀 本番への切替 | プロト版が気に入ったらクリック |
ビルドの 6 フェーズ
| フェーズ | 担当 | 内容 |
|---|---|---|
| 1. 要件整理 | Claude | 依頼を整理して JSON に。テーブル設計・画面を抽出 |
| 2. 設計 | Claude | DB スキーマと画面構成を確定 |
| 3. 実装 | Claude / GPT | ファイルを 1 つずつ生成。両AIが交互に担当 |
| 4. セットアップ | 自動処理 | 専用 DB 作成・初期化スクリプト実行 |
| 5. レビュー | もう一方の AI | 実装内容をセルフレビュー |
| 6. 完了 | 自動処理 | プロト URL を表示。動作確認できる状態に |
プロト版を試してみる
AI のビルドが完了すると、プロジェクト画面の上部に「プロト URL」が表示されます。クリックすると新しいタブで、できたばかりの Web システムが開きます。
プロト版の制限
プロト版にはお試し期間として 2 つの制限があります:
- ⏳ 7 日間 ─ プロト版が作られてから 7 日経つと、利用期限切れの画面が表示されます
- 🔁 1 日 10 回 ─ 1 日に 11 回目以降のアクセスは、24 時間ロックされます
プロト版の画面右上には、常に以下のカウンターが表示されます:
動作確認のチェックリスト
プロト版を試す際は、以下を確認すると良いでしょう:
- ログインや会員登録などの基本機能が動くか
- 画面の見た目に大きな崩れがないか
- データの追加・編集・削除がちゃんと反映されるか
- 画面遷移(ボタン・リンク)が思った通りか
- エラーメッセージが出ても、それが分かりやすいか
🔧 セットアップを再実行 または 💥 プロト版を完全リセット を試してみてください。気に入らない部分を修正依頼する
プロト版を試してみて、「ここをこう変えたい」と思ったら、全部作り直さなくても OK。修正したい部分だけを AI に依頼できます。
修正依頼の例
依頼のながれ
ファイル添付の 3 つの方法
- 「📎 ファイル/画像を添付」ボタン ─ クリックしてファイルを選択
- 「📋 貼り付け」ボタン ─ クリップボードにコピーした画像を取り込み
- テキストエリアに直接 Ctrl+V またはドラッグ&ドロップ
対応形式:PNG / JPG / GIF / WebP / SVG / PDF / TXT / MD / CSV / JSON / XLSX / DOCX
本番環境にする(本番昇格)
プロト版で十分に動作確認ができて、「これでいい!」と思ったら、本番環境に移行します。本番化すると、プロト版にあった 7 日 / 1 日 10 回 の制限はなくなり、ずっと使い続けられます。
本番昇格の費用
本番化には一括の料金が発生します:
例:あるプロジェクトの AI 利用料が累計 ¥1,200 だった場合、本番昇格時の請求は ¥12,000 になります。プロジェクト画面の「🚀 本番への切替」セクションに、現在のあなたの場合の見積もり額が表示されます。
昇格のながれ
クレジット残高とトライアル
AI Builder では、月額プランとは別に 「クレジット」 という残高の仕組みがあります。AI に処理を依頼するたびに、ここから利用料金が差し引かれます。
無料トライアル
- 登録時に ¥500 分 の無料クレジットを自動付与
- 7 日間のお試し期間が始まる
- 期間中もクレジットがある限り使い続けられる
- 7 日経過後は自動で有料プランへ移行(残高は据え置き)
料金の仕組み
AI 1 回の処理にかかる費用は、使ったトークン数と AI モデルによって変わります。プロジェクト画面の右上に、現在までの累計が常に表示されています:
API原価 USD $0.42 / API原価 JPY ¥65
あなたへの請求 ¥98
「あなたへの請求」がクレジットから引き落とされる金額です(運営側のマージン含む)。
クレジット残高がなくなったら
残高 0 になると AI 機能の利用が一時停止します。続けて使うには、クレジットを購入してください。
マイページの「💰 クレジット購入」ボタンから、以下の単位で購入できます:
- ¥1,000
- ¥3,000
- ¥5,000
- ¥10,000
アカウント管理
マイページ(👤 アイコンからアクセス)では、以下のことができます。
プロフィール確認
- 表示名 / 氏名 / メールアドレス / 携帯番号
- 登録日
- プラン状態(トライアル / 有料 / サブスク中 / 停止中)
利用状況の確認
- 現在のクレジット残高
- 累計利用額 / 累計購入額
- 作ったプロジェクト数
取引履歴
過去 100 件までの取引が表示されます。タイプは:
| タイプ | 意味 |
|---|---|
| + 付与 | 登録時の無料クレジット・キャンペーン付与など |
| + 購入 | あなた自身が購入したクレジット |
| − 利用 | AI に処理を依頼したときの引き落とし |
| 期限終了 | トライアル期間が終了したタイミング(残高は据え置き) |
携帯番号の変更
引っ越し、機種変更などで番号が変わったら、再認証で更新できます。
よくある質問(FAQ)
AI が作るシステムは、誰が著作権を持つの?
途中でブラウザを閉じても大丈夫?
プロト版のURLを他の人に共有してもいい?
AI に伝わりにくい依頼ってありますか?
本番化したシステムを、別サーバに移したい
/production/<ID>/ 配下のファイルと、専用DB(aibuilder_prod_<ID>)をそのままエクスポート/コピーすれば、他のサーバでも動きます(PHP+MySQL があれば)。詳しい移設方法は管理者にご相談ください。AIモデルは選べないの?
うっかり依頼内容を間違えて作成してしまった
クレジットが返金されることはある?
サブスクを解約したい
削除したプロジェクトは復活できる?
お困りのときは
こんなときの対処法
| 症状 | 対処 |
|---|---|
| SMSが届かない | 5〜10分待ってから「再送信」/ 迷惑メッセージフォルダ確認 / 受信拒否設定確認 |
| プロト版が真っ白 | プロジェクト画面の 🔧 セットアップを再実行 を試す |
| プロト版で「DB接続エラー」 | プロト URL の末尾に /install.php を付けてアクセス → 「初期化を実行」 |
| プロト版で 500 エラー | 🔄 DB→物理ファイル再同期 ボタンを押す |
| 「View not found」エラー | 💥 プロト版を完全リセット → ▶ 全フェーズを一気通貫 |
| AI処理が止まった | ページをリロード / ▶ 全フェーズを一気通貫 をもう一度押す |
| クレジット残高で困ったら | マイページから購入。または管理者に相談 |
| どうしても解決しない | 管理者(運営者)に画面のスクショと一緒に状況を伝えてください |
連絡前に確認したいこと
管理者にお問い合わせいただく際は、以下の情報を一緒にお伝えいただけるとスムーズです:
- プロジェクトの ID(画面上部の
#数字) - どの画面で、どのボタンを押したときに起きたか
- 画面のスクリーンショット(エラー画面を含む)
- 発生時刻(おおよそで OK)
🎉 それでは、楽しい AI 開発体験をどうぞ。
あなたのアイデアが、形になる瞬間が楽しみです。