Slide 1

Slide 1 text

Claude Codeで、 モバイルアプリ開発の 苦手意識を克服した話 Claude Code Meetup Japan #7 1

Slide 2

Slide 2 text

Who are you?? Web3エンジニアコミュニティを運営し、 ETH Tokyoなどのハッカソンに参戦 AWS Community Builder (2026/3〜) AI-DLC Hackathon 2026 Shipatonベストマネタイズ賞 @haruki_web3 2

Slide 3

Slide 3 text

皆さん、モバイルアプリ開発してますか?! 3

Slide 4

Slide 4 text

Shipaton 2026に挑戦中! 本格的なモバイルアプリ開発ハッカソンは初 これまではWebアプリ開発中心 ネイティブアプリ開発はずっと苦手意識あり それでも今回は「Claude Codeとなら行ける」と思ってエントリー!! 4

Slide 5

Slide 5 text

5

Slide 6

Slide 6 text

苦手意識はモバイルアプリ開発に挑戦して挫折したところから 環境構築 Xcode、SDK、証明書… 環境構築で一苦労 実機テスト シミュレータ・実機の 動作確認でつまずいた アプリ提出 審査フローが複雑で ゴールにたどり着けなかった コロナ禍、書籍を読み漁って勉強したものの……途中で挫折。 6

Slide 7

Slide 7 text

それ以来、ずっとPWAで凌いできた 「PWAでなんとか乗り切ればいいや!」 そう思い込んで数年が過ぎていた モバイル対応が必要な場面ではいつもPWAを選んできた ネイティブアプリ開発への苦手意識は消えないままだった でも今回のShipaton 2026でもう一度チャンレジしてみようと思った! 7

Slide 8

Slide 8 text

Claude CodeにiOSシミュレータを自走させた瞬間、流れが変わった 1 ビルド してアプリをシミュレータに配置 2 シミュレータで 実際に起動 して画面を確認 3 画面を 自分で読み取り 動作を検証 4 問題があれば その場で自動修正 また1に戻る 環境構築でつまずいていた自分が気づけば見ているだけで開発が進んでいた。 8

Slide 9

Slide 9 text

Claude Code iOSシミュレーター とは? できること ビルド・起動・検証すると自動で表示 画面をリアルタイムにストリーミング表示 自分でもタップ・スワイプして操作できる 必要環境 Claude Code Desktop (Pro/Max/Team/Enterprise) Xcode 26.x + iOSシミュレータ ローカルセッション限定 ビルド→起動→画面確認→自動修正のループをClaudeが1人で回せる 公式ドキュメント 9

Slide 10

Slide 10 text

10

Slide 11

Slide 11 text

バシバシ機能開発・エラーが修正されていく 🛠️ 機能実装 📱 シミュレータで確認 🐛 エラー検知 ✅ 自動修正 モバイルアプリ開発がスムーズに! 11

Slide 12

Slide 12 text

実機テスト・審査対応もSKILLも用意したらさらにスムーズに開発が進む! Before 実機テストの手順やアプリ審査のルールが 分からず、都度ググって時間を溶かしていた After 専用のSKILLを作成 → 手順や審査ポイントを 聞けば的確に回答、つまずきが激減 12

Slide 13

Slide 13 text

13

Slide 14

Slide 14 text

【さらに開発を加速するために!】 使ってみているSKILL Android Studio SKILL Expoの各種SKILL RevenueCat の各種SKILL EASの各種SKILL mobile-ios-design Cloudflareの各種SKILL VercelのReact Native SKILL 14

Slide 15

Slide 15 text

Claude Codeが苦手意識を消し飛ばしてくれた!! 15

Slide 16

Slide 16 text

みんなも使おう Claude CodeのiOSシミュレーター! 16