每周开发日志：iOS App 开发进展

盛夏已完全降临日本，这意味着当地节日和游泳池活动等纷至沓来。截至今天（2026年7月24日），工作依然繁忙，但仍有零星时间推进项目。本周，ToneDrill 的 iOS app 开发取得了新的进展。

设计与实现

本周，我在 Figma 中整理了顶部菜单屏幕的结构。我为主菜单和子菜单屏幕都创建了设计。我还为未来即将开发的功能定义了 "Coming Soon" 状态，并建立了相匹配的配色方案。此外，还为菜单屏幕创建了 SVG 图标并添加至 Assets.xcassets，我将其按颜色和图像分别整理到了不同的文件夹中。

SwiftUI 开发

我使用 SwiftUI 实现了顶部菜单和练习模式屏幕。这包括使用可复用的菜单卡片样式和设置布局。屏幕之间的导航管理使用了 NavigationStack 和 NavigationLink。我还为未来功能添加了禁用状态的 "Coming Soon" 卡片，以便提示即将推出的功能。

UI 细节优化

在处理导航时，我遇到了一些由 NavigationStack引起的导航栏问题。为了解决这个问题，我使用 .navigationBarBackButtonHidden(true) 和 .toolbar(.hidden, for: .navigationBar)隐藏了返回按钮和导航栏。我还添加了一个自定义的 "Quit" 按钮，在调用 dismiss() 返回 PracticeModeView.

AI 辅助

我利用 Codex 协助根据 Figma UI 设计实现 SwiftUI 屏幕。这使开发过程更加顺畅，节省了大量时间。然而，一些细节调整仍需要人工审查和微调，这是开发过程中不可或缺的一部分。

学习与发展

除了 app 开发之外，我还两周来第一次完成了一项 TryHackMe 任务。我目前正在学习的房间涵盖了 AI 应用中使用的基础设施，其中包含许多陌生术语。我的目标是一边查阅这些术语，一边一点一滴地持续推进学习。

后续计划

下周，我计划继续开发 ToneDrill 的顶部菜单屏幕。我还将在 Notion 中整理 Codex 为作品集网站实现的 UI 调整要点，并开始进行细微的 UI 优化。此外，我会继续推进 AI Security Learning Path 的学习。

今年目标

• iOS (SwiftUI)： 打下扎实的 SwiftUI 基础，并至少开发一款 iOS app。
• Web 开发： 继续在 Dev.to 上发布学习日志，并最终使用 React Router v7 将其打造成作品集网站。
• 安全 (TryHackMe)： 继续在 TryHackMe 上学习网络安全。

结语

本周富有成效，ToneDrill app 取得了显著进展，AI 安全方面的学习也在持续推进。设计与实现的结合加上 AI 辅助，已被证明是一种极具价值的开发方式。

优点

• 高效利用 Codex 等 AI 工具进行开发。
• 在 Figma 和 Xcode 中清晰整理设计资源。
• 在复杂项目上取得渐进式进展。

不足

• 在 AI 实现之后仍需要一些人工调整。
• 学习新术语和概念可能会有挑战性。

注意事项

本文仅供教育目的参考，在实际实现时必须将任何占位符值替换为真实数据。读者在依赖本文表述之前应向原始来源进行核实。

常见问题

• 什么是 SwiftUI？ — SwiftUI 是一个用户界面工具包，允许开发者使用声明式语法为 iOS 构建应用程序。
• 什么是 Codex？ — Codex 是一款 AI 工具，可通过根据用户输入和已有设计生成代码来帮助开发者。
• 什么是 Figma？ — Figma 是一款基于 Web 的 UI 设计工具，支持协作式设计工作。
• 什么是 SwiftUI 中的 NavigationStack？ — NavigationStack 是一个 SwiftUI 组件，用于管理应用中不同视图之间的导航。
• 什么是 SVG 图标？ — SVG（可缩放矢量图形）图标是以 XML 格式定义的图像，允许在不降低质量的情况下进行缩放。
• 什么是 TryHackMe？ — TryHackMe 是一个通过动手练习和挑战教学网络安全的在线平台。
• 在 app 开发中，"Coming Soon" 是什么意思？ — "Coming Soon" 表示计划在未来更新中推出但目前尚未可用的功能。
• 为什么人工审查在 AI 辅助开发中非常重要？ — 人工审查可确保最终实现符合设计规范并能正常工作。

标签

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