はじめてウェブサイトで Firebase を使ってみた

Webナイト宮崎 Vol.2　～てげ○○やってみた～ - connpass https://tegehoge.connpass.com/event/109845/

Transcript

1. ͸͡Ίͯ˓˓
   ΍ͬͯΈͨ
   ,PTVLF0HBXB
   T8FCφΠτٶ࡚7PM
   

   View Slide

2. ࣗݾ঺հ
   

   View Slide

3. w 0HBXB,PTVLFʢ!LPPHBXBʣ
   w ͯ͛΄͛ॴଐͷݸਓࣄۀओ
   w ԰߸ɿ.BSJNPTPGU
   w J04"OESPJEΞϓϦΤϯδχΞ
   w Ϗʔϧ޷͖Ϗʔϧݕఆ࣋ͬͯ·͢
   w 2JJUB΍ͬͯ·͢
   

   View Slide

4. ͸͡Ίͯ˓˓
   ΍ͬͯΈͨ
   

   View Slide

5. ͸͡Ίͯ΢ΣϒαΠτͰ
   'JSFCBTF࢖ͬͯΈͨ
   

   View Slide

6. 'JSFCBTFͱ͸
   w ͢͹΍͘ߴ඼࣭ͷαʔϏεΛ։ൃ͢Δ͜ͱ͕Ͱ͖Δϓϥο
   τϑΥʔϜ
   w ։ൃʹ໾ཱͭ਺ଟ͘ͷػೳ͕༻ҙ͞Ε͍ͯΔ
   w ͍ΘΏΔʮN#BB4ʯNPCJMFCBDLFOEBTB4FSWJDFͷ
   ུͰɺΞϓϦ։ൃͷόοΫΤϯυଆͷΠϯϑϥΛఏڙ͢Δ
   αʔϏεͷ͜ͱ
   

   View Slide

7. 'JSFCBTFͷػೳͨͪ
   w 'JSFCBTF"VUIFOUJDBUJPOUPFBTJMZBMMPXZPVSVTFSTUP
   TJHOJOUPZPVSBQQ
   w 'JSFCBTF3FBMUJNF%BUBCBTFUPTBWFTUSVDUVSFEEBUBPO
   UIFDMPVEBOEHFUJOTUBOUOPUJpDBUJPOXIFOEBUBDIBOHFT
   w $MPVE4UPSBHFGPS'JSFCBTFUPTBWFpMFTJOUIFDMPVE
   w 'JSFCBTF)PTUJOHUPIPTUBOETFSWFZPVSBTTFUT
   w 'JSFCBTF$MPVE.FTTBHJOHUPTFOEQVTIOPUJpDBUJPOT
   BOEEJTQMBZCSPXTFSQPQVQOPUJpDBUJPOT
   

   View Slide

8. νϡʔτϦΞϧ΋͋Δ
   

   View Slide

9. ΍ͬͨ͜ͱ
   

   View Slide

10. $SFBUFB'JSFCBTFQSPKFDU
    

    View Slide

11. (FUUIFTBNQMFDPEF
    

    View Slide

12. *OTUBMMUIF'JSFCBTF
    DPNNBOEMJOFJOUFSGBDF
    

    View Slide

13. 4FUVQVTFSTJHOJO
    

    View Slide

14. 3FBENFTTBHFT
    

    View Slide

15. 4FOENFTTBHFT
    

    View Slide

16. %FQMPZZPVSBQQVTJOH
    'JSFCBTF)PTUJOH
    https://friendlychat-f9c31.firebaseapp.com
    

    View Slide

17. σϞ
    

    View Slide

18. ·ͱΊ
    

    View Slide

19. 'JSFCBTFΛ࢖͏ͱ
    w ։ൃ࣌ؒΛେ෯ʹ࡟ݮͰ͖Δ
    w 4QBSLϓϥϯͰ͋Ε͹ແྉ
    w ϩάΠϯػೳ΍%BUBCBTFɺ"1*ͳͲͥΜͿࣗલͰ։ൃ͢
    Δ࣌୅Ͱ͸ͳ͍ʂ
    

    View Slide

20. ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠
    

    View Slide