最強だと勝手に思うログインフォームの実装はこれだ！

【第2回】React （JSフレームワーク他）x ビアバッシュ 初心者勉強会 in秋葉原

Transcript

1. ϑδϫϥϢ΢λ ࠷ڧͩͱࢥ͏ ϩάΠϯϑΥʔϜͷ࣮૷͸͜Εͩʂ উखʹ
2. ৬ۀɿ4PGUXBSF&OHJOFFSʢ4*FSɺ8FCʣ झຯɿϚϥιϯɺԻָɺͲ͏Ϳͭλϫʔότϧ ݴޠɿ+BWBɺ$ɺ$ ɺ1)1ɺ+BWB4DSJQU ࠷ۙ΍͍ͬͯΔ͜ͱɿ7VFKTɺ"84 DPHOJUP ӡӦ͍ͯ͠ΔαʔϏεɿ
   ˠ ͳΜͱ͔ΫϩοΫͱ͍͏αʔϏεΛ͍͔ͭ͘ӡӦ͍ͯ͠·͢ɻ ౻ݪ
   ༞ଠ !'VKJZBNB@:VUBʢϑδϫϥ !$-0$,ʣ ࣗݾ঺հ 5XJUUFSɺ2JJUBɺ/FXT1JDLT ͜ͷΞΠίϯͰ΍͍ͬͯ·͢ɻ
3. 0''*$&
   $-0$, 8FC Ͱۈଵ؅ཧ͕Ͱ͖ΔαʔϏε -*/& Ͱۈଵ؅ཧ͕Ͱ͖ΔαʔϏε )"5"3"
   $-0$,
4. ϩάΠϯϑΥʔϜͬͯߟ͑ͳ͚Ε͹͍͚ͳ͍͜ͱ͕ɺ ଟ͍Ͱ͢ΑͶ ɻ 7BMJEBUJPOɺΤϥʔϝοηʔδɺϘλϯͷ੍ޚɺ 6*FUDɻ࣮૷͍ͯͯ͠ɺԿ͕ϕετϓϥΫςΟε ͳͷ͔Θ͔Βͳ͘ͳΓ·͢ ɻ ͍ΖΜͳαʔϏεͷϩάΠϯɾ αΠϯΞοϓը໘Λௐࠪͯ͠ɺࣗ෼͕ʢউखʹʣ ܾΊΔ࠷ڧʢͱࢥ͏ʣͷϩάΠϯϑΥʔϜΛ ͝ఏҊ͠·͢ɻ ˞উखʹܾΊ͍ͯΔͷͰɺ͝ߟྀ͍͚ͨͩͨΒͱࢥ͍·͢ɻ ϩάΠϯɾαΠϯΞοϓͷ࣮૷ͬͯɺ೉͍͠Ͱ͢ΑͶʁ ͍͖ͳΓͰ͕͢
5. ϩάΠϯը໘ΛݟͯΈΔ SO GOOD NOT SO BAD LOGIN LOGIN
6. ϩάΠϯϑΥʔϜ࣮૷ͷͱ͖ʹߟྀ͢Δ఺ ˙
   ϩάΠϯ͢Δ৔ॴΛ໌֬ʹදࣔ͢Δ ˙
   ϩάΠϯͱαΠϯΞοϓΛ۠ผ͢Δ ˙
   Ϣʔβʔ໊ͷ୅ΘΓʹిࢠϝʔϧ·ͨ͸ܞଳి࿩൪߸ ˙
   ࠷ॳͷϑΟʔϧυʹয఺Λ౰ͯΔ ˙
   ϢʔβʔͷϩάΠϯঢ়ଶΛҡ࣋͢Δ ˙
   ϓϨʔεϗϧμ ˙
   ϢʔβʔʹύεϫʔυΛදࣔ͢Δ ˙
   $BQT-PDL ͕Φϯͷ৔߹ͷΞϥʔτ ˙
   ύεϫʔυͷڧ͞දࣔ
7. ࠷ڧͷϩάΠϯϑΥʔϜ ࠷ڧͷϩάΠϯϑΥʔϜΛ͝ఏҊ͍ͨ͠·͢ʂ ͱউखʹࢥ͏
8. ϩάΠϯϑΥʔϜͷΩϟονίϐʔ ᶃ
   γϯϓϧͳ 6* ᶄ
   εϚϗʹରԠ
   
9. ࠷ڧͷϩάΠϯϑΥʔϜͱ͸ʁ Կ΋଍͞ͳ͍ɻ Կ΋Ҿ͔ͳ͍ɻ
10. ·ͱΊ 7VFɺ"OHVMBS ʹ͍ͭͯ͸ɺ ૒ํ޲σʔλόΠϯσΟϯά͕େ͖ͳಛ௃Ͱɺ σʔλΛߋ৽ͨ͠Βը໘ 6* ͕ߋ৽͞ΕΔɻ ը໘ʢ6*ʣ͕ߋ৽͞ΕͨΒσʔλ͕ߋ৽͞ΕΔɻ ͱ͍͏Α͏ͳ࣮૷͕؆୯ʹͰ͖ΔͷͰɺ ϑΥʔϜͷ੍ޚͳͲʹ׆༻Ͱ͖Δɻ +2VFSZ Ͱ΍Ζ͏ͱࢥ͏ͱେม  +4 ϑϨʔϜϫʔΫҒେʂݸਓతʹ͸ 7VF ਪ͠ʂ
11. 5XJUUFSɿ!'VKJZBNB@:VUB 2JJUBɹ
    ɿ!:VUB@'VKJXBSB ϑδϫϥ
    Ϣ΢λ ຊ೔͸͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ