Slide 1

Slide 1 text

Firebase Auth と Performance Monitoring 2019/06/27 @k2wanko Google I/O 2019 報告会 Firebase Japan User Group Organizer Security Engineer

Slide 2

Slide 2 text

Google I/O 2019 ほぼリアルタイムレポート Firebaseのセッションやブース展示、注目の技術 https://www.youtube.com/watch?v=5F1KNI-KOAc

Slide 3

Slide 3 text

Update Topic

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Update Topic

Slide 7

Slide 7 text

Update Topic

Slide 8

Slide 8 text

What’s New Auth

Slide 9

Slide 9 text

New Support Providers

Slide 10

Slide 10 text

Authentication Support Stackdriver Logging

Slide 11

Slide 11 text

今の所有効にするUIはないので APIからONにする curl -d "{'monitoring': {'requestLogging':{'enabled':true}}}" \ -H 'Authorization: Bearer [AUTH_TOKEN]' -X PATCH \ -H 'Content-Type: application/json' \ https://identitytoolkit.googleapis.com/admin/v2/projects/[PROJECT_ID]/config?upd ateMask=monitoring.requestLogging.enabled

Slide 12

Slide 12 text

Stackdriver Loggingから確認ができる

Slide 13

Slide 13 text

MFA Support

Slide 14

Slide 14 text

SMS based MFA - SMSを使ってMFA - Private Alpha

Slide 15

Slide 15 text

Authentication + Cloud Functions beforeCreate beforeSignIn (Blocking Function)

Slide 16

Slide 16 text

Blocking Function - ユーザーの作成時や、認証時にFunctionsでロジックを書ける機能 - Private Alpha - g.co/firebasealpha

Slide 17

Slide 17 text

What’s New Performance Monitoring

Slide 18

Slide 18 text

Web Support

Slide 19

Slide 19 text

取れるmetrics - first paint metric - first contentful paint metric - domInteractive metric - domContentLoadedEventEnd metric - loadEventEnd metric - first input delay metric https://firebase.google.com/docs/perf-mon/automatic-web

Slide 20

Slide 20 text

first input delay metricを取る場合はpolyfillを追加 npm install --save-dev first-input-delay https://github.com/GoogleChromeLabs/first-input-delay

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

https://github.com/firebasejp/website/blob/4607473/src/firebase.js

Slide 24

Slide 24 text

12 hours later...

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

疑問 - 具体的なアクションどうするの? - Web Appのバージョン管理ってどうするの?

Slide 27

Slide 27 text

おすすめセッション What's New in Firebase https://www.youtube.com/watch?v=x8qTEMkZCPs

Slide 28

Slide 28 text

おすすめセッション Three New Ways to Secure Your App with Firebase Authentication https://www.youtube.com/watch?v=BGCLPiR_0Lg

Slide 29

Slide 29 text

おすすめセッション Securing Web Apps with Modern Platform Features https://www.youtube.com/watch?v=DDtM9caQ97I

Slide 30

Slide 30 text

Enjoy @k2wanko