CouponRoll - 店舗アプリを気軽に導入

Transcript

1. @chnotchy @cardseditor @keigomichi CouponRoll 店舗アプリを気軽に導入 Devroll
2. 継続的に集客したい 1. Web サイトを開設 • WordPress • Studio
3. 継続的に集客したい 2. 割引制度 • ポイント • クーポン • スタンプカード
4. クーポンなどを管理できる 店舗アプリを気軽に導入したい
5. チャンネルを開設し動画を投稿 → YouTube 各店舗ページを開設し割引を提供 → CouponRoll
6. CouponRoll 消費者向け CouponRoll Studio 事業者向け 管理
7. CouponRoll とは どんな店でもスマホ1つで簡単に導入できる クーポン・ポイントアプリ • 店舗の宣伝 アプリ内に店舗の情報を掲載できる • 割引を提供 スマホで使える割引機能を導入できる ▶ 店とユーザーの距離を縮める
8. CouponRoll の機能と技術
9. システム構成 Kotlin ML Kit Material Design 3 Material Icons Go MySQL GitHub Figma ユーザー 事業者
10. CouponRoll の開発｜クライアント • Kotlin を使用して、Android に対応 • MVVM アーキテクチャを用いた保守性の高い設計 • Jetpack Compose を導入した宣言的 UI 構築 • OkHttp を利用した API クライアント実装 • CameraX・MLKit を利用した精度の高い QR コード読み取り
11. • スマホさえあれば導入可能 ◦ ユーザーの QR コードを読み取り ◦ クーポンの適用・配布 CouponRoll はとっても便利
12. マテリアルデザインの美しいUI • Material Design 3 に対応 ◦ Dynamic Color を導入 • アイコンでわかりやすく ◦ Material Icons を利用 • ダークモード対応 ◦ システムのデフォルトテーマで表示
13. CouponRoll の開発｜バックエンド • Go (Echo, sqlx) + MySQL • OpenAPI を利用した API 仕様書作成 • Docker を利用した環境構築 • 中間テーブルを作成するなど、より適切な DB スキーマ設計 • セッション管理 • GitHub Issue・PR テンプレート等を活用
14. 苦労したポイント • Material Design 3 の導入 ◦ 安定版リリース間もない androidx.compose.material3 の利用 • CameraX・ML Kit の導入 ◦ Compose での使用例が少ない • ライブラリによっては Jetpack Compose に未対応 ◦ AndroidView コンポーザブルを利用した相互運用 • バックエンド経験の少ないメンバーでの API サーバー開発・DB 設計 • BaaS・PaaS を利用しない API サーバー開発・DB 設計 • SQL クエリの N+1 問題への対応
15. CouponRoll のこれから • Android 版 リリース • UI の改善 ◦ 時間不足でUIにこだわることができなかった • 分析機能を充実させる ◦ クーポン利用状況、売上データ
16. 店舗アプリを気軽に導入 CouponRoll 「QRコード」は株式会社デンソーウェーブの登録商標です。 「WordPress」は非営利団体である WordPressファウンデーションの 商標または登録商標です。 @chnotchy @cardseditor @keigomichi Devroll