プロジェクト事例

ChromaLens

コスプレ用カラコンのコレクションを整理し、確認しやすくするための、目的を絞ったモバイルワークフローです。

Wallace Panterによるプロジェクト事例

プロダクト概要

ChromaLensは、コスプレ用カラコンの記録を1つにまとめる専用モバイルワークフローです。

一般的なメモや在庫管理ツールに分散させず、コレクション情報を専用の画面で扱います。

課題

カラコンの記録を確認できる十分な構造を持たせながら、小さな個人コレクションを複雑な在庫管理システムにしないことが課題でした。

衣装の計画や準備で使いやすいよう、モバイルで素早く扱えるワークフローが必要でした。

実装内容

React NativeとExpoでコレクション管理のワークフローを構築しました。

カラコンの記録を追加・確認・更新する操作に絞りました。

プラットフォーム別のネイティブ実装ではなく、1つのクロスプラットフォームコードベースを採用しました。

アーキテクチャ

  • React Nativeがクロスプラットフォームのインターフェースとアプリケーションモデルを提供します。
  • Expoがモバイル開発と配信のツールチェーンを提供します。
  • 共通のアプリケーション層により、小さなプロダクト範囲をモバイルプラットフォーム間で一貫させています。

成果

  • コレクション管理という明確なニーズに合わせた、専用のカラコン記録ワークフローを作成しました。
  • React NativeとExpoの共通基盤により、実装をクロスプラットフォームで維持できる構成にしました。

技術スタック

React NativeExpo