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

2. Mercari, Inc.
Android Engineer
Garum
https://github.com/operando/Garum
http://hack-‐‑‒it-‐‑‒iron.hatenablog.com/
ハンバーグ食べたい

3. 面白そう…(ΦωΦ)

4. 意味わからない…

5. 重い…( ﾟдﾟ)

6. 血と汗と涙の
三年間

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

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

9. First Step

10. Android??

11. Android??

12. なるほど

13. ようわからん

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

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

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

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

18. Genymotion
https://www.genymotion.com

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

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

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

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

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

24. ドキュメントが充実している
Android Training
+ http://developer.android.com/training/index.html
API Guides
+ http://developer.android.com/guide/index.html
AndroidTraining (mixi)
+ http://mixi-inc.github.io/AndroidTraining/

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

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

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

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

29. とにかくコードを読む
ここの層のメンテナンスしてた

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

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

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

33. OSSの力を借りる
iosched
+ https://github.com/google/iosched
Rebuild
+ https://github.com/rejasupotaro/Rebuild
WordPress-Android
+ https://github.com/wordpress-mobile/WordPress-Android
wordpress-mobile
+ https://github.com/wordpress-mobile
などなど…

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

35. Developer

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

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

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

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

40. 一からアプリを設計
やっぱりこれ厳しい
こうしませんか？
OK!

41. 一からアプリを設計
技術的判断が求められる

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

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

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

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

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

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

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

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

50. さて、どうしたものか

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

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

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

54. とにかく色んなアプリを試す
* 新しいアプリを
キャッチアップできる
* ランクインしないけど
いいアプリがある
* インストール数が
上がっているアプリがわかる

55. とにかく色んなアプリを試す
* 新しいアプリを
キャッチアップできる
* ランクインしないけど
いいアプリがある
* インストール数が
上がっているアプリがわかる

56. とにかく色んなアプリを試す
* 新しいアプリを
キャッチアップできる
* ランクインしないけど
いいアプリがある
* インストール数が
上がっているアプリがわかる

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

58. とにかく色んなアプリを試す
* 気になったアプリを
とりあえず入れておく

59. とにかく色んなアプリを試す
* 気になったアプリを
とりあえず入れておく
* Webからも追加できる

60. とにかく色んなアプリを試す
* 気になったアプリを
とりあえず入れておく
* Webからも追加できる
* アカウントが同じなら
色んな端末で同期できる

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

62. 実際のView Tree見てみる
Added Fragments:
#0: AccountDrawerFragment{3db2476 #0 id=0x7f0}
#1: DiscoverFragment{2cf8c02d #1 id=0x7f0b00b4}
#2: SearchLandingFragment{9b2667d #2 id=0x7f}

63. 実際のView Tree見てみる
Added Fragments:
#0: AccountDrawerFragment{3db2476 #0 id=0x7f0}
#1: DiscoverFragment{2cf8c02d #1 id=0x7f0b00b4}
#2: SearchLandingFragment{9b2667d #2 id=0x7f}
ふむふむ
ここFragmentなのね

64. 実際のView Tree見てみる
SlidingTabLayout{28 app:id/tabs}
SlidingTabStrip{28 68}

65. 実際のView Tree見てみる
ふむふむ
そんなViewなのね
SlidingTabLayout{28 app:id/tabs}
SlidingTabStrip{28 68}

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

67. Framework

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

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

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

71. 日々増え続ける
コード

72. 技術的負債

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

74. Frameworkのコードを読む
AndroidXRef
http://androidxref.com/
こっちオススメ

75. Frameworkのコードを読む
Frefox + ツリー型タブ
https://addons.mozilla.org/ja/firefox/addon/tree-
style-tab/

76. Frameworkのコードを読む

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

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

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

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

81. なぜコマンドが大事か
色んな状態を調べるの簡単

82. なぜコマンドが大事か
色んな状態を調べるの簡単
例) 今表示してる画面何Activityだっけ？

83. なぜコマンドが大事か
色んな状態を調べるの簡単
例) 今表示してる画面何Activityだっけ？
adb shell dumpsys activity top

84. なぜコマンドが大事か
端末を操作するより
コマンドで操作する方が早い

85. なぜコマンドが大事か
端末を操作するより
コマンドで操作する方が早い
例)メールアドレスを入力したい

86. なぜコマンドが大事か
端末を操作するより
コマンドで操作する方が早い
例)メールアドレスを入力したい
adb shell input text a@a.com

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

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

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

90. Mercari

92. まだ登録
してない？？

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

94. これ

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

96. Mercari Knowledge

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

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

99. いいアプリを作るために

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

101. 常にアプリを疑う

102. 常にアプリを疑う
実は最近まで

103. 常にアプリを疑う
タブ間のスワイプ移動
できなかった

104. 常にアプリを疑う
「操作性悪いわ」
「これはないわー」
「なんで誰も疑問に思わないの？」

105. 常にアプリを疑う
「スワイプしてタブ移動
できた⽅方がいいっすね」

106. 常にアプリを疑う
MaterialTabHost
https://github.com/yanzm/MaterialTabHost

107. 常にアプリを疑う
「区切切り線うざくない？」

108. 常にアプリを疑う
「消すか」

109. 常にアプリを疑う
という感じで
常に改善し続ける

110. 常にアプリを疑う
俺たちが作ってるアプリ
最⾼高だわー

111. 常にアプリを疑う
俺たちが作ってるアプリ
最⾼高だわー
とか思ってない？

112. 常にアプリを疑う
そんなわけないだろ

113. 常にアプリを疑う
そのアプリもう死んでますよ

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

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

116. Mercari Android
三種の神器

117. Mercari Android
三種の神器

119. QA
Client Server
Designer
Producer

120. QA
Client Server
Designer
Producer
Product
Team

121. QA
Client Server
Designer
Producer
Product
Team

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

123. https://deploygate.com/

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

125. Pull Request

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

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

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

129. Pull Request
-‐‑‒ Check List -‐‑‒
* 実装者がチェック

130. Pull Request
-‐‑‒ Check List -‐‑‒
* 実装者がチェック
* チェック漏漏れを防ぐ

131. Pull Request
-‐‑‒ Check List -‐‑‒
* 実装者がチェック
* チェック漏漏れを防ぐ
* チェック範囲の認識識を共有

132. Logic Check List

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

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

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

136. Design Check List

137. Design Check List
## デザイン
-‐‑‒ [ ] Mobile Android 2.x
-‐‑‒ [ ] Mobile Android 4.x
-‐‑‒ [ ] Mobile Android 5.x
-‐‑‒ [ ] Tablet 7inch以上 / 10inch

138. Design Check List
## デザイン
-‐‑‒ [ ] Mobile Android 2.x
-‐‑‒ [ ] Mobile Android 4.x
-‐‑‒ [ ] Mobile Android 5.x
-‐‑‒ [ ] Tablet 7inch以上 / 10inch
-‐‑‒ [ ] ジーニアスよしこチェック

139. WebView Check List

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

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

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

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

144. チェックの共有しよう！

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

146. Testing

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

148. Testing??

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

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

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

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

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

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

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

156. ⽣生き抜くためのMercari

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

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

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

160. DroidKaigi
Thanks.
@operandoOS
Shinobu Okano