Claude Codeを使ったSwiftUI線画システムの構築：One Good Thing事例研究

開発者Evening-Strike-2021は、Claude Codeを主要なコーディングパートナーとして使って、iOSアプリOne Good Thing（App Storeで無料）を構築しました。このアプリは1日1枚の思慮深いカードを提示し、「持ち帰る」か「手放す」かの簡単なインタラクションを行い、閉じるだけで、フィードも無限スクロールもありません。最も注目すべき技術的選択は、すべてのイラストを画像ファイルではなく、SwiftUI Canvasのパスでコード描画していることです。

Claude Codeを用いたベクター画像のワークフロー

開発者は、特定のプロンプト連鎖しないアプローチを説明しています：

• 画面の雰囲気を平易な言葉で説明する
• Claudeに大まかなCanvas実装を依頼する
• アプリで実行し、アイコンというより小さな表情豊かなマークになるように手動で座標を調整する
• 方向性が決まったら、Claudeにコードを簡素化または堅牢化するよう依頼する

この生成、確認、調整、削減のループによって、SwiftUI Canvasのベジェ曲線のみを使用して、手描き風の線画（手、鳥、窓、糸、点、曲線）が生み出されました。

Claudeの具体的な貢献

• 漠然としたビジュアルの方向性を、初稿のSwiftUI Canvasパスに変換
• イラスト間の一貫性のために繰り返し描画ロジックをリファクタリング
• ビューの状態、アニメーション、プレビューに関するSwiftUIのエッジケースを捕捉
• プロダクトの焦点を失うことなく、Firebase、StoreKit、Cloud Functions、App Check、Firestoreルールについての推論を支援

より広いスタック

このアプリはスタック全体でClaude支援コードを使用しています：iOS用のSwiftUI、Firebase Cloud Functions、Firestoreセキュリティルール、Next.jsのランディングページ、サブスクライバー向けのAIリフレクション機能。線画システムが最も目に見える成果ですが、コラボレーションパターンは全体に適用されています。

重要な教訓

この開発から得られた最大の教訓：Claudeは自動販売機ではなく、忍耐強いペアプログラマーのように扱うとはるかに効果的です。 Claudeはすぐに使える初稿を画面に表示しますが、センスと方向性は開発者から提供されなければなりません。