Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Souzoh confidential and proprietary UI 7

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

Souzoh confidential and proprietary 当日 13

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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