週刊開発ログ: iOSアプリ開発の進捗

日本はすっかり夏本番となり、地元の祭りやプールなどアクティビティが目白押しの季節となりました。本日2026年7月24日現在、仕事は忙しいものの、プロジェクトを前進させるためのわずかな時間を確保しています。今週は、ToneDrillのiOSアプリ開発において進捗がありました。

デザインと実装

今週は、Figmaでトップメニュー画面の構成を整理しました。メインメニューとサブメニューの両画面のデザインを作成しました。また、将来開発する機能向けに「Coming Soon」状態を定義し、それに合わせたカラーパレットを策定しました。メニュー画面用のSVGアイコンを作成し、 Assets.xcassets, カラーと画像用に別々のフォルダに整理しました。

SwiftUI開発

SwiftUIでトップメニューと練習モード画面を実装しました。これには、再利用可能なメニューカードスタイルの使用やレイアウトの設定が含まれます。画面間のナビゲーション管理には NavigationStack と NavigationLinkを使用しました。また、将来の機能向けに無効化された「Coming Soon」カードを追加しました。これにより、今後予定されている機能を示すのに役立ちます。

UIの微調整

ナビゲーションの作業中、 NavigationStackによって引き起こされたナビゲーションバーの問題が発生しました。これを修正するために、 .navigationBarBackButtonHidden(true) と .toolbar(.hidden, for: .navigationBar)を使用して戻るボタンとナビゲーションバーを非表示にしました。また、呼び出す前にアラートを表示するカスタム「Quit」ボタンを追加し、 dismiss() を実行して PracticeModeView.

AI支援

FigmaのUIデザインに基づいたSwiftUI画面の実装にCodexを活用しました。これにより開発プロセスがスムーズになり、大幅な時間短縮となりました。しかし、一部の細かい調整には依然として手動での確認と微調整が必要であり、これはプロセスにおける重要なステップです。

学習と開発

アプリ開発に加え、2週間ぶりにTryHackMeのタスクを1つ完了しました。現在取り組んでいるルームではAIアプリケーションで使用されるインフラを取り扱っており、聞き慣れない用語が多く含まれています。これらの用語を調べながら、少しずつ進捗を出していくことを目指します。

今後の予定

来週は、ToneDrillのトップメニュー画面の開発を継続する予定です。また、Codexが実装したポートフォリオサイトのUI調整ポイントをNotionに整理し、細かなUIの微調整を開始します。さらに、AI Security Learning Pathへの取り組みも継続します。

今年の目標

• iOS (SwiftUI): SwiftUIの確固たる基礎を築き、少なくとも1つのiOSアプリを作成する。
• Web開発: Dev.toへの学習ログの投稿を続け、最終的にはReact Router v7を使用してポートフォリオサイト化する。
• セキュリティ (TryHackMe): TryHackMeでサイバーセキュリティの学習を継続する。

まとめ

今週はToneDrillアプリの大きな進捗とAIセキュリティの継続的な学習があり、実りある一週間となりました。AIの支援を受けつつデザインと実装を組み合わせる手法は、価値あるアプローチであることが実証されています。

メリット

• 開発におけるCodexなどのAIツールの効率的な活用。
• FigmaおよびXcodeにおけるデザインアセットの明確な整理。
• 複雑なプロジェクトにおける着実な進捗。

デメリット

• AI実装後も一部で手動での調整が必要とされる点。
• 新しい用語や概念の習得に苦労する場合がある点。

注意事項

この記事は教育目的のものです。実装時にはプレースホルダーの値を実際のデータに置き換える必要があります。読者は情報に依拠する前に、オリジナルの情報源と照らし合わせて内容を確認してください。

よくある質問

• SwiftUIとは何ですか？ — SwiftUIは、宣言型構文を使用して開発者がiOS向けのアプリを作成できるようにするユーザーインターフェースツールキットです。
• Codexとは何ですか？ — Codexは、ユーザーの入力や既存のデザインに基づいてコードを生成し、開発者を支援するAIツールです。
• Figmaとは何ですか？ — Figmaは、共同デザイン作業を可能にするウェブベースのUIデザインツールです。
• SwiftUIのNavigationStackとは何ですか？ — NavigationStackは、アプリ内の異なるビュー間のナビゲーションを管理するSwiftUIコンポーネントです。
• SVGアイコンとは何ですか？ — SVG（Scalable Vector Graphics）アイコンはXML形式で定義された画像であり、画質を損なうことなく拡大縮小できます。
• TryHackMeとは何ですか？ — TryHackMeは、実践的な演習やチャレンジを通じてサイバーセキュリティを学べるオンラインプラットフォームです。
• アプリ開発における「Coming Soon」とはどういう意味ですか？ — 「Coming Soon」は、将来のアップデートで計画されているものの、まだ利用できない機能を示します。
• なぜAI支援開発において手動での確認が重要なのですか？ — 手動での確認により、最終的な実装がデザイン仕様を満たし、正しく動作することを保証します。

タグ

#ios #appdevelopment #devlog #swift #Figma #Codex #TryHackMe #AI #security #webdevelopment