概要
Machi は私が一人で開発している都市生活コミュニティです。Web は Next.js、バックエンドは Python API で構成し、Web / iOS / Android が同じアカウント、投稿、通知、会員状態を共有します。
Loading content
担当範囲
プロダクト設計、フルスタック構成、Web クライアント、Python API、DB、デプロイ運用
課題
Web、iOS、Android が同じ事実を共有しながら、それぞれの操作感を保つ必要がありました。
解決策
アカウント、Feed、投稿、DM、通知、メディア、会員状態を共通 API に集約し、互換 DTO で複数クライアントのズレを抑えました。
結果
80+ REST + SSE API、19テーブル、メディアアップロード、soft delete、cursor pagination、多クライアント同期の基盤を構築しました。
担当範囲
- プロダクト設計
- Next.js Web
- Python REST + SSE API
- DB 設計
- AWS / Nginx / systemd 運用
課題
- 多クライアント DTO
- 都市・言語・投稿タイプの検索
- メディア配信
- DM / 通知のリアルタイム性
解決策
- ユーザー、投稿、通知、会員状態を共通 API に集約
- 互換フィールドを保つ DTO
- オブジェクトストレージと CDN
- SSE による軽量リアルタイム更新
アーキテクチャ
Next.js Web 客户端调用统一 Python API；后端负责认证、业务数据、SSE 和媒体上传签名；部署层由 Nginx、systemd 和 AWS 资源承载。
- Next.js
- React
背景
Machi は私が一人で開発している都市生活コミュニティです。賃貸、中古、求人、地域サービス、Q&A、DM、通知、会員機能を一つの都市空間にまとめています。
担当範囲
プロダクト設計、Web クライアント、共通バックエンド、DB、API 契約、デプロイ、運用まで担当しています。
技術構成
- Web: Next.js / React / TypeScript / Tailwind CSS
- API: Python REST + SSE
- Data: SQLite から PostgreSQL へ移行できる前提で設計
- Ops: AWS / Nginx / systemd / object storage / CDN
振り返り
Machi Web で学んだのは、フルスタックとは単に前後端を書くことではなく、ユーザー、データ、権限、メディア、通知、運用まで一つの製品として安定させることだという点です。
次に読む
すべての制作実績
注目ケースMachi / iOS
Machi iOS ネイティブ都市生活クライアント
SwiftUI + SwiftData のオフライン優先 iOS クライアント。ホーム、発見、投稿、通知、DM、マイページ、設定をカバーします。
SwiftUISwiftDataKeychainURLSession
ケース全体を見る
注目ケースMachi / Android
Machi Android ネイティブ都市生活クライアント
Kotlin / Jetpack Compose で作った Android クライアント。Machi を Android ユーザーにも届けるための第三のクライアントです。
KotlinJetpack ComposeAndroidREST API
ケース全体を見る