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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  8. $SFBUFB'JSFCBTFQSPKFDU

    View full-size slide

  9. (FUUIFTBNQMFDPEF

    View full-size slide

  10. *OTUBMMUIF'JSFCBTF
    DPNNBOEMJOFJOUFSGBDF

    View full-size slide

  11. 4FUVQVTFSTJHOJO

    View full-size slide

  12. 3FBENFTTBHFT

    View full-size slide

  13. 4FOENFTTBHFT

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide