Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)

Transcript

1. 'JSFCBTF
   ͜͜࠷ۙͷ৽ػೳ
   8FC 0TBLBدΓ
   
   FJUG Osaka Meetup #3 2019-05-26
   @TanakaMidnight
   

   View Slide

2. ୊໨
   େࡕϦʔδϣϯ͕։ઃ
   $MPVE'VODUJPOT/PEFWαϙʔτ
   $MPVE'VODUJPOTεέδϡʔϧػೳ͕௥Ճ
   )PTUJOHXFCBQQαϒυϝΠϯ͕࢖༻Մೳʹ
   'JSFTUPSFDPMMFDUJPOHSPVQRVFSZ͕௥Ճ
   1FSGPSNBODF.POJUPSJOH8FCରԠ
   

   View Slide

3. ஫ҙ
   ͜Ε͔Βൃද͢Δ಺༰͸ɺ
   ࣌఺ͷ΋ͷͰ͢ɻ
   ࠓޙͷػೳ௥Ճ΍ରԠʹΑͬͯ
   ಺༰͕ҟͳΔ৔߹͕͋Γ·͢ɻ
   ྃ͝ঝ͍ͩ͘͞ɻ
   

   View Slide

4. େࡕϦʔδϣϯ͕։ઃ
   IUUQTDMPVEKBHPPHMFCMPHDPN(PPHMF$MPVEMBVODIFTOFX0TBLBSFHJPOUPTVQQPSUHSPXJOHDVTUPNFSCBTFJO+BQBOIUNM
   

   View Slide

5. ͨͩ͠ɺ
   େࡕϦʔδϣϯ BTJBOPSUIFBTU
   
   ͳ͕ͥ·ͩબ΂ͳ͍
   

   View Slide

6. େࡕϦʔδϣϯͷ஫ҙ఺
   

   View Slide

7. େࡕϦʔδϣϯͷ஫ҙ఺
   
   IUUQTDMPVEHPPHMFDPNBCPVUMPDBUJPOT
   $MPVE'VODUJPOT͕େࡕϦʔδϣϯʹ͸ແ͍
   ࣌఺
   
   

   View Slide

8. IUUQTDMPVEHPPHMFDPNBCPVUMPDBUJPOT
   'JSFTUPSFͷτϦΨʔͱͯ͠
   $MPVE'VODUJPOTΛ࣮ߦ͢Δ৔߹ʹ
   ϨΠςϯγ͕େ͖͍Մೳੑ͕͋Δɻ
   

   View Slide

9. IUUQTDMPVEHPPHMFDPNBCPVUMPDBUJPOT
   ౦ژϦʔδϣϯͱൺ΂ͯɺ
   େࡕϦʔδϣϯͷ΄͏͕
   'JSFTUPSFͷར༻ྉۚ͸ͪΐͬͱߴ͍
   େࡕϦʔδϣϯͷ஫ҙ఺
   
   

   View Slide

10. 'JSFTUPSFྉۚൺֱ ౦ژେࡕ
    
    IUUQTDMPVEHPPHMFDPNBCPVUMPDBUJPOT
    

    View Slide

11. ৽ػೳ঺հ
    

    View Slide

12. $MPVE'VODUJPOT
    /PEFKTWΛαϙʔτ
    IUUQTpSFCBTFHPPHMFDPNEPDTGVODUJPOTTDIFEVMFGVODUJPOT
    

    View Slide

13. /PEFKTW͸ඇਪ঑ʹมߋɻ
    Ҏ߱͸σϓϩΠͰ͖ͳ͘ͳΓɺ
    Ҏ߱࢖͍ଓ͚ΔͱແޮʹͳΔՄೳੑ͕͋Γ·͢ɻ
    

    View Slide

14. $MPVE'VODUJPOT
    εέδϡʔϧػೳ͕௥Ճ
    IUUQTpSFCBTFHPPHMFDPNEPDTGVODUJPOTTDIFEVMFGVODUJPOT
    4DIFEVMFGVODUJPOT
    

    View Slide

15. 
    #MB[Fϓϥϯʹ͢Δඞཁ͋Γɻ
    εέδϡʔϧ·Ͱແྉɻ
    Ҏ߱͸εέδϡʔϧ͝ͱʹඞཁɻ
    4DIFEVMFGVODUJPOT
    

    View Slide

16. 
    4DIFEVMFGVODUJPOT
    

    View Slide

17. )PTUJOH
    XFCBQQαϒυϝΠϯ͕࢖༻Մೳʹ
    IUUQTpSFCBTFHPPHMFDPNEPDTIPTUJOH BVUIVTFSIPX@EPFT@JU@XPSL
    

    View Slide

18. 'JSFTUPSF
    $PMMFDUJPOHSPVQRVFSZ͕௥Ճ
    
    ࠓ·Ͱ͸୯Ұͷ$PMMFDUJPO಺Ͱ͔͠
    2VFSZΛ࣮ߦग़དྷͳ͔ͬͨɻ
    ࠓճͷ௥ՃͰ$PMMFDUJPO(SPVQ୯ҐͰ
    2VFSZΛ࣮ߦͰ͖ΔΑ͏ʹͳͬͨɻ
    

    View Slide

19. $PMMFDUJPOHSPVQRVFSJFT
    ྫ
    
    "MCVN 5SBDL
    /
    $%ΞϧόϜͷ؅ཧΞϓϦ
    5JUMF
    3FMFBTF%BUF
    1SJDF
    +"/
    5JUMF
    "SUJTU
    -ZSJDJTU
    $PNQPTFS
    5JNF
    

    View Slide

20. 
    "MCVN
    5SBDL
    5SBDL
    5SBDL
    "MCVN
    5SBDL
    5SBDL
    5SBDL
    $PMMFDUJPO 4VC$PMMFDUJPO
    

    View Slide

21. 
    ࡞ࢺՈ -ZSJDJTU
    ΍࡞ۂՈ $PNQPTFS
    
    Ͱݕࡧ͍ͨ͠
    

    View Slide

22. Ҏલ
    
    ࢦఆ͞Εͨ"MCVN಺ͷ
    ࡞ۂՈ΍࡞ࢺՈΛݕࡧ
    શͯͷ"MCVN಺
    ࡞ۂՈ΍࡞ࢺՈΛݕࡧ
    ࡞ࢺՈ -ZSJDJTU
    ΍࡞ۂՈ $PNQPTFS
    
    Ͱݕࡧ͍ͨ͠
    

    View Slide

23. 
    "MCVN
    5SBDL
    5SBDL
    5SBDL
    "MCVN
    5SBDL
    5SBDL
    5SBDL
    ࡞ࢺՈ -ZSJDJTU
    ΍࡞ۂՈ $PNQPTFS
    
    Ͱݕࡧ͍ͨ͠
    ˢԣஅݕࡧ͕Մೳʹ
    

    View Slide

24. 
    const tracks = await db.collectionGroup(‘tracks’)
    .where('composer', '==', '২দ৳෉')
    .get()

    tracks.forEach(function (track) {
    console.log(track.id, ' => ', track.data())
    })
    4BNQMF$PEF
    

    View Slide

25. 1FSGPSNBODF.POJUPSJOH
    GPSXFC
    
    

    View Slide

26. IUUQTXXXZPVUVCFDPNXBUDI WYR5&.L;$1T
    

    View Slide

27. IUUQTXXXZPVUVCFDPNXBUDI WYR5&.L;$1T
    

    View Slide

28. ࢀߟϦϯΫ
    
    ɾ'JSFCBTF%PDVNFOUBUJPO
    IUUQTpSFCBTFHPPHMFDPNEPDT
    ɾ(PPHMF*0'JSFCBTF:PVUVCF1MBZMJTU
    IUUQTXXXZPVUVCFDPNQMBZMJTU MJTU1-M,[;&T:-MP-SG1ETG'-&U08IFP0
    ɾpSFCBTFUPPMTSFMFBTFT
    IUUQTHJUIVCDPNpSFCBTFpSFCBTFUPPMTSFMFBTFT
    

    View Slide