ClaudeとChatGPTを使ったモバイルアプリ構築:非技術系開発者のワークフロー

コンピューターサイエンスのバックグラウンドを持たない開発者が、失業中にClaudeとChatGPTを主要な開発ツールとして使用し、BloomDayという完全なモバイルアプリケーションを構築しました。このアプリは、ユーザーが日々のタスクを完了することで仮想植物を育てるタスク完了型ガーデンシミュレーターです。
技術スタックと構成要素
アプリケーションは以下の技術で構築されました:
- モバイル開発にはReact Native
- バックエンドサービスにはSupabase
- アプリ内課金とサブスクリプションにはRevenueCat
- インフラストラクチャにはCloudflare
- Claude Codeで生成された131点の植物イラスト
開発者は付随するウェブサイトも構築し、マーケティングも独自で行っています。
AI開発ワークフロー
開発者は特定の2モデルアプローチを使用しました:
- ChatGPTはプロンプトの洗練と技術的な質問の定式化に使用
- Claudeは実際のコード生成と実装を担当
この「ChatGPT → Claudeパイプライン」は、非技術的なアイデアをClaudeが実行できる明確なプロンプトに変換するのに役立ちました。
開発におけるClaudeの強み
開発者によると、Claudeには以下のような利点がありました:
- 複雑なコードベース全体での強力なコンテキスト保持
- 単なる修正パッチを提供するだけでなく、コードが壊れている理由を説明する能力
- 基本的な質問にも忍耐強く応答し、開発者に能力不足を感じさせない
開発上の課題
主な困難は開発者の技術的背景の欠如から生じました:
- 当初は効果的なプロンプト作成が困難
- 生成されたコードが間違った方向に向かっていることを認識する能力が限定的
- 技術的な出力を理解するための学習曲線
このアプリは現在App Storeの審査中で、待機リストはbloomdayapp.comで利用可能です。
📖 Read the full source: r/ClaudeAI
👀 See Also

Claude ゲーム開発ログ:エージェント的Three.js開発の教訓とスタック
開発者が、Claude AIを完全に使用してThree.jsのライドゲームを構築した実践的な教訓を共有。Gitワークツリー、TypeScriptファーストのアプローチ、AI制限のための管理者スライダー、Firebase、WebSocket、決定論的ロックステップシミュレーションを使用した技術スタックを含む。

開発者は、フロントエンド開発とランディングページデザインにClaude AIを使用しています。
ある開発者がClaude AIを利用してランディングページのフロントエンドを改善し、デザイン提案、レスポンシブレイアウト、アクセシビリティ修正を反復的なフィードバックを通じて提供するペアプログラマーとして扱いました。

Claude Codeにより新卒者がリアルタイムマルチプレイヤーゲームを単独開発可能に
正式なソフトウェアエンジニアリング経験のない新卒者がClaude Codeを使ってimageclash.netを構築しました。これは、サーバーレスGPUの自動スケーリング、モバイルファーストのコントローラーUX、R2ベースの画像ライフサイクル管理を備えたリアルタイムマルチプレイヤーパーティーゲームです。

Opus 4.6とGPT 5.4を使用して、OpenClawのメモリスタック設計をピアレビューする。
ある開発者が、Claude Opus 4.6を使用してOpenClawのための3層メモリスタックを設計し、その後GPT 5.4に設計のピアレビューを依頼しました。このスタックには、メッセージ保存のためのLossless Claw、キーワードマッチングのためのSQLiteハイブリッド検索、セッション間での永続性のためのMem0 Cloudが含まれています。