AIで作る / Claude でアプリを作成する方法
Claude でアプリを作成する方法
Claude でアプリを作る方法は、正直に言って 2 つあります。Mythex をコネクターとして Claude に接続すれば、Claude がライブ プレビュー、データベース、ワンクリック公開を備えた Mythex のクラウド プロジェクト内でコードを書きます。あるいは、Mythex でアプリを説明して Mythex 自身のエージェントに作らせる方法で、Claude の設定は一切不要です。
こんな方におすすめ
すでに Claude で計画や執筆をしていて、コピー先に困るコードブロックではなく、公開 URL のある動くアプリを成果物にしたい方向けです。vibe coding は好きだけれど、サーバー、データベース、ホスティングを自分で用意したくない Claude ユーザーや、Claude で作るか専用のアプリ開発ツールで作るか迷っている方にも向いています。
作れるもの
- Claude が Mythex のプロジェクトに作成し、返されたプレビュー リンクから開ける習慣トラッカー
- Mythex で始めたアプリに Claude が追加した Postgres テーブルと管理ページ
- Claude と書いた仕様書を、公開された予約アプリに
- アプリのログを読んだ Claude が修正する、失敗している API ルート
- Claude との vibe coding で作成し、公開 URL に公開したウェイトリスト付きランディング ページ
方法 1：Claude の中で Mythex を使う
Mythex はリモート MCP サーバーを運用しており、Claude はこれをカスタム コネクターとして追加できます。Claude で［設定］→［コネクター］→［カスタム コネクターを追加］を開き、Mythex のアカウント設定にある MCP URL を貼り付けます。Mythex の同意ページでアクセスを承認すると、Claude はプロジェクトの作成、ファイルの編集、コマンドの実行、データベースとストレージの接続、プレビューの起動、公開ができます。すべてのツールの結果にはワークスペースへのリンクが付くので、Claude の作業中に Mythex でアプリが形になっていく様子を見られます。接続はどの Mythex プランでも可能ですが、サンドボックス ツールには Pro が必要です。
- Mythex のアカウント設定の「MCP / Claude」から MCP URL をコピーする
- Claude で：設定 → コネクター → カスタム コネクターを追加 → URL を貼り付け → 接続
- 求められたら Mythex にサインインして［アクセスを許可］をクリックする
- Claude にビルドを依頼し、ワークスペースのリンクを開いてライブ プレビューを見る
方法 2：Mythex でアプリを説明する
Claude を間に挟む必要がなければ、コネクターは省略できます。Mythex を開いてチャットでアプリを説明すれば、Mythex のエージェントがライブ プレビューでアプリを作成し、保存すべきデータがあればデータベースとファイル ストレージを接続します。この方法は毎日クレジットがもらえる無料プランで動き、ツール呼び出しを操作する代わりに、変更を依頼するだけでアプリを変えられます。両方を組み合わせる方も多く、Claude でアイデアを練ってから、完成した企画書を Mythex の最初のプロンプトとして貼り付けています。
Claude アプリ開発か Claude Code か
Claude はコードについて考え、書くことがとても得意で、すでにリポジトリがあり、実行するマシンとデプロイ先もあるなら、Claude Code は有力な選択肢です。フルスタックのアプリにまだ必要なのは、居場所です。動くプレビュー、データベース、ファイル ストレージ、見知らぬ人が開けるアドレス。Mythex はその部分を提供します。自分のスタックに満足している開発者なら Claude Code だけで十分かもしれませんが、ホスティングを手配せずにアプリを公開したいなら、Mythex を加えればそのギャップが埋まります。
Claude との vibe coding：うまくいく依頼の仕方
Claude との vibe coding は、1 通のメッセージにつき、画面で確認できる成果を 1 つ指定するとうまくいきます。まず画面とデータから始め、プレビューを起動してリンクを共有するよう Claude に依頼し、コードではなく見えたものに対して反応しましょう。何かが壊れたら、修正案を推測する前にログを読むよう依頼します。公開前には、ブラウザ ツールで主要な流れを一通り確認させましょう。スクリーンショットが会話に返されます。
- 「Reading List という Mythex プロジェクトを作成して、本を保存するページを作って」
- 「データベースを接続して、本をそこに保存して」
- 「プレビューを起動してリンクを教えて」
- 「ログを確認して、統計ページのエラーを直して」
- 「公開して URL を送って」
使い方
- 作りたいものを普通の言葉で伝えるか、下のテンプレートから始めます。
- 実際のデータベースを備えたアプリが、ライブプレビューで作られていく様子を確認できます。
- チャットで何でも変更できます。テキスト、レイアウト、項目、機能など。
- ワンクリックで公開URLに公開でき、Proでは独自ドメインも接続できます。
ここから始められるプロンプト
読書リスト アプリを作ってください。タイトル、著者、ステータス（読みたい、読書中、読了）、5 段階の評価つきで本を保存します。今年の月ごとの読了冊数を示す統計ページを追加し、すべてをデータベースに保存して、スマホでも快適に動くようにしてください。
よくある質問
Claude だけでアプリ全体を作れますか？
Claude はアプリのコードを書き、その各部分を説明できます。そのコードをデータベースと公開 URL のある本物のアプリとして動かすには、動かす場所が必要で、それを加えるのが Mythex の接続です。コネクターがない場合は、コードを自分のプロジェクトにコピーして、自分でホスティングすることになります。
Claude 用の Mythex コネクターは無料ですか？
どの Mythex プランでも接続してアクセスを承認できます。クラウド サンドボックスを操作するツールには、Mythex Pro（月額 $25）とサンドボックス時間分のクレジットが必要です。Claude の利用料金は、ご自身の Claude プランに基づいて Anthropic が別途請求します。
Claude がアプリを作っている間、様子を見られますか？
はい。各ツールの結果には、ライブ プレビューつきで Mythex のプロジェクトを開くワークスペース リンクが含まれます。Claude にプレビューを起動させて、プレビュー リンクを直接渡してもらうこともできます。
同じ接続を Cursor や Codex からも使えますか？
はい。同じリモート MCP サーバーと同じ URL なので、Claude、Cursor、Codex を行き来しながら同じプロジェクトで作業を続けられます。
Claude を使わなくなったらアプリはどうなりますか？
プロジェクトはあなたの Mythex アカウントに残ります。Mythex 自身のチャットで作り続けることも、公開することも、後で Claude を再接続して同じファイルから再開することもできます。
コードが書けなくても使えますか？
はい。やりたいことを普段の言葉で伝えるだけで、Mythex がコードを書き、ライブ プレビューを表示し、チャットで修正できます。必要になったときのために、コード エディタとターミナルも用意されています。
毎回、自分のビジネスを説明し直す必要がありますか？
いいえ。Mythex はあなたが誰で、どのように仕事をするかをすべてのプロジェクトにわたって覚えており、プロジェクトごとに設定した常時メモにも従うので、新しいチャットのたびに説明し直す必要はありません。内容は確認・編集でき、すべてオフにすることもできます。
料金はいくらですか？
毎日クレジットがもらえる無料プランがあり、初版の作成と公開には十分です。Pro は月額 $25 で、フルのコード編集、GitHub へのエクスポート、独自ドメイン、クレジットの追加購入が加わります。
AIで作るその他の方法
- Android アプリ開発 AI：AI で Android アプリを作成
- AI アプリ開発・作成ジェネレーター
- アラビア語対応 AI アプリ開発
- アラビア語対応 AI ウェブサイト作成
- AI 予約アプリ開発：予約システムを AI で作成
- AI アプリ開発：説明するだけで動くアプリを作成
- ChatGPT でアプリを作成する方法
- AI クライアント ポータル作成
- AI CRM 作成ツール
- AI ダッシュボード作成ジェネレーター
Mythex · Pricing · AIでなんでも作ろう · ウェブサイト・アプリのテンプレート · Mythexを比較 · AIアプリ開発用語集 · AIアプリ開発の無料ツール · English