shibuya.apk #26 の講演資料です。

1. 2018-06-26 shibuya.apk #26 @cattaka_net
CIのビルドを通知する仕組みを
AndroidとFirestoreで作った話
Takao Sumitomo

2. 2018-06-26 shibuya.apk #26 @cattaka_net
自己紹介
●
住友 孝郎(Takao Sumitomo)
– Wantedly 所属
– Androidアプリを主に担当
– @cattaka_net
●
Javaが好きです

3. モチベーション

4. 最近だと皆さんCIを使ってると思います

5. ビルドやテストの結果を
楽しく通知してほしい

6. 通知するデバイスを
たくさん置けると楽しそう

7. 作りました

8. アプリ名：Catbell Notifier

9. 使うもの
M5Stack
(ディスプレイやBLE付きマイコン)
Raspberry PI 3
(Android Things)

10. 今どきのCIサービスやGitHubは
WebhookでURLが叩ける

11. こんな感じの仕組み

12. WebhookでCloud Functionを叩く

13. Cloud Functionは
Firestoreにデータを書き込む

14. AndroidアプリがFirestoreをオブザーブして

15. AndroidからペリフェラルへBLEで通信

16. ペリフェラルは光って知らせる

17. 作り方

18. Raspberry PI 3 ＋ ディスプレイ

19. Android ThingsをSDカードに焼く
（実は普通のAndroidでも可）

20. APKをダウンロードして
adbでインストールする

21. いろいろ設定する

22. WebhookのURLが生成される

23. URLを叩くと、、、表示が更新される

24. ディスプレイに移すとこんな感じ

25. これだけだと寂しい、、、

26. M5Stackをペリフェラルにしよう
BLEで通信

27. ファームウェアはArduino IDEで書き込む

28. まだ寂しい、、、

29. LEDを光らせよう

30. 適当に配線して

31. フラットケーブルを作る

32. 繋いで動作確認

33. 筐体もBlenderでガッと設計する

34. 筐体を3Dプリンタで印刷する

35. サンドペーパー、パテ、サーフェイサーを
駆使して表面を整える

36. 塗装して

37. 組み立てる

38. 筐体ができた！

39. まだ、なんか足りない、、、

40. フィギュアも3Dプリンタで印刷する
https://github.com/StickmanVentures/go-gopher-model

41. サンドペーパー、パテ、サーフェイサーを
駆使して表面を整える

42. シリコンゴムで型を取って

43. 透明のレジンでキャストして

44. 固定用のピンを刺して

45. 筐体に乗せて完成

46. 光るとこんな感じ

47. 簡単でしょ

48. オフィスに５、６台置いてます

49. 作った感想

50. Firebase Authentication、楽

51. FirebaseUI-Android、楽

52. Firebase Cloud Firestore、楽

53. AndroidのBLE、
よく謎のエラーで通信できなくなる
(コードの微調整でマシにはなったけど)

54. 運用した感想

55. 別チームの誰が何をしてるか
フンワリわかる

56. サーバーのデプロイの通知にも使える

57. ずっと赤く光ってる(エラー)と心配になる

58. そのブランチが青く光る(成功)と
ホッとする

59. 楽しい!!! (' ' )✌ ω ✌ 三✌(' ')ω ✌三( ' ')✌ ω ✌

60. 魔改造されたバージョン

61. おわりに

62. 日本語はブログに書いてます
https://wscat.cattaka.net/2018/06/cicatbell-notifier.html

63. GitHubに公開してます
https://github.com/cattaka/CatbellNotifier

65. Javaが好きです

66. 2018-06-26 shibuya.apk #26 @cattaka_net
ご清聴ありがとうございました