Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
技術書典アプリを作った話
Yui Matsuura
November 27, 2017
Programming
2
620
技術書典アプリを作った話
Yui Matsuura
November 27, 2017
Tweet
Share
More Decks by Yui Matsuura
See All by Yui Matsuura
★2.2のアプリがIn-App Review APIを導入して★4.2になるまで
teshi04
6
2.8k
Firebase AutoMLのオンデバイス実行とCameraXを組み合わせた新しい価値を秒で試す
teshi04
3
660
Android Jetpack: Navigationを使ってみる
teshi04
2
3.7k
Create Layouts with the Wearable UI Library
teshi04
2
3.8k
Other Decks in Programming
See All in Programming
「混ぜるな危険」を推進する設計
minodriven
8
2.5k
フロントエンドエンジニアが変える現場のモデリング意識/modeling-awareness-changed-by-front-end-engineers
uggds
32
13k
SwiftUIで「意図」を伝える / swiftui_intention
uhooi
2
140
WindowsコンテナDojo:第6回 Red Hat OpenShift入門
oniak3ibm
PRO
0
170
Enzyme から React Native Testing Library に移行した経緯 / 2022-07-20
tamago3keran
1
160
VIMRC 2022
achimnol
0
120
ベストプラクティス・ドリフト
sssssssssssshhhhhhhhhh
1
210
More Than Micro Frontends: 3 Further Use Cases for Module Federation @DWX 2022
manfredsteyer
PRO
0
360
Records の使い方はこれでいいの? をみんなで考えたい / Java DO #20
gishi_yama
0
110
「困りごと」から始める個人開発
ikumatadokoro
4
250
Google I/O 2022 Android関連概要 / Google I/O 2022 Android summary
phicdy
0
380
SRE NEXT 2022に学ぶこれからのSREキャリア
fukubaka0825
2
390
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
260
25k
Designing for humans not robots
tammielis
241
24k
Automating Front-end Workflow
addyosmani
1351
200k
Making the Leap to Tech Lead
cromwellryan
113
7.4k
GitHub's CSS Performance
jonrohan
1020
420k
Typedesign – Prime Four
hannesfritz
34
1.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
239
11k
Ruby is Unlike a Banana
tanoku
91
9.3k
jQuery: Nuts, Bolts and Bling
dougneiner
56
6.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
Product Roadmaps are Hard
iamctodd
35
6.8k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.8k
Transcript
Souzoh confidential and proprietary 技術書典決済アプリを作った話 ※仕事とは関係ないです Mercari × Souzoh Android
Talk
Souzoh confidential and proprietary @teshi04 Yui Matsuura ソウゾウ メルカリ アッテ
Android 2
Souzoh confidential and proprietary 技術書典3 https://techbookfest.org/event/tbf03 技術書典3 2017/10/22 3
Souzoh confidential and proprietary 技術書典決済アプリ 4 https://play.google.com/store/apps/details?id=org.techbookfest https://blog.techbookfest.org/2017/10/18/payment/
Souzoh confidential and proprietary 技術書典決済アプリ 5 9月上旬: やることが決まる 9月中旬: 仕様が決まってきて、APIができてきた
10月上旬: Android版の購入フローがワンパス通る 10月18日: リリース 10月22日: 本番
Souzoh confidential and proprietary 方針 6 当日動くアプリを作るぞ!
Souzoh confidential and proprietary UI 7
Souzoh confidential and proprietary 設計 8 • 画面数は多いが各画面でやることが少ないので 大体Activity直書き (実際300行超えのActivityはない)
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
Souzoh confidential and proprietary EmojiCompat シェアコード → 購入者の購入完了画面と、サークルの 頒布したもの画面に共通の絵文字を 表示して、サークル側が誰の購入依頼
かわかるようにする。絵文字。 絵文字でいろいろな動物を表示したい けど、古い端末だと絵文字が豆腐にな る問題がある。 10
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
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
Souzoh confidential and proprietary 当日 13
Souzoh confidential and proprietary やってみたかったこと • 岡野パイセンのデバッグメニュー ◦ https://speakerdeck.com/operando/sok-debug-menuhasimemasita •
Kotlin ◦ 小さいプロジェクトっていい練習台になる • 下タブ ◦ 時間削減のためにドロワーにしたけど、ドロワーって本当気づきにくい 14
Souzoh confidential and proprietary 感想・反省 • 当日大きな不具合もなく動いた • 自分が当日売り子側で使ってみたら大事なところの文字サイズが小さかったり…。 実際に使われるシーンを想像しながら作るの大事
15