リアクティブを知る1歩

Slide 1

Slide 1 text

ϦΞΫςΟϒΛ஌Δา WPLJOBXB BJQBDPNNBOEFS!ಹ೼

Slide 2

Slide 2 text

ࣗݾ঺հ w ΞΠύʔୂ௕ͱ͍͍·͢ !BJQBDPNNBOEFS w ͏ͪͳʔΜͪΎͰ͢ w $#DMPVEגࣜձࣾͰಇ͍͍ͯ·͢ w ෺ྲྀۀքͰΠϊϕʔγϣϯىͨͯ͘͜͠೔ʑؤு͍ͬͯ·͢ w 7VF/VYUͰྼԽͨ͠7νϡʔόʔʹͳͬͨΓɺ7VF/VYU ͰίʔϧηϯλʔΈ͍ͨͳ෦ॺ޲͚ͷ8FCΞϓϦ࡞ͬͨΓͯ͠·͢

Slide 3

Slide 3 text

એ఻ᶃ'MVUUFSΠϕϯτ΍Γ·͢ʂʢʣ IUUQT fl VUUFSPLJOBXBDPOOQBTTDPNFWFOU

Slide 4

Slide 4 text

એ఻ᶄϋοΧʔζνϟϯϓϧʔ΍Γ·͢ʂ ʢʣ IUUQTIBDLFSTDIBNQMPPPSH

Slide 5

Slide 5 text

એ఻ᶄϋοΧʔζνϟϯϓϧʔ΍Γ·͢ʂ ʢʣ IUUQTIBDLFSTDIBNQMPPPSH

Slide 6

Slide 6 text

ࠓ೔ͷࢀՃऀશһͰ͍ͧ͘ʂԠื͍ͯͩ͘͠͞ པΉɻ͓ئ͍͠·͢ ք۾Ͱ༗໊ͳʮશһͰߦͧ͘ʂʯͷྫ

Slide 7

Slide 7 text

ࠓ೔࿩͢͜ͱ

Slide 8

Slide 8 text

7VFͷϦΞΫςΟϒγεςϜʹ͍ͭͯ ֶͼ͍ͨ

Slide 9

Slide 9 text

ϲ݄͙Β͍7VF Y Λ࢖ͬͯΈͨࠓͷؾ࣋ͪ w υΩϡϝϯτ͸͍͍ײ͡ͳͷͰɺಡΊ͹࢖͏෼ʹ͸໰୊ͳ͍ w ΨοπϦཧղ͍ͯ͠Δ͔ʁͱ໰ΘΕΔͱͦ͏Ͱ͸ͳ͍ w ৭ʑϋϚͬͨࣄ৅ w #VJMEJO͞Ε͍ͯΔVTF)PHF΍VTF'VHBͰݺͼग़ͨ͠஋͕ϦΞΫςΟϒͩͬͨΓͦ͏ ͡Όͳ͔ͬͨΓ w XBUDI͕ಈ͔ͳ͍ɺͳͥʁˠΨνϟΨνϟ৭ʑఆٛΛม͑ͨΒಈ͍ͨΓɺಈ͔ͳ͔ͬͨ Γɺ5"3*5"3* w DPNQVUFE͕ʢҙਤͤͣʣউखʹಈ͘ɺͳͥʁˠԼ૚ͷͲ͔͜ʹϦΞΫςΟϒม਺͕͍ Δ

Slide 10

Slide 10 text

υΩϡϝϯτΛಡΊ͹Θ͔Δ͕ɺͦΖ ͦΖ7VFͷؾ࣋ͪ΋ೝ্ࣝͨ͠Ͱ։ൃ ͯ͠Έͨ͞

Slide 11

Slide 11 text

ͱ͍͏Θ͚Ͱ࣮૷Λཧղ͢ΔͨΊͷ ๯ݥʹͰΔ ʘΩϛʹ͖Ίͨʂʗ ʘűƅŜŧœř!!ʗ

Slide 12

Slide 12 text

DIJCJWVF IUUQTHJUIVCDPN6CVHFFFJDIJCJWVF

Slide 13

Slide 13 text

͜Μͳը໘Λࣸܦͯ͠࡞ͬͨ

Slide 14

Slide 14 text

Θ͔ͬͨ͜ͱ

Slide 15

Slide 15 text

ϦΞΫςΟϒม਺ͷఆٛˠ஋͕ߋ৽͞ΕΔͱը ໘͕ߋ৽͢ΔྲྀΕͰઆ໌͢Δ ొ৔ਓ෺ͨͪ SFBDUJWFม਺ (FUUFS 4FUUFS $PNQPOFOU 3FOEFSFS 5SBDL 5SBDLJOH 5SJHHFS UBSHFU.BQ BDUJWF& ff FDU %FQ %FQFOEFODZ 5BSHFUPCKFDU \DPVOU^

Slide 16

Slide 16 text

͜͜Ͱྗਚ͖Δ

Slide 17

Slide 17 text

ࣸܦͨ͠಺༰Λจষʹ͢Δͱ w λʔήοτϦΞΫςΟϒʹ͍ͨ͠ΦϒδΣΫτ w ϦΞΫςΟϒม਺λʔήοτΛॳظ஋ʹϦΞΫςΟϒΦϒδΣΫτΛ૊ΈཱͯΔɻHFUUFSͱ TFUUFSΛ࣋ͭ w HFUUFS࣮ߦ࣌ʹ͸USBDLʢޙड़ʣɺTFUUFS࣌ʹ͸USJHHFSʢޙड़ʣΛ࣮ߦ͢Δ w UBSHFU.BQ8FBL.BQʢΦϒδΣΫτΛ,FZʹ͢Δ͜ͱ͕Ͱ͖Δ.BQʣɻϦΞΫςΟϒΦϒ δΣΫτΛLFZʹ%FQBDUJWF& ff FDU<>ʢޙड़ʣΛอ࣋͢Δ w 3FBDUJWF& ff FDUؔ਺Λొ࿥ɾ࣮ߦ͢Δɻ࣮ߦ࣌ʹBDUJWF& ff FDUʹ3FBDUJWF& ff FDUࣗ਎ΛೖΕΔ w BDUJWF& ff FDUݱࡏ࣮ߦதͷͳʹ͔ʢॲཧʣ w %FQBDUJWF& ff FDUΛෳ਺อ࣋͢Δ.BQ

Slide 18

Slide 18 text

ਤΛ͓आΓ͢Δͱ w λʔήοτϦΞΫςΟϒʹ͍ͨ͠ΦϒδΣΫτ w ϦΞΫςΟϒม਺λʔήοτΛॳظ஋ʹϦΞΫςΟϒΦϒδΣΫτΛ૊ΈཱͯΔɻHFUUFSͱ TFUUFSΛ࣋ͭ w HFUUFS࣮ߦ࣌ʹ͸USBDLʢޙड़ʣɺTFUUFS࣌ʹ͸USJHHFSʢޙड़ʣΛ࣮ߦ͢Δ w UBSHFU.BQ8FBL.BQʢΦϒδΣΫτΛ,FZʹ͢Δ͜ͱ͕Ͱ͖Δ.BQʣɻϦΞΫςΟϒΦϒ δΣΫτΛLFZʹ%FQBDUJWF& ff FDU<>ʢޙड़ʣΛอ࣋͢Δ w 3FBDUJWF& ff FDUؔ਺Λొ࿥ɾ࣮ߦ͢Δɻ࣮ߦ࣌ʹBDUJWF& ff FDUʹ3FBDUJWF& ff FDUࣗ਎ΛೖΕΔ w BDUJWF& ff FDUݱࡏ࣮ߦதͷͳʹ͔ʢॲཧʣ w %FQBDUJWF& ff FDUΛෳ਺อ࣋͢Δ.BQ https://github.com/Ubugeeei/chibivue/blob/main/books/japanese/007_minimum_reactive.md

Slide 19

Slide 19 text

ࣸܦͨ͠಺༰Λจষʹ͢Δͱͦͷ̎ $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͕ొ࿥ ͞ΕΔ

Slide 20

Slide 20 text

ࣸܦͨ͠಺༰Λจষʹ͢Δͱͦͷ̏ 3FOEFS࣌ w JODSFNFOU͕ಈ͘ˠSFBDUJWFม਺ͷTFUUFS͕ಈ͘ w TFUUFS͸SFBDUJWFPCKFDUΛLFZʹUBSHFU.BQ͔ΒBDUJWF& ff FDUΛొ࿥ ͞ΕͯΔ෼औΓग़͢ w ͦΕͧΕॱ൪ʹ࣮ߦ͢ΔˠVQEBUF$PNQPOFOU͕ొ࿥͞Ε͍ͯΔͷ Ͱ࣮ߦ͞ΕΔˠը໘Λߋ৽͢Δ

Slide 21

Slide 21 text

ਤΛ͓आΓ͢Δͱ w JODSFNFOU͕ಈ͘ˠSFBDUJWFม਺ͷTFUUFS͕ಈ͘ w TFUUFS͸SFBDUJWFPCKFDUΛLFZʹUBSHFU.BQ͔ΒBDUJWF& ff FDUΛొ࿥ ͞ΕͯΔ෼औΓग़͢ w ͦΕͧΕॱ൪ʹ࣮ߦ͢ΔˠVQEBUF$PNQPOFOU͕ొ࿥͞Ε͍ͯΔͷ Ͱ࣮ߦ͞ΕΔˠը໘Λߋ৽͢Δ https://github.com/Ubugeeei/chibivue/blob/main/books/japanese/007_minimum_reactive.md