Android学ぶを君へ。生き抜くためのナレッジ共有

Androidを学ぶ君へ。
⽣生き抜くためのナレッジ共有
DroidKaigi
@operandoOS
Shinobu Okano

Mercari, Inc.
Android Engineer
Garum 
https://github.com/operando/Garum
http://hack-‐‑‒it-‐‑‒iron.hatenablog.com...

※この発表資料には、
一部暴力的な表現が
ありますのでご注意ください。

First Step Developer Framework
2012/03 2013/03 2014/03 2015/01 現在
Mercari

とりあえずやってみたこと
端末を買う
入門書を読む
ドキュメントを読む

端末は重要か??
昔はエミュレータが
信じられないほどゴミだった

端末は重要か??
今も遅いとか言うな(゜_゜)

Genymotion
https://www.genymotion.com

それでも端末は重要
エミュレータでは
わからないことがいっぱい

それでも端末は重要
ハードウェア
端末依存
デザイン / 見た目 / 操作性
処理速度
etc…

入門書は必要か??
いらない
今は

Androidの書籍
Android学ぶ上での書籍について
http://hack-it-iron.hatenablog.com/entry/
2015/03/22/195939

ドキュメントが充実している
Android Training
+ http://developer.android.com/training/index.html
API Guides
+ http://developer.android.co...

ナレッジが共有されてる
Qiita tags Android
http://qiita.com/tags/android

とにかく手を動かしてみた1年間
とりあえずアプリを作る
ひたすらクソコードを書く
とにかくコードを読む

とりあえずアプリを作る
TwitterClient
https://github.com/operando/TwitterClient

ひたすらクソコードを書く
書かないと
+ 覚えない
+ 理解できない
+ クソコードだと気づかない
+ Androidのクソさに気づかない

ここの層のメンテナンスしてた

* よくわからないけど面白い
* コードを書く時に参考にする
* APIで何してるかわかる
* なんか詳しくなったつもりになる

OSSの力を借りる
iosched
+ https://github.com/google/iosched
Rebuild
+ https://github.com/rejasupotaro/Rebuild
WordPress-Android
...

生き抜くためのFirst Step
* まずは端末を買おう
* なんかアプリ作ろう
* 困ったら色んなコードを読もう
* できるエンジニアに質問しよう

求められるスキルが増える
* 一からアプリを設計
* Viewの選定

一からアプリを設計って
要求がアバウト

一からアプリを設計
この機能使ってみたい
これってどうなの？
サクッとアプリ作って
まかせる
OK!

やっぱりこれ厳しい
こうしませんか？
OK!

技術的判断が求められる

判断材料を貯めこむ
* バージョンごとの機能を理解する
* Google Play Service
* 最新技術・情報のキャッチアップ
https://developer.android.com/google/play-services/ind...

デザイナーが決めたUIを
どんなViewを使用して
実現するのか
Viewの選定

このスキル身に付けるのって
結構大変だった
Viewの選定

Viewっていっぱいあるし
Viewの選定

バージョンによって見た目違うし
Viewの選定

Androidって
解像度バラバラだし
Viewの選定

みんな辛そうだし
Viewの選定

さて、どうしたものか

とりあえず
色んなアプリ見てみるか

とにかく色んなアプリを試す

* 新しいアプリを 
キャッチアップできる
* ランクインしないけど
いいアプリがある
* インストール数が
上がっているアプリがわかる

* 気になったアプリを 
とりあえず入れておく

* Webからも追加できる

* Webからも追加できる
* アカウントが同じなら
色んな端末で同期できる

実際のView Tree見てみる
adb shell dumpsys activity top

Added Fragments:
#0: AccountDrawerFragment{3db2476 #0 id=0x7f0}
#1: DiscoverFragment{2cf8c02d #1 id=0x7f0...

SlidingTabLayout{28 app:id/tabs}
SlidingTabStrip{28 68}

ふむふむ
そんなViewなのね
SlidingTabLayout{28 app:id/tabs}
SlidingTabStrip{28 68}

生き抜くためのDeveloper
* 技術的判断をできるように
* Viewやレイアウトの知識がいる
* Release / 運用の知識

Framework最高！！
このへんの仕事してた

Framework最高！！
徐々に
頭のおかしい分野にのめり込む

ここまでくると
マジでカオスな世界

日々増え続ける
コード

Frameworkのコードを読む
Androidソースコード
検索サービス
https://sites.google.com/site/devcollaboration/
codesearch

AndroidXRef
http://androidxref.com/
こっちオススメ

Frefox + ツリー型タブ
https://addons.mozilla.org/ja/firefox/addon/tree-
style-tab/

勉強会やりたい！！
まったり
Android Framework
Code Reading
https://mandroidfcr.doorkeeper.jp/events
興味あったら @operandoOS に声かけてー

コードだけじゃないFramework
ここの仕事って
コマンドよく使うんよ

コマンド大事！
Android-Command-Note
https://github.com/operando/Android-Command-Note

なぜコマンドが大事か
とにかくログが大事
adb logcat -v time
adb logcat -v time -b main
adb logcat -v time -b system
adb logcat -v time -b even...

色んな状態を調べるの簡単

例) 今表示してる画面何Activityだっけ？

例) 今表示してる画面何Activityだっけ？
adb shell dumpsys activity top

端末を操作するより
コマンドで操作する方が早い

例)メールアドレスを入力したい

例)メールアドレスを入力したい
adb shell input text a@a.com

コマンドをもっと快適に
複数のAndroid端末を同時につな
いで困ってませんか？
それadb-pecoで選択できるよ！
http://techlife.cookpad.com/entry/2014/09/09/172449

コマンド覚えれば
10倍Androidを楽しめる

生き抜くためのFramework
* コードを書くより読む技術が必要
* 気になる部分から読んでみる
* 色んなコマンドを試してみよう

まだ登録
してない？？

招待コードというもの
がありまして…

ここに⼊入れて
会員登録!

Mercari Knowledge
* いいアプリを作るために
* Android 三種の神器
* Check List

いいアプリを作るために

いいアプリを作るために
常にアプリを疑う

実は最近まで

タブ間のスワイプ移動
できなかった

「操作性悪いわ」
「これはないわー」
「なんで誰も疑問に思わないの？」

「スワイプしてタブ移動
できた⽅方がいいっすね」

MaterialTabHost
https://github.com/yanzm/MaterialTabHost

「区切切り線うざくない？」

「消すか」

という感じで
常に改善し続ける

俺たちが作ってるアプリ
最⾼高だわー

俺たちが作ってるアプリ
最⾼高だわー
とか思ってない？

そんなわけないだろ

そのアプリもう死んでますよ

Mercariで不不満なこと
どしどし⾔言ってください！

Mercari Android
三種の神器

QA
Client Server
Designer
Producer

QA
Client Server
Designer
Producer
Product
Team

QA
Client Server
Designer
Producer
誰でも
試せる
Product
Team

Pull Request
-‐‑‒ Check List -‐‑‒

Pull Request
* 実装者がチェック

Pull Request
* チェック漏漏れを防ぐ

Pull Request
* チェック漏漏れを防ぐ
* チェック範囲の認識識を共有

Logic Check List
## ロジック
-‐‑‒ [ ] 2.x
-‐‑‒ [ ] 4.x
-‐‑‒ [ ] 5.x

Logic Check List
## 端末状態
-‐‑‒ [ ] 機内モード(圏外)
-‐‑‒ [ ] 画⾯面回転

Logic Check List
## 端末状態
-‐‑‒ [ ] 機内モード(圏外)
-‐‑‒ [ ] 画⾯面回転
画⾯面回転の確認重要

Design Check List
## デザイン
-‐‑‒ [ ] Mobile Android 2.x
-‐‑‒ [ ] Mobile Android 4.x
-‐‑‒ [ ] Mobile A...

WebView Check List
## WebView
-‐‑‒ [ ] 2.x
-‐‑‒ [ ] 4.0 -‐‑‒ 4.3
-‐‑‒ [ ] 4.4
-‐‑‒ [ ] 5.x

WebView Check List
何かとお騒がせな2.x
## WebView
-‐‑‒ [ ] 2.x
-‐‑‒ [ ] 4.0 -‐‑‒ 4.3
-‐‑‒ [ ] 4.4
-‐‑‒ [ ]...

WebView Check List
Chrominiumベースになった4.4
## WebView
-‐‑‒ [ ] 2.x
-‐‑‒ [ ] 4.0 -‐‑‒ 4.3
-‐‑‒ [ ] 4.4
-...

WebView Check List
WebViewがAPKになった5.x
## WebView
-‐‑‒ [ ] 2.x
-‐‑‒ [ ] 4.0 -‐‑‒ 4.3
-‐‑‒ [ ] 4.4
-‐‑...

チェックの共有しよう！

Pull Request Please!!
https://github.com/operando/DroidKaigi

Testing
テストコードがなくて
⾟辛いです・・・(/ω＼)

Testing??
Integration Testing
Continuous
Integration(CI)
Unit Test
UI Test
Other

Android Testing
* ロジックのテストからやってみよう
* テストする⽂文化を作ろう
* テスト/⾃自動化の導⼊入は早いほどいい

Android Testing
* Junit
* Espresso
* Robolectric
* UI Automator
* Appium
* Monkey Talk
etc…

Android Testing
Junit + Mockito
+ (PowerMock)
+ (CI (CircleCI or Travis CI ))

Android Testing
* テストの⾃自動化が全てではない
* Productによってテストも変わる
* テスト ≠ 誰でもできる
* テスト ≠ 品質向上/安全

⽣生き抜くためのMercari

⽣生き抜くためのMercari
* 常にアプリを疑い、改善を続ける
* 知識識の共有でSクラスのチームを作る

まとめ
Androidだけでやっていくの
正直厳しいよねー

まとめ
でも
みんなでナレッジ共有して
頑張りましょう！

DroidKaigi
Thanks.
@operandoOS
Shinobu Okano

Android学ぶを君へ。生き抜くためのナレッジ共有