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

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

Kosuke Ogawa
December 13, 2018

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

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

Kosuke Ogawa

December 13, 2018
Tweet

More Decks by Kosuke Ogawa

Other Decks in Technology

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