概要
Machi iOS は Web のラッパーではなく、ローカル永続化、下書き、Keychain、同期復旧を持つネイティブアプリとして作っています。
Loading content
担当範囲
iOS 構成、SwiftUI UI、本地データ層、同期サービス、認証、機能設計
課題
オフライン閲覧、下書き、復旧同期、共通バックエンドとの境界を整理すること。
解決策
SwiftData、Repository、Service、Keychain を分け、認証・通信・同期・メディア・地域データを管理しました。
結果
Web と同じアカウント、投稿、DM、通知、会員状態を扱えるネイティブ iOS クライアント基盤を作りました。
担当範囲
- SwiftUI 页面与导航
- SwiftData Schema 与迁移
- Repository / Service 分层
- Keychain 登录状态
- 远端同步与错误恢复
課題
- 离线草稿
- 同步冲突
- 多 Tab 状态
- 凭据安全
解決策
- 本地优先读写
- 网络恢复后同步
- Keychain 保存 Token
- 服务层拆分认证、媒体、地区和通知偏好
アーキテクチャ
SwiftUI 负责界面和 NavigationStack；SwiftData 负责本地持久化；Repository 管理本地实体；Service 管理认证、网络、同步和偏好。
- SwiftUI
- SwiftData
- Keychain
背景
Machi iOS は都市生活コミュニティ Machi のネイティブクライアントです。単なる Feed ではなく、投稿、通知、DM、都市チャンネル、会員状態を持つアプリです。
技術構成
- SwiftUI: UI、NavigationStack、Tab
- SwiftData: ローカル永続化と Schema migration
- Repository: ローカルデータ読み書き
- Service: 認証、通信、同期、メディア、地域データ
- Keychain: 認証情報の保存
振り返り
オフライン優先はキャッシュだけではありません。データモデル、同期、失敗時の回復、ユーザー体験を一緒に設計する必要があります。
次に読む
すべての制作実績
注目ケースMachi / Web
Machi Web と共通 Python バックエンド
都市生活コミュニティ Machi の Web クライアントと共通バックエンド。投稿、賃貸、中古、求人、DM、通知、会員状態、メディアアップロードを支えます。
Next.jsReactTypeScriptPython
ケース全体を見る
注目ケースMachi / Android
Machi Android ネイティブ都市生活クライアント
Kotlin / Jetpack Compose で作った Android クライアント。Machi を Android ユーザーにも届けるための第三のクライアントです。
KotlinJetpack ComposeAndroidREST API
ケース全体を見る