リアクティブを知る1歩

「v-okinawa Meetup #6 LT大会」でLTした内容です。

https://v-okinawa.connpass.com/event/289444/

Transcript

1. ϦΞΫςΟϒΛ஌Δา WPLJOBXB
    
   BJQBDPNNBOEFS!ಹ೼
2. ࣗݾ঺հ w ΞΠύʔୂ௕ͱ͍͍·͢
   !BJQBDPNNBOEFS
   w ͏ͪͳʔΜͪΎͰ͢
   w $#DMPVEגࣜձࣾͰಇ͍͍ͯ·͢
   w ෺ྲྀۀքͰΠϊϕʔγϣϯىͨͯ͘͜͠೔ʑؤு͍ͬͯ·͢
   w 7VF
   
   /VYUͰྼԽͨ͠7νϡʔόʔʹͳͬͨΓɺ7VF
   
   /VYU ͰίʔϧηϯλʔΈ͍ͨͳ෦ॺ޲͚ͷ8FCΞϓϦ࡞ͬͨΓͯ͠·͢
3. એ఻ᶃ
   'MVUUFSΠϕϯτ΍Γ·͢ʂʢʣ IUUQT fl VUUFSPLJOBXBDPOOQBTTDPNFWFOU
4. એ఻ᶄ
   ϋοΧʔζνϟϯϓϧʔ΍Γ·͢ʂ ʢʣ IUUQTIBDLFSTDIBNQMPPPSH
5. એ఻ᶄ
   ϋοΧʔζνϟϯϓϧʔ΍Γ·͢ʂ ʢʣ IUUQTIBDLFSTDIBNQMPPPSH
6. ࠓ೔ͷࢀՃऀશһͰ͍ͧ͘ʂԠื͍ͯͩ͘͠͞
   པΉɻ͓ئ͍͠·͢ ք۾Ͱ༗໊ͳʮશһͰߦͧ͘ʂʯͷྫ
7. ࠓ೔࿩͢͜ͱ
8. 7VFͷϦΞΫςΟϒγεςϜʹ͍ͭͯ ֶͼ͍ͨ
9. ϲ݄͙Β͍7VF Y Λ࢖ͬͯΈͨࠓͷؾ࣋ͪ w υΩϡϝϯτ͸͍͍ײ͡ͳͷͰɺಡΊ͹࢖͏෼ʹ͸໰୊ͳ͍
   w ΨοπϦཧղ͍ͯ͠Δ͔ʁͱ໰ΘΕΔͱͦ͏Ͱ͸ͳ͍
   w ৭ʑϋϚͬͨࣄ৅
   w #VJMEJO͞Ε͍ͯΔVTF)PHF΍VTF'VHBͰݺͼग़ͨ͠஋͕ϦΞΫςΟϒͩͬͨΓͦ͏ ͡Όͳ͔ͬͨΓ
   w XBUDI͕ಈ͔ͳ͍ɺͳͥʁˠΨνϟΨνϟ৭ʑఆٛΛม͑ͨΒಈ͍ͨΓɺಈ͔ͳ͔ͬͨ Γɺ5"3*5"3*
   w DPNQVUFE͕ʢҙਤͤͣʣউखʹಈ͘ɺͳͥʁˠԼ૚ͷͲ͔͜ʹϦΞΫςΟϒม਺͕͍ Δ
10. υΩϡϝϯτΛಡΊ͹Θ͔Δ͕ɺͦΖ ͦΖ7VFͷؾ࣋ͪ΋ೝ্ࣝͨ͠Ͱ։ൃ ͯ͠Έͨ͞
11. ͱ͍͏Θ͚Ͱ࣮૷Λཧղ͢ΔͨΊͷ
    ๯ݥʹͰΔ ʘΩϛʹ͖Ίͨʂʗ ʘűƅŜŧœř!!ʗ
12. DIJCJWVF IUUQTHJUIVCDPN6CVHFFFJDIJCJWVF
13. ͜Μͳը໘Λࣸܦͯ͠࡞ͬͨ
14. Θ͔ͬͨ͜ͱ
15. ϦΞΫςΟϒม਺ͷఆٛˠ஋͕ߋ৽͞ΕΔͱը ໘͕ߋ৽͢ΔྲྀΕͰઆ໌͢Δ ొ৔ਓ෺ͨͪ SFBDUJWFม਺ (FUUFS 4FUUFS $PNQPOFOU 3FOEFSFS 5SBDL
    5SBDLJOH 5SJHHFS UBSHFU.BQ BDUJWF& ff FDU %FQ
    %FQFOEFODZ 5BSHFU
    PCKFDU \
    DPVOU
    
    
    
    
    
    
    
    
    ^
16. ͜͜Ͱྗਚ͖Δ
17. ࣸܦͨ͠಺༰Λจষʹ͢Δͱ w λʔήοτ
    ϦΞΫςΟϒʹ͍ͨ͠ΦϒδΣΫτ
    w ϦΞΫςΟϒม਺
    λʔήοτΛॳظ஋ʹϦΞΫςΟϒΦϒδΣΫτΛ૊ΈཱͯΔɻHFUUFSͱ TFUUFSΛ࣋ͭ
    w HFUUFS࣮ߦ࣌ʹ͸USBDLʢޙड़ʣɺTFUUFS࣌ʹ͸USJHHFSʢޙड़ʣΛ࣮ߦ͢Δ
    w UBSHFU.BQ
    8FBL.BQʢΦϒδΣΫτΛ,FZʹ͢Δ͜ͱ͕Ͱ͖Δ.BQʣɻϦΞΫςΟϒΦϒ δΣΫτΛLFZʹ%FQBDUJWF& ff FDU<>ʢޙड़ʣΛอ࣋͢Δ
    w 3FBDUJWF& ff FDU
    ؔ਺Λొ࿥ɾ࣮ߦ͢Δɻ࣮ߦ࣌ʹBDUJWF& ff FDUʹ3FBDUJWF& ff FDUࣗ਎ΛೖΕΔ
    w BDUJWF& ff FDU
    ݱࡏ࣮ߦதͷͳʹ͔ʢॲཧʣ
    w %FQ
    BDUJWF& ff FDUΛෳ਺อ࣋͢Δ.BQ
18. ਤΛ͓आΓ͢Δͱ w λʔήοτ
    ϦΞΫςΟϒʹ͍ͨ͠ΦϒδΣΫτ
    w ϦΞΫςΟϒม਺
    λʔήοτΛॳظ஋ʹϦΞΫςΟϒΦϒδΣΫτΛ૊ΈཱͯΔɻHFUUFSͱ TFUUFSΛ࣋ͭ
    w HFUUFS࣮ߦ࣌ʹ͸USBDLʢޙड़ʣɺTFUUFS࣌ʹ͸USJHHFSʢޙड़ʣΛ࣮ߦ͢Δ
    w UBSHFU.BQ
    8FBL.BQʢΦϒδΣΫτΛ,FZʹ͢Δ͜ͱ͕Ͱ͖Δ.BQʣɻϦΞΫςΟϒΦϒ δΣΫτΛLFZʹ%FQBDUJWF& ff FDU<>ʢޙड़ʣΛอ࣋͢Δ
    w 3FBDUJWF& ff FDU
    ؔ਺Λొ࿥ɾ࣮ߦ͢Δɻ࣮ߦ࣌ʹBDUJWF& ff FDUʹ3FBDUJWF& ff FDUࣗ਎ΛೖΕΔ
    w BDUJWF& ff FDU
    ݱࡏ࣮ߦதͷͳʹ͔ʢॲཧʣ
    w %FQ
    BDUJWF& ff FDUΛෳ਺อ࣋͢Δ.BQ https://github.com/Ubugeeei/chibivue/blob/main/books/japanese/007_minimum_reactive.md
19. ࣸܦͨ͠಺༰Λจষʹ͢Δͱͦͷ̎
    $PNQPOFOU࡞੒࣌ w DPNQPOFOUΛSFOEFS͢Δؔ਺ΛVQEBUF$PNQPOFOUͱ͢Δ
    w VQEBUF$PNQPOFOUΛ3FBDUJWF& ff FDU΁ొ࿥͓ͯ͘͠
    w 3FBDUJWF& ff FDUSVO͢Δ
    ˠ
    VQEBUF$PNQPOFOU͕࣮ߦ͞ΕΔ
    w VQEBUF$PNQPOFOU͢ΔͱSFG͕ఆٛ͞ΕΔ
    ˠ
    ͦͷޙʹSFOEFSؔ਺Ͱ஋͕ಡ ΈऔΒΕΔ
    ˠ
    HFUUFS͕ಈ͘
    w BDUJWF& ff FDU͕VQEBUF$PNPQOFOUͷ··HFUUFS͕ಈ͘
    ˠ
    USBDL͕࣮ߦ͞Ε ͯɺUBSHFU.BQʹSFBDUJWFΦϒδΣΫτΛLFZʹVQEBUF$PNQPOFOU͕ొ࿥ ͞ΕΔ
20. ࣸܦͨ͠಺༰Λจষʹ͢Δͱͦͷ̏
    3FOEFS࣌ w JODSFNFOU͕ಈ͘
    ˠ
    SFBDUJWFม਺ͷTFUUFS͕ಈ͘
    w TFUUFS͸SFBDUJWF
    PCKFDUΛLFZʹUBSHFU.BQ͔ΒBDUJWF& ff FDUΛొ࿥ ͞ΕͯΔ෼औΓग़͢
    w ͦΕͧΕॱ൪ʹ࣮ߦ͢Δ
    ˠ
    VQEBUF$PNQPOFOU͕ొ࿥͞Ε͍ͯΔͷ Ͱ࣮ߦ͞ΕΔ
    ˠ
    ը໘Λߋ৽͢Δ
21. ਤΛ͓आΓ͢Δͱ w JODSFNFOU͕ಈ͘
    ˠ
    SFBDUJWFม਺ͷTFUUFS͕ಈ͘
    w TFUUFS͸SFBDUJWF
    PCKFDUΛLFZʹUBSHFU.BQ͔ΒBDUJWF& ff FDUΛొ࿥ ͞ΕͯΔ෼औΓग़͢
    w ͦΕͧΕॱ൪ʹ࣮ߦ͢Δ
    ˠ
    VQEBUF$PNQPOFOU͕ొ࿥͞Ε͍ͯΔͷ Ͱ࣮ߦ͞ΕΔ
    ˠ
    ը໘Λߋ৽͢Δ https://github.com/Ubugeeei/chibivue/blob/main/books/japanese/007_minimum_reactive.md
22. ࡶײ • Կ΋Θ͔ΒΜ • Ҿ͖ଓ͖chibivueʹ͸͓ੈ࿩ʹͳΓ·͢
23. ͓ΘΓ