プロダクト名 ... futocool
コンセプト ... 現金じゃないと体感出来ない「懐がひんやりする」と言う体験を、電子マネーユーザにも体感してもらう
対象ユーザ ...
- 現金じゃないと使った感じがしない人
- 電子マネーにいくら残ってるか確認しない人
- 使ってしまった自分を戒めたい人
利用の流れ
...
実際のお店で決済をします。その後決済をした電子マネーをスマホにかざすと、futocoolデバイスが連動し、懐がひんやりする
推しポイント
...
「懐が寒い」という慣用句を物理的に体感することができる
スクリーンショット(任意)
役割分担 ...
- 酒井 リーダー、ハードウェア
- 竹田 フロントエンド、バックエンド
- 中川 UI/UXデザイン
- 朝日 動画、プレゼン
開発における工夫した点 ...
- 開発中に要件が増えていく過程で、Firebaseで作成したもので続行不可能としてバックエンドのリプレースを行った
- これにより、クライアントサイドで無理したロジックを書く必要がなくなった
- ロジックとDBと完全に分離した
- その結果、Firebaseのクライアントサイドで作成したロジックをバックエンドにスムーズに移行することができた
- また、ハッカソン期間中はファイルシステムをDBとして扱い、必要になればいつでもRDBMSやCloudflare Durable Objectsなどに移植できるようになった
- コードのディレクトリを役割(フック, ロジック, 通信)ではなく機能で分割した
- これにより、機能間で暗黙の依存が発生することがなくなった
利用したプログラミング言語 ...
- TypeScript(フロントエンド部分、バックエンド部分)
- Java(Bluetooth, NFC通信部分)
- Python(ハードウェア)
利用したフレームワーク・ライブラリ ...
-
バックエンド
- Node.js
- Fastify
- @fastify/cors
- @fastify/websocket
-
フロントエンド
- Apache Cordova
- Cordova Plugin for using WebSockets
- Bluetooth Low Energy (BLE) Central Plugin for Apache Cordova
- React
- Jotai
- SWR
- react-hot-toast
- React Router
- usehooks-ts
- emotion
- Apache Cordova
-
デバイス
- Kitaca, nimoca
- systemd
-
プロトタイプ
- React Native(Expo)
- React Native Firebase
- Firebase
- React Native(Expo)
その他開発に使用したツール・サービス ...
-
デザイン・設計
- Figma
- FigJam
- Adobe Premire Pro
- Adobe Illustrator
-
ビルド
- Vite
- Expo Application Services
- Android Studio
-
コミュニケーション
- notion
- Discord
- Canva
-
デプロイ
- Vultr(VPS)
- Cloudflare