ClaudeCodeでモバイルアプリ開発の苦手意識を克服した話

Claude Code Meetup Japan #7 (Claude Code祭り!)の登壇資料になります。

イベントページ
https://aid.connpass.com/event/402949/

Transcript

1. Claude Codeで、 モバイルアプリ開発の 苦手意識を克服した話 Claude Code Meetup Japan #7 1
2. Who are you?? Web3エンジニアコミュニティを運営し、 ETH Tokyoなどのハッカソンに参戦 AWS Community Builder (2026/3〜) AI-DLC Hackathon 2026 Shipatonベストマネタイズ賞 @haruki_web3 2
3. 皆さん、モバイルアプリ開発してますか？！ 3
4. Shipaton 2026に挑戦中！ 本格的なモバイルアプリ開発ハッカソンは初 これまではWebアプリ開発中心 ネイティブアプリ開発はずっと苦手意識あり それでも今回は「Claude Codeとなら行ける」と思ってエントリーした 4
6. 苦手意識はモバイルアプリ開発に挑戦して挫折したところから 環境構築 Xcode、SDK、証明書… 環境構築で一苦労 実機テスト シミュレータ・実機の 動作確認でつまずいた アプリ提出 審査フローが複雑で ゴールにたどり着けなかった コロナ禍、書籍を読み漁って勉強したものの……この3つの壁で挫折。 6
7. それ以来、ずっとPWAで凌いできた 「PWAでなんとか乗り切ればいいや！」 そう思い込んで数年が過ぎていた モバイル対応が必要な場面ではいつもPWAを選んできた ネイティブアプリ開発への苦手意識は消えないままだった でも今回のShipaton 2026でもう一度チャンレジしてみようと思った！ 7
8. Claude CodeにiOSシミュレータを自走させた瞬間、流れが変わった 1 ビルド してアプリをシミュレータに配置 2 シミュレータで 実際に起動 して画面を確認 3 画面を 自分で読み取り 、動作を検証 4 問題があれば その場で自動修正 、また1に戻る 環境構築でつまずいていた自分が、気づけば見ているだけで開発が進んでいた。 8
9. Claude Code iOSシミュレーター とは？ できること ビルド・起動・検証すると自動で表示 画面をリアルタイムにストリーミング表示 自分でもタップ・スワイプして操作できる 必要環境 Claude Code Desktop （Pro/Max/Team/Enterprise） Xcode 26.x ＋ iOSシミュレータ ローカルセッション限定 ビルド→起動→画面確認→自動修正のループをClaudeが1人で回せる 公式ドキュメント 9
11. バシバシ機能開発・エラーが修正されていく 🛠️ 機能実装 📱 シミュレータで確認 🐛 エラー検知 ✅ 自動修正 モバイルアプリ開発がスムーズに！ 11
12. 実機テスト・審査対応もSKILLも用意したらさらにつまづかなくなった！ Before 実機テストの手順やアプリ審査のルールが 分からず、都度ググって時間を溶かしていた After 専用のSKILLを作成 → 手順や審査ポイントを 聞けば的確に回答、つまずきが激減 12
14. 【さらに開発を加速するために！】 使ってみているSKILL Android Studio SKILL Expoの各種SKILL RevenueCat の各種SKILL EASの各種SKILL mobile-ios-design Cloudflareの各種SKILL VercelのReact Native SKILL 14
15. Claude Codeが苦手意識を消し飛ばしてくれた！！ 15
16. みんなも使おう Claude CodeのiOSシミュレーター！ 16