BLUEBETA

Blue サポート

AIでアプリを作って公開する方法をご案内します。
はじめての方でも、このページを見れば始められます。

プログラミングの知識は不要です

AIに「こんなアプリがほしい」と日本語で伝えるだけで、AIがコードを自動生成します。生成されたコードをBlueにアップロードすれば、すぐにWebアプリとして公開できます。

あなたに合った方法を選んでください。

チャットAI

チャットAI で作る

ChatGPTやClaudeなど、普段のAIとの会話でコードを作り、Blueにアップロードして公開。

AIエージェント

AIエージェント で作る

Claude Code や Codex が、コード生成からBlueへのデプロイまで自動で行います。

AI Build

AI Build で作る

Blueの中だけで完結。プロンプトを入力すればそのまま公開できます。

方法の比較

3つの方法を比較して、自分に合ったものを選びましょう。

方法 特徴 おすすめの人
チャットAI(ChatGPT・Claudeなど) AIとの会話でコードを作り、Blueにアップロードして公開 はじめての方・特別なツールなしで始めたい方
AIエージェント(Claude Code・Codex) 高度なアプリを作成、APIキーで自動デプロイ より本格的なアプリを作りたい方
AI Build Blueの中だけで完結。プロンプト入力→即公開 気軽に試したい方・シンプルなアプリ向け
チャットAI

チャットAI で作る

ChatGPT・Claude・Gemini などの普段お使いのAIとの会話でアプリのコードを作り、Blueにアップロードして公開する方法です。特別なツールのインストールは不要で、ブラウザだけで始められます。

1

AIにコードを作ってもらう

普段お使いのチャットAI(ChatGPT、Claude、Geminiなど)に、作りたいアプリを伝えます。

"TODOアプリを作ってください。タスクの追加・完了・削除ができるようにしてください。HTMLファイル1つで動くようにしてください。"
2

コードをファイルに保存してZIPにまとめる

AIが生成したコードをファイルとして保存します(例: index.html)。ファイルが複数ある場合はフォルダにまとめてZIPファイルに圧縮します。

ファイルが1つだけの場合も、ZIPに圧縮してください。OSのファイルマネージャーで右クリック→「圧縮」で作成できます。

3

Blue のコンソールからアップロードして公開する

Blueにログインしてコンソール(/console)を開き、ZIPファイルをアップロードします。アプリがURLつきで公開されます。

ポイント: チャットAIは直接Blueにデプロイすることはできないため、生成されたコードを手動でアップロードする手順になります。しかし、特別なツールをインストールする必要がなく、最も多くの方が始めやすい方法です。

AIエージェント

AIエージェント で作る

Claude Code(Anthropic)や Codex(OpenAI)は、AIが自分でアプリを作って公開までしてくれるツールです。より高度で複雑なアプリを作りたいときに向いています。

1

AIエージェントのアプリを開く

Claude Code や Codex のデスクトップアプリを起動します。

2

作りたいものをAIに伝える

作りたいアプリの内容を自然な言葉で伝えます。AIがファイルを自動で作成します。

"TODOアプリを作ってください。タスクの追加・完了・削除ができるようにしてください。"
3

Blueにデプロイする

生成されたコードをBlueに公開します。2つの方法があります:

方法A: コンソール(/console)からZIPファイルをアップロード(チャットAIと同じ手順)

方法B: APIキーを使った自動デプロイ — AIエージェントがBlueのAPIを使って自動的にデプロイします。AIエージェントにBlueのデプロイキーを渡せば、コード生成から公開まですべてAIに任せることができます。

APIデプロイの技術詳細は AI-Ready ドキュメント をご覧ください。

AI Build

AI Build で作る

Blueの中だけで完結する、最も気軽な方法です。プロンプトを入力すれば、そのまま公開できます。ただし、現時点ではシンプルなアプリ(1ページで完結するHTMLなど)向けです。

1

/build ページを開く

Blueにログインし、AI Build ページにアクセスします。テンプレートとプロンプト入力欄が表示されます。

2

作りたいものを入力する

作りたいアプリの説明を自然な言葉で入力します。日本語でも英語でもOKです。

"TODOアプリを作って"
3

デプロイして公開する

コードが生成されたら「デプロイ」ボタンをクリック。アプリがURLつきで公開されます。

安心して使うためのヒント

知っておくと安心なこと

  • アプリのコードの中に、APIキー・パスワード・個人情報などを直接書き込まないでください。
  • AIエージェントにファイルアクセスを許可する場合は、作業用のフォルダを分けておくと安心です。
  • Blueではデプロイ時にセキュリティスキャンが自動で行われ、基本的な問題をチェックしています。

もっと詳しく

AI Build を試す AI-Ready ドキュメント プラン