京都Devかふぇ#2 〜WWDC & Google IO総復習会〜 LT資料

1. 1
Google Codelabs
をやってみた
FURYU @furusin_oriver

2. 自己紹介
• 古川 真次（ふるしん）
• furusin_oriver
• furusin
• 所属：フリュー株式会社
• 業務：PICTLINKのAndroidアプリ開発
京都Devかふぇオーガナイザー

3. WHAT GOOGLE CODELABS IS…
• 様々なライブラリなどの実装において、
ガイドラインやチュートリアルを
ハンズオン形式で学ぶことができる
• 昔からあったGoogle Code Labs
とは別物
• Android WearやiOS向けもある
https://codelabs.developers.google.com

4. e.x. SUBJECTS ARE…
Android Design IoT

5. Tried Android AppIndexing
https://codelabs.developers.google.com/codelabs/app-indexing
Firebase App Indexing Android API: ユーザー アクションとパーソナル コンテンツを検索に取り込む
• Firebase App Indexingを
アプリに導入する手順を
実際にコードを見ながらやってみる

6. Tried Android AppIndexing
https://codelabs.developers.google.com/codelabs/app-indexing
Firebase App Indexing Android API: ユーザー アクションとパーソナル コンテンツを検索に取り込む
• Firebase App Indexingを
アプリに導入する手順を
実際にコードを見ながらやってみる
キミは今からこれを学ぶよ♡

7. Tried Android AppIndexing
https://codelabs.developers.google.com/codelabs/app-indexing
Firebase App Indexing Android API: ユーザー アクションとパーソナル コンテンツを検索に取り込む
• Firebase App Indexingを
アプリに導入する手順を
実際にコードを見ながらやってみる
これ必要だから用意してね♡

8. SURPRISE 1
• Firebase Consoleにプロジェクト
を作る方法まで説明してくれる
• そんなのFirebaseの「ここ見てね」
でいいやんとおもったけど、超入門
向けとするのであれば必要なのかも

9. CAUTION!!
• FirebaseのHP上では
バージョンは15.0.0
• バージョンなどはライブラリ
のドキュメントを見たほうが
いいかも

10. GOOD!
• 画面イメージを要所要所に貼ってくれて
いて、どんな画面だと正解なのかが
わかりやすい
(UI設計なのに画面ないブログとか多いよね💢)

11. GOOD!
• 画面イメージを要所要所に貼ってくれてい
て、どんな画面だと正解なのかがわかりや
すい
(UI設計なのに画面ないブログとか多いよね💢)
よくある質問だよ♡

12. GOOD!!
今は勉強のため便宜上違う
書き方してるけど、ベストプラク
ティスはこれかなー

13. GOOD!!!
• あとだいたい◯分くらいで終わるよー
→心理的ハードルが下がる

14. GOOD!!!!
Codelabs内の
ToDoは全部
コメントを
入れてくれてる

15. BAD X(
• コードが間違ってる事がある
（実際はrecipeではなく mRecipe）
• そんな時はGitHub上の実際のコードを見ましょう！

16. IMPRESSION
• 総称：めっちゃいい。いい of the いい。
• 何がそんなによかったのか
• すごく細かくわかりやすく説明されてる
• 「そんなことまで書いてくれるの！？」というところまで書いてくれてる
• 「ここにこれが書いてるのをチェックしてみましょう！」がある
• 今は便宜上こう書いてるけど、ベストプラクティスとしてはこうしたらいいか
らね！がちゃんと書いてある
• コードの中に // TODO(developer): Uncomment this when getNoteComment
Action is available とあってどこを修正したらいいかわかりやすい
• ただし
• そもそもソースコードが間違ってることがある
• 公式ドキュメントの方がバージョンが上がってたりするのでそれも注意が必要

17. NAVIGATION
https://codelabs.developers.google.com/codelabs/android-navigation
Navigation Codelab
• GoogleIOで発表された
Navigationを
アプリに導入する手順を
実際にコードを見ながらやってみる

18. IN PROGRESS…
• DIFFERENCES
• Kotlin
• TODOにステップごとの番号が振
られてる

19. CONCLUSION
• Codelabsはいいぞ
• ただしコードを全部信じちゃダメだぞ
• Javaかと思いきやKotlinだった、という罠があるぞ

20. CONCLUSION
• 実は日本語版もあるぞ！！！
https://codelabs.developers.google.com/lang-ja

21. ご清聴ありがとうございました♡