技術書典アプリを作った話

Transcript

1. Souzoh confidential and proprietary
   技術書典決済アプリを作った話
   ※仕事とは関係ないです
   Mercari × Souzoh Android Talk
   

   View Slide

2. Souzoh confidential and proprietary
   @teshi04
   Yui Matsuura
   ソウゾウ
   メルカリ アッテ
   Android
   2
   

   View Slide

3. Souzoh confidential and proprietary
   技術書典３
   https://techbookfest.org/event/tbf03
   技術書典３ 2017/10/22
   3
   

   View Slide

4. Souzoh confidential and proprietary
   技術書典決済アプリ
   4
   https://play.google.com/store/apps/details?id=org.techbookfest
   https://blog.techbookfest.org/2017/10/18/payment/
   

   View Slide

5. Souzoh confidential and proprietary
   技術書典決済アプリ
   5
   9月上旬：
   やることが決まる
   9月中旬：
   仕様が決まってきて、APIができてきた
   10月上旬：
   Android版の購入フローがワンパス通る
   10月18日：
   リリース
   10月22日：
   本番
   

   View Slide

6. Souzoh confidential and proprietary
   方針
   6
   当日動くアプリを作るぞ！
   

   View Slide

7. Souzoh confidential and proprietary
   UI
   7
   

   View Slide

8. Souzoh confidential and proprietary
   設計
   8
   ● 画面数は多いが各画面でやることが少ないので
   大体Activity直書き
   （実際300行超えのActivityはない）
   

   View Slide

9. Souzoh confidential and proprietary
   使った技術
   ● Dagger2
   ● RxJava2
   ● Constraint Layout
   ● Android Studio 3.0
   ● Mobile Vision API
   ● Emoji Compat
   9
   ● Firebase Realtime DB
   ● Permissions Dispatcher
   ● Data Binding
   

   View Slide

10. Souzoh confidential and proprietary
    EmojiCompat
    シェアコード →
    購入者の購入完了画面と、サークルの
    頒布したもの画面に共通の絵文字を
    表示して、サークル側が誰の購入依頼
    かわかるようにする。絵文字。
    絵文字でいろいろな動物を表示したい
    けど、古い端末だと絵文字が豆腐にな
    る問題がある。
    10
    

    View Slide

11. Souzoh confidential and proprietary
    Emoji Compat
    ● Downloadable fonts
    ○ implementation "com.android.support:support-emoji:$version"
    ○ APKサイズ 4.7MB
    ● Bundled fonts
    ○ implementation "com.android.support:support-emoji-bundled:$version"
    ○ APKサイズ 11.6MB 7MB 増えた
    APKサイズが増えるの避けるためにDownloadable Fontsにしたものの当日ユーザー
    から絵文字が豆腐□になってるという情報が…
    https://developer.android.com/guide/topics/ui/look-and-feel/emoji-compat.html
    11
    

    View Slide

12. Souzoh confidential and proprietary
    Mobile Vision API
    ● Google Play Services の Vision API
    ○ QRコード読み取り。カウルでも使ってる
    ○ implementation "com.google.android.gms:play-services-vision:$version"
    https://developers.google.com/vision/android/barcodes-overview
    12
    

    View Slide

13. Souzoh confidential and proprietary
    当日
    13
    

    View Slide

14. Souzoh confidential and proprietary
    やってみたかったこと
    ● 岡野パイセンのデバッグメニュー
    ○ https://speakerdeck.com/operando/sok-debug-menuhasimemasita
    ● Kotlin
    ○ 小さいプロジェクトっていい練習台になる
    ● 下タブ
    ○ 時間削減のためにドロワーにしたけど、ドロワーって本当気づきにくい
    14
    

    View Slide

15. Souzoh confidential and proprietary
    感想・反省
    ● 当日大きな不具合もなく動いた
    ● 自分が当日売り子側で使ってみたら大事なところの文字サイズが小さかったり…。
    実際に使われるシーンを想像しながら作るの大事
    15
    

    View Slide