プロジェクト事例
ChromaLens
コスプレ用カラコンのコレクションを整理し、管理しやすくするための、目的を絞ったモバイルユーティリティです。
Wallace Panterによるプロジェクト事例
プロダクト概要
ChromaLensは、コスプレで使用する特殊なコンタクトレンズの追跡・管理に特化したReact Native製モバイルユーティリティです。
単純なワークフローを大規模なプラットフォームに広げず、特定の整理ニーズに合わせてプロダクト範囲を絞っています。
課題
特殊なレンズはコスプレ用品の中でも独立したコレクションです。一般的なメモや在庫管理ツールでは、その記録をまとめる専用体験になりません。
計画や準備の場面ですぐ使えるよう、モバイルで素早く分かりやすい体験に保つ必要がありました。
実装内容
React NativeとExpoでクロスプラットフォームのモバイルアプリを構築しました。
特殊なコンタクトレンズの追跡・管理という中心的なワークフローに操作を絞りました。
共通のモバイルコードベースを採用し、個別のネイティブ実装を維持せずに発展できる構成にしました。
アーキテクチャ
- React Nativeがクロスプラットフォームのインターフェースとアプリケーションモデルを提供します。
- Expoがモバイル開発と配信のツールチェーンを提供します。
- 意図的に小さな技術構成を採用し、ユーティリティの明確な範囲に合わせています。
成果
- 明確に定義されたワークフローのための専用ユーティリティを作成しました。
- クロスプラットフォームのモバイル実装と、適切なプロダクト範囲の判断を示しました。
- 今後の改善に向けた、分かりやすいReact Native・Expo基盤を整えました。
技術スタック
React NativeReactでネイティブモバイルアプリを構築するためのフレームワーク。ExpoReact Nativeアプリの開発、テスト、配布を支援するモバイル開発基盤。