AIでアプリを作って公開する方法をご案内します。
はじめての方でも、このページを見れば始められます。
AIに「こんなアプリがほしい」と日本語で伝えるだけで、AIがコードを自動生成します。生成されたコードをBlueにアップロードすれば、すぐにWebアプリとして公開できます。
あなたに合った方法を選んでください。
ChatGPTやClaudeなど、普段のAIとの会話でコードを作り、Blueにアップロードして公開。
Claude Code や Codex が、コード生成からBlueへのデプロイまで自動で行います。
Blueの中だけで完結。プロンプトを入力すればそのまま公開できます。
3つの方法を比較して、自分に合ったものを選びましょう。
| 方法 | 特徴 | おすすめの人 |
|---|---|---|
| チャットAI(ChatGPT・Claudeなど) | AIとの会話でコードを作り、Blueにアップロードして公開 | はじめての方・特別なツールなしで始めたい方 |
| AIエージェント(Claude Code・Codex) | 高度なアプリを作成、APIキーで自動デプロイ | より本格的なアプリを作りたい方 |
| AI Build | Blueの中だけで完結。プロンプト入力→即公開 | 気軽に試したい方・シンプルなアプリ向け |
ChatGPT・Claude・Gemini などの普段お使いのAIとの会話でアプリのコードを作り、Blueにアップロードして公開する方法です。特別なツールのインストールは不要で、ブラウザだけで始められます。
普段お使いのチャットAI(ChatGPT、Claude、Geminiなど)に、作りたいアプリを伝えます。
AIが生成したコードをファイルとして保存します(例: index.html)。ファイルが複数ある場合はフォルダにまとめてZIPファイルに圧縮します。
ファイルが1つだけの場合も、ZIPに圧縮してください。OSのファイルマネージャーで右クリック→「圧縮」で作成できます。
Blueにログインしてコンソール(/console)を開き、ZIPファイルをアップロードします。アプリがURLつきで公開されます。
ポイント: チャットAIは直接Blueにデプロイすることはできないため、生成されたコードを手動でアップロードする手順になります。しかし、特別なツールをインストールする必要がなく、最も多くの方が始めやすい方法です。
Claude Code(Anthropic)や Codex(OpenAI)は、AIが自分でアプリを作って公開までしてくれるツールです。より高度で複雑なアプリを作りたいときに向いています。
Claude Code や Codex のデスクトップアプリを起動します。
作りたいアプリの内容を自然な言葉で伝えます。AIがファイルを自動で作成します。
生成されたコードをBlueに公開します。2つの方法があります:
方法A: コンソール(/console)からZIPファイルをアップロード(チャットAIと同じ手順)
方法B: APIキーを使った自動デプロイ — AIエージェントがBlueのAPIを使って自動的にデプロイします。AIエージェントにBlueのデプロイキーを渡せば、コード生成から公開まですべてAIに任せることができます。
APIデプロイの技術詳細は AI-Ready ドキュメント をご覧ください。
Blueの中だけで完結する、最も気軽な方法です。プロンプトを入力すれば、そのまま公開できます。ただし、現時点ではシンプルなアプリ(1ページで完結するHTMLなど)向けです。
Blueにログインし、AI Build ページにアクセスします。テンプレートとプロンプト入力欄が表示されます。
作りたいアプリの説明を自然な言葉で入力します。日本語でも英語でもOKです。
コードが生成されたら「デプロイ」ボタンをクリック。アプリがURLつきで公開されます。