Firebase Dev Summit 2017のはなしとせっかくなのでWebも試してみる

2017/11/21 Firebase.yebisu #1の発表資料です

Transcript

1. 'JSFCBTF
   %FW
   4VNNJU
   ͷ͸ͳ͠
   ͱ
   ͔ͤͬ͘ͳͷͰ8FC΋ࢼͯ͠ΈΔ Fumiko Ishizawa @fumik0i
2. ͱ͍͑͹
3. αʔόʔϨεͷ؀ڥΛʜ
   ϦΞϧλΠϜʹʜ ˞਺ϲ݄લͷࢲͷҹ৅
4. 'JSFCBTFͱ͸ʁ w 3FBMUJNF
   EBUBCBTF
   w $MPVE
   4UPSBHF
   w $MPVE
   .FTTBHJOH
5. 'JSFCBTFͱ͸ʁ w 3FBMUJNF
   EBUBCBTF
   $MPVE
   'JSFTUPSF
   w $MPVE
   4UPSBHF
   w $MPVE
   .FTTBHJOH
   w 3FNPUF
   $POpH
   "#ςετ
   w 1SFEJDUJPOT
   w $SBTIMZUJDT
   FUDʜ l'JSFCBTF
   ͸ϞόΠϧΞϓϦͷվળͱϏδωεͷ੒௕ʹߩݙ͠·͢ɻz
6. ։ൃ άϩʔε
11. 썛썛썿썪쎤썷썺썶ʜ
12. ։ൃ άϩʔε
13. ։ൃ άϩʔε NEW!! NEW!!
14. 'JSFCBTF
    %FW
    4VNNJU
     w ৽ػೳͷৄࡉ
    w "#ςετ
    w 1SFEJDUJPOT
    w $SBTIMZUJDT
    w $MPVE
    'JSFTUPSF
15. 'JSFCBTF
    %FW
    4VNNJU
     w ৽ػೳͷৄࡉ
    w "#ςετ
    w 1SFEJDUJPOT
    w $SBTIMZUJDT
    w $MPVE
    'JSFTUPSF
    w ϕετϓϥΫςΟεͷ঺հ
    w 8FCͰ'JSFCBTF
    w ήʔϜͰ'JSFCBTF
    w $MPVE
    GVODUJPOTͷ1SPEVDUJPO
    2VBMJUZ
    $PEF ʢύϫʔʣ
16. 'JSFCBTF
    %FW
    4VNNJU
     w ৽ػೳͷৄࡉ
    w "#ςετ
    w 1SFEJDUJPOT
    w $SBTIMZUJDT
    w $MPVE
    'JSFTUPSF
    w ϕετϓϥΫςΟεͷ঺հ
    w 8FCͰ'JSFCBTF
    w ήʔϜͰ'JSFCBTF
    w $MPVE
    GVODUJPOTͷ1SPEVDUJPO
    2VBMJUZ
    $PEF ʢύϫʔʣ
17. 8FCͰ'JSFCBTFΛ͔ͭ͏ w αʔόʔϨε
    w ָʢͷ͸ͣʣ
    w ͨͩ͠'JSFCBTFͷ͢΂ͯͷػೳΛ͔ͭ͑ΔΘ͚Ͱ͸ͳ͍
    w ϞόΠϧ
    
    8FC
    w ͍ͣΕରԠ͢Δͱ৴͍ͯ͡·͢QSBZ ͔ͤͬ͘ͳͷͰWVFKTʹॳ௅ઓʢʁʣ
18. ʢͪͳΈʹʣ8FCεϖοΫ঺հ w 3BJMTྺ
    ϲ݄
    w ੲɿ%KBOHP
    8PSEQSFTT
    řŕ
    w 3FBDUKTɺ"OHVMBSͷهԱ͕͏ͬ͢Β͋ΔΑ͏Ͱͳ͍
    w "84ɺ'JSFCBTF
19. 7VFKT
    μ΢ϯϩʔυɺ։ൃ؀ڥ࣮ߦ
    ෼ ৭ʑಡΜͰ͔Β ෼͘Β͍
    $ vue init webpack sample-vue-firebase $ cd sample-vue-firebase $ npm install $ npm run dev
20. 7VFKT
    μ΢ϯϩʔυɺ։ൃ؀ڥ࣮ߦ
    ෼ ৭ʑಡΜͰ͔Β ෼͘Β͍
    $ vue init webpack sample-vue-firebase $ cd sample-vue-firebase $ npm install $ npm run dev දࣔ͞Εͨˠ
21. { "hosting": { "public": "./dist" } } 'JSFCBTF
    ઃఆ
    ෼ w ͱΓ͋͑ͣϏϧυͯ͠pSFCBTFͷઃఆ
    $ npm run build $ firebase init w pSFCBTFKTPOΛमਖ਼
22. ͓΋ΉΖʹσϓϩΠ $ firebase deploy === Deploying to 'fumikoi-sample'... i deploying hosting i hosting: preparing ./dist directory for upload... ✔ hosting: 10 files uploaded successfully ✔ Deploy complete! Project Console: https://console.firebase.google.com/project/fumikoi-sample/overview Hosting URL: https://fumikoi-sample.firebaseapp.com
23. ͓΋ΉΖʹσϓϩΠ $ firebase deploy === Deploying to 'fumikoi-sample'... i deploying hosting i hosting: preparing ./dist directory for upload... ✔ hosting: 10 files uploaded successfully ✔ Deploy complete! Project Console: https://console.firebase.google.com/project/fumikoi-sample/overview Hosting URL: https://fumikoi-sample.firebaseapp.com
24. ͓΋ΉΖʹσϓϩΠ $ firebase deploy === Deploying to 'fumikoi-sample'... i deploying hosting i hosting: preparing ./dist directory for upload... ✔ hosting: 10 files uploaded successfully ✔ Deploy complete! Project Console: https://console.firebase.google.com/project/fumikoi-sample/overview Hosting URL: https://fumikoi-sample.firebaseapp.com ✔ Deploy complete!?
25. $ firebase open ? What link would you like to open? Storage: Files Storage: Rules Hosting ❯ Hosting: Deployed Site Remote Config Remote Config: Conditions Test Lab (Move up and down to reveal more choices)
27. pSFCBTFGVODUJPOTTBNQMF *TPNPSQIJDSFBDUBQQ
    IUUQTHJUIVCDPNpSFCBTFGVODUJPOTTBNQMFTUSFFNBTUFSJTPNPSQIJDSFBDUBQQ
    w 3FBMUJNF
    EBUBCBTF
    w $MPVE
    GVODUJPOT
    w )PTUJOH
28. 'JSFCBTFͱ͸ʁ w 3FBMUJNF
    EBUBCBTF
    $MPVE
    'JSFTUPSF
    w $MPVE
    4UPSBHF
    w $MPVE
    .FTTBHJOH
    w 3FNPUF
    $POpH
    "#ςετ
    w 1SFEJDUJPOT
    w $SBTIMZUJDT
    FUDʜ l'JSFCBTF
    ͸ϞόΠϧΞϓϦͷվળͱϏδωεͷ੒௕ʹߩݙ͠·͢ɻz
29. 'JSFCBTFͱ͸ʁ w 3FBMUJNF
    EBUBCBTF
    $MPVE
    'JSFTUPSF
    w $MPVE
    4UPSBHF
    w $MPVE
    .FTTBHJOH
    w 3FNPUF
    $POpH
    "#ςετ
    w 1SFEJDUJPOT
    w $SBTIMZUJDT
    FUDʜ l'JSFCBTF
    ͸ϞόΠϧΞϓϦͷվળͱϏδωεͷ੒௕ʹߩݙ͠·͢ɻz ˢຊ౰ʹ͜Εˢ
30. 'JSFCBTFͱ͸ʁ l'JSFCBTF
    ͸ϞόΠϧΞϓϦͷվળͱϏδωεͷ੒௕ʹߩݙ͠·͢ɻz ˢຊ౰ʹ͜Εˢ w ࠷΋ԸܙΛड͚Δͷ͸ελʔτΞοϓʢ͔ͳʣ
    w ͍΍͜Ε͔ΒάϩʔεΛߟ͍͑ͯΔαʔϏεʹ΋
    w "#ςετ
    w 1SFEJDUJPOT
    w FUD
    FUD
    FUD
    FUDʜ
    w ͻͱͭͻͱͭڧྗͳΞϓϦέʔγϣϯΛ૊Έ߹Θͤͯɺ͞Βʹڧ ΈΛੜΈग़ͤΔ
31. ·ͱΊ w ੈքతʹ஫໨͞Ε͍ͯΔٕज़
    w ௥͍͔͚ͯΈΔՁ஋͸େ͍ʹ͋Δʂ