Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Firebase Summit 2019 ~Webのはなし~

Firebase Summit 2019 ~Webのはなし~

Firebase Summit 2019におけるWeb関連トピックのサマリです。

A83a7138276e3275d94d91ed90d13300?s=128

hecateball

October 24, 2019
Tweet

Transcript

  1. Firebase Summit 2019 ~Webのはなし~ Title - Firebase Summit 2019 ~Webのはなし~

  2. もくじ - Firebase Summit 2019 ~Webのはなし~ このトークの流れ

  3. もくじ - Firebase Summit 2019 ~Webのはなし~ (1) 新機能の話 (2) セッションの話

  4. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ (1) 新機能の話

  5. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Webに 関係あるやつ

  6. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Firebase Extensions

  7. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ ※発表分担上担当外なのでス キップ

  8. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Emulator Suite

  9. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Functions Firestoreトリガー ローカルで動く

  10. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ SDKとCLI 最新化しましょう

  11. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ ここから 本題

  12. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Firebase向け Analytics

  13. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Webアプリでも 利用可能に

  14. 新機能の話 - Firebase Summit 2019 ~Webのはなし~

  15. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ firebase.analytics() するだけ

  16. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Analytics自体の 機能は そのまま

  17. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 【問題】

  18. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Analyticsが使える ようになると どうなる?

  19. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 【答え】

  20. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Remote Config Cloud Messaging

    が使える
  21. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Remote Config

  22. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ サーバサイドから パラメータを 送りつける

  23. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ アプリの 見た目・振る舞い

  24. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ デプロイなしで 変えられる

  25. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ ネイティブアプリ でめっちゃ使う

  26. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Webで使っても もちろん便利

  27. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Feature Flag A/Bテスト etc...

  28. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Firebase コンソールを ポチるだけ

  29. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Analytics との関係?

  30. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 特定の条件を 満たすユーザに 限定して

  31. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 異なるパラメータ

  32. 新機能の話 - Firebase Summit 2019 ~Webのはなし~

  33. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 条件: User audience(s) User

    property
  34. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Analyticsに依存

  35. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Cloud Messaging

  36. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Notifications Composer

  37. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Firebase コンソールから メッセージ送信

  38. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ ユーザを 特定の条件で フィルタリング

  39. 新機能の話 - Firebase Summit 2019 ~Webのはなし~

  40. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Analyticsに依存

  41. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ (iOSぐぬぬ...)

  42. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 新機能がでたので

  43. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ コンソールに触る 人が増える

  44. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 事故も増える

  45. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Cloud Functions

  46. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Analytics Remote Config で関数をトリガー

  47. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Webでも 使う日が来る!

  48. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Firebase IAM

  49. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Firebaseユーザの 権限管理

  50. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 【祝】GA

  51. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ これからは 言い訳不可能

  52. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ まとめ

  53. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ Web開発者各位

  54. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ 帰ったら すぐやること

  55. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ firebase.analytics()

  56. セッションの話 - Firebase Summit 2019 ~Webのはなし~ (2) セッションの話

  57. セッションの話 - Firebase Summit 2019 ~Webのはなし~ • Firebase can help

    you bring your web app A-game • Building richer app experience with Machine Learning • How media companies are transforming their digital experiences • Overcome launch anxieties and ship apps with ease • Roll out new features safely, confidently & reliably • How fast growing apps move quickly with Crashlytics • Faster web apps with Firebase • Accelerate app development with Firebase Extensions • Firebase offline: What works, what doesn’t, and what you need to know • How to integrate Firease into an existing app
  58. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 10個

  59. セッションの話 - Firebase Summit 2019 ~Webのはなし~ • Firebase can help

    you bring your web app A-game • Building richer app experience with Machine Learning • How media companies are transforming their digital experiences • Overcome launch anxieties and ship apps with ease • Roll out new features safely, confidently & reliably • How fast growing apps move quickly with Crashlytics • Faster web apps with Firebase • Accelerate app development with Firebase Extensions • Firebase offline: What works, what doesn’t, and what you need to know • How to integrate Firebase into an existing app
  60. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Web: 2 両方: 5

    Mobile: 3
  61. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 時間の許す限り 紹介します

  62. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 興味をもった セッション

  63. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 動画を見て

  64. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Firebase can help you

    bring your web app A-game
  65. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Analytics Remote Config Cloud

    Messaging
  66. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Webで使えるように なった話

  67. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Analyticsと Cloud Messaging のデモ

  68. セッションの話 - Firebase Summit 2019 ~Webのはなし~ コンソールから ターゲティング 通知を送信

  69. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 一連の流れを 見たい人は

  70. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 動画を見て

  71. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 感想: すごく便利だけどWebに関して 言うとiOSが(ry

  72. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Faster web apps with

    Firebase
  73. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Performance Monitoring

  74. セッションの話 - Firebase Summit 2019 ~Webのはなし~ v6.0.0くらいから 利用可能

  75. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 性能改善: 正確かつ詳細な データが必要

  76. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 数行のコードで データ収集できる

  77. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 【デモ】 株価リストを 表示するアプリ

  78. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 動画を見て

  79. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 感想: デモが力技すぎてちょっと笑っ た。導入簡単だけど効果が高 い。とてもよい。

  80. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Firebase offline: What works,

    what doesn’t, and...
  81. セッションの話 - Firebase Summit 2019 ~Webのはなし~ このタイトルが 長いセッション

  82. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 激推し

  83. セッションの話 - Firebase Summit 2019 ~Webのはなし~ アプリ派の人にも 非常に有益

  84. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 完全理解→ 最高UXのアプリが 作れる

  85. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Firebaseの オフライン時の 振る舞い

  86. セッションの話 - Firebase Summit 2019 ~Webのはなし~ ◦ Offline-tolerant × Offline-first

  87. セッションの話 - Firebase Summit 2019 ~Webのはなし~ UXは低下するが 基本的には動く

  88. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Firebaseの オフライン戦略

  89. セッションの話 - Firebase Summit 2019 ~Webのはなし~ (1) キャッシュ

  90. セッションの話 - Firebase Summit 2019 ~Webのはなし~ (2) 切り捨て型 指数バックオフ &リトライ

  91. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Authentication

  92. セッションの話 - Firebase Summit 2019 ~Webのはなし~ サインイン処理: オンラインじゃないと 無理

  93. セッションの話 - Firebase Summit 2019 ~Webのはなし~ トークンの リフレッシュも 同様

  94. セッションの話 - Firebase Summit 2019 ~Webのはなし~ トークンに 含まれるデータ: オフライン参照可

  95. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Firestore

  96. セッションの話 - Firebase Summit 2019 ~Webのはなし~ リアルタイム リスナー

  97. セッションの話 - Firebase Summit 2019 ~Webのはなし~ firebase.firestore().collections(‘hoge’) .onSnapshot(async (snapshot) =>

    { // コールバック…... })
  98. セッションの話 - Firebase Summit 2019 ~Webのはなし~ とりあえず キャッシュ読んで コールバック発火

  99. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 同時に サーバに更新を 問い合わせる

  100. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 差分がある: コールバック発火 &キャッシュ更新

  101. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 差分がない: なにもしない

  102. セッションの話 - Firebase Summit 2019 ~Webのはなし~ オフライン時: サーバに問い合わ せできない

  103. セッションの話 - Firebase Summit 2019 ~Webのはなし~ オンラインに 戻るのを待機

  104. セッションの話 - Firebase Summit 2019 ~Webのはなし~ キャッシュで 耐える

  105. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 書き込み

  106. セッションの話 - Firebase Summit 2019 ~Webのはなし~ firebase.firestore().collections(‘hoge’) .add({ // ドキュメントのデータ...

    })
  107. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 即キャッシュ更新

  108. セッションの話 - Firebase Summit 2019 ~Webのはなし~ =レイテンシ補正

  109. セッションの話 - Firebase Summit 2019 ~Webのはなし~ オンライン時: サーバに書き込み

  110. セッションの話 - Firebase Summit 2019 ~Webのはなし~ オフライン時: オンラインに 戻るのを待機

  111. セッションの話 - Firebase Summit 2019 ~Webのはなし~ DEMO

  112. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Cloud Storage

  113. セッションの話 - Firebase Summit 2019 ~Webのはなし~ オフライン時: アップロード× ダウンロード×

  114. セッションの話 - Firebase Summit 2019 ~Webのはなし~ クラッシュは しない

  115. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 切り捨て型 指数バックオフ リトライ

  116. セッションの話 - Firebase Summit 2019 ~Webのはなし~ キャッシュはない

  117. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 自分で実装するか サードパーティ 使って

  118. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 計測系の機能 • Analytics •

    Performance Monitoring • Crashlytics
  119. セッションの話 - Firebase Summit 2019 ~Webのはなし~ そもそも データをまとめて 送信している

  120. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 切り捨て型 指数バックオフ リトライ

  121. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 長期間 オフライン状態が 続いた場合

  122. セッションの話 - Firebase Summit 2019 ~Webのはなし~ データが 捨てられる

  123. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 細かい解説は 時間が足りない

  124. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 動画を見て

  125. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 感想: 仕事でFirebase使ってても知ら なかったことが多くて反省した。

  126. セッションの話 - Firebase Summit 2019 ~Webのはなし~ オフライン時のエラーハンドリン グは、従来のアプリ開発の知 識を踏襲するとむしろUXを損 ねるケースがあるのであぶな

    い。
  127. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Overcome launch anxieties and

    ship apps with ease
  128. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Test Lab App Distribution

    Emulator Suite
  129. セッションの話 - Firebase Summit 2019 ~Webのはなし~ How to integrate Firebase

    into an existing app
  130. セッションの話 - Firebase Summit 2019 ~Webのはなし~ 既存のアプリを Firebaseに 移行する話

  131. セッションの話 - Firebase Summit 2019 ~Webのはなし~ APIとアプリの間の キャッシュとして Firestoreを導入

  132. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Remote Config を使う話

  133. セッションの話 - Firebase Summit 2019 ~Webのはなし~ ネイティブアプリ だと普通?

  134. セッションの話 - Firebase Summit 2019 ~Webのはなし~ Accelerate app development with

    Firebase Extensi...
  135. 新機能の話 - Firebase Summit 2019 ~Webのはなし~ ※発表分担上担当外なのでス キップ

  136. セッションの話 - Firebase Summit 2019 ~Webのはなし~ How media companies are

    transforming their...
  137. セッションの話 - Firebase Summit 2019 ~Webのはなし~ メディア企業の Firebase 採用事例

  138. セッションの話 - Firebase Summit 2019 ~Webのはなし~ きっとここまで 発表できないので 動画を見て

  139. Closing - Firebase Summit 2019 ~Webのはなし~ まとめ

  140. Closing - Firebase Summit 2019 ~Webのはなし~ 新機能に関して言うと: △ できることが増えた ◯

    ネイティブアプリに追いついた ◯ 便利になった Webアプリのバックエンドとして非常に強力なツールになった
  141. Closing - Firebase Summit 2019 ~Webのはなし~ Web関連セッションは、既存機能の詳細を解説するやつが非 常に有益 内容を理解しているかどうかでアプリの品質を大きく左右する ものばかり

    是非動画を見てほしい
  142. Closing - Firebase Summit 2019 ~Webのはなし~ Firebaseはいいぞ