Slide 1

Slide 1 text

ϑϩϯτΤϯυςοΫϛʔςΟϯά !QVSQMF@KXM ϚΠϯεΠʔύͰֶͿ3FBDU

Slide 2

Slide 2 text

࠷ۙϑϩϯτΤϯυ෼໺ʹڵຯ௡ʑ͓͡͞Μ ͺʔΆʔ!QVSQMF@KXM

Slide 3

Slide 3 text

໨࣍ wϚΠϯεΠʔύͱ͸ w3FBDUͱ͸ w3FBDUͰϚΠϯεΠʔύΛ࡞Δ w·ͱΊ

Slide 4

Slide 4 text

ϚΠϯεΠʔύͱ͸

Slide 5

Slide 5 text

ϚΠϯεΠʔύ w೥୅ʹൃ໌͞Εͨਓ༻ͷίϯϐϡʔλήʔϜ wϘʔυ 3Y$ ্ʹଘࡏ͢Δ.ݸͷ஍ཕͷ৔ॴΛώϯτΛݩʹಛఆ͢ Δ͜ͱ͕໨త

Slide 6

Slide 6 text

࡞ͬͨ΍ͭͷσϞ IUUQTQVSQMFKXMHJUIVCJPSFBDUNJOFTXFFQFS

Slide 7

Slide 7 text

3FBDUͱ͸

Slide 8

Slide 8 text

3FBDU w'BDFCPPL͕։ൃΛߦ͍ͬͯΔ+BWB4DSJQUϥΠϒϥϦ w.7$Ͱݴ͏ͱ͜ΖͷWJFXͷΈΛ୲౰͢Δ wίϯϙʔωϯτΛఆٛ͠ɺͦΕΛ૊Έ߹Θͤͯը໘Λ࡞Δ w୯ํ޲σʔλϑϩʔɺԾ૝%0.ɺ+49͕ಛ௃ͱͯ͠ڍ͛ΒΕΔ

Slide 9

Slide 9 text

ίϯϙʔωϯτ wը໘Λߏ੒͢Δ෦඼ͷ͜ͱ wঢ়ଶʢTUBUFʣΛ࣋ͭ͜ͱ͕Ͱ͖Δ

Slide 10

Slide 10 text

୯ํ޲σʔλϑϩʔ wجຊతʹ͸਌ίϯϙʔωϯτ͔Βࢠίϯϙʔωϯτʹঢ়ଶ͕ྲྀΕΔ wࣗ਎͕࣋ͭঢ়ଶΛTUBUFɺ਌ίϯϙʔωϯτ͔ΒྲྀΕ͖ͯͨঢ়ଶΛ QSPQTͱ͍͏ wTUBUF͸ॻ͖׵͑ՄೳɺQSPQT͸ಡΈࠐΈઐ༻ w਌ίϯϙʔωϯτ͕શͯͷTUBUFΛҰݩ؅ཧ͢Δ͜ͱ͕ଟ͍

Slide 11

Slide 11 text

Ծ૝%0. wੜ%0.ͱରʹͳΔ΋ͷ wԾ૝%0.Λ3FBDUͰ؅ཧ͠ɺঢ়ଶมԽʹΑΔԾ૝%0.ͷࠩ෼ͷΈΛ ੜ%0.ʹ൓өͤ͞Δ࢓૊Έ w͜ͷ࢓૊ΈʹΑͬͯੜ%0.ͷૢ࡞ΛۃྗݮΒ͠ɺύϑΥʔϚϯε޲ ্Λ࣮ݱ͍ͯ͠Δ

Slide 12

Slide 12 text

+49 w+BWB4DSJQUͷߏจ֦ுͰ)5.-ͷΑ͏ʹهड़Ͱ͖Δ w3FBDUͱҰॹʹར༻͢Δ͜ͱ͕ਪ঑͞Ε͍ͯΔʢඞਢͰ͸ͳ͍ʣ const App = () => (
=
);

Slide 13

Slide 13 text

3FBDUͰϚΠϯεΠʔύΛ࡞Δ

Slide 14

Slide 14 text

DSFBUFSFBDUBQQͰ؀ڥߏங

Slide 15

Slide 15 text

DSFBUFSFBDUBQQ w'BDFCPPL͕։ൃΛߦ͍ͬͯΔπʔϧ wίϚϯυҰൃͰ3FBDUͷ؀ڥߏஙͯ͘͠ΕΔ w8FCQBDL΍#BCFMͳͲͷઃఆ͕ෆཁͰɺ3FBDUΛαΫοͱࢼͯ͠Έͨ ͍ͱ͖ʹศར $ create-react-app react-minesweeper

Slide 16

Slide 16 text

ίϯϙʔωϯτͷઃܭΛߟ͑Δ

Slide 17

Slide 17 text

ίϯϙʔωϯτͷઃܭ wը໘Λίϯϙʔωϯτ֊૚ʹ෼ղ͢Δ wͭͷίϯϙʔωϯτʹͤ͞Δ͜ͱ͸͚ͭͩʹ͢Δͷ͕ϕετ
 ʢ͍ΖΜͳ͜ͱΛ΍Βͤͳ͍ʣ

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

ʜ

Slide 20

Slide 20 text

ʜ "QQ #PBSE $POUSPM"SFB $FMM

Slide 21

Slide 21 text

ͲͷίϯϙʔωϯτʹTUBUFΛ ࣋ͨͤΔ͔ߟ͑Δ

Slide 22

Slide 22 text

୯ํ޲σʔλϑϩʔʢ࠶ܝʣ wجຊతʹ͸਌ίϯϙʔωϯτ͔Βࢠίϯϙʔωϯτʹঢ়ଶ͕ྲྀΕΔ wࣗ਎͕࣋ͭঢ়ଶΛTUBUFɺ਌ίϯϙʔωϯτ͔ΒྲྀΕ͖ͯͨঢ়ଶΛ QSPQTͱ͍͏ wTUBUF͸ॻ͖׵͑ՄೳɺQSPQT͸ಡΈࠐΈઐ༻ w਌ίϯϙʔωϯτ͕શͯͷTUBUFΛҰݩ؅ཧ͢Δ͜ͱ͕ଟ͍

Slide 23

Slide 23 text

ʜ "QQ #PBSE $POUSPM"SFB $FMM

Slide 24

Slide 24 text

"QQ #PBSE $POUSPM"SFB $FMM $FMM $FMM ʜ

Slide 25

Slide 25 text

"QQ #PBSE $POUSPM"SFB $FMM $FMM $FMM ʜ ˡ͍ͭͩ͜ʂʂ

Slide 26

Slide 26 text

ͲͷΑ͏ͳঢ়ଶΛ࣋ͨͤΔ͔ ߟ͑Δ

Slide 27

Slide 27 text

ʜ

Slide 28

Slide 28 text

ͲͷΑ͏ͳঢ়ଶΛ࣋ͨͤΔ͔ wඞཁͳ৘ใ͕͍Ζ͍Ζ͋Δ w൫໘ͷαΠζɺ஍ཕͷ਺ɺ֤ηϧͷ։ดঢ়ଶɺ֤ηϧͷضͷ༗ແɺ ֤ηϧͷपғͷ஍ཕ਺ʢώϯτʣɺήʔϜͷܦա࣌ؒɺͳͲͳͲʜ wʢήʔϜϩδοΫͷ࣮૷ํ๏ʹΑͬͯඞཁͳ৘ใ͕มΘΔ͔΋ʣ

Slide 29

Slide 29 text

ͲͷΑ͏ͳΠϕϯτ͕͋Δͷ͔ ߟ͑Δ

Slide 30

Slide 30 text

ʜ

Slide 31

Slide 31 text

ͲͷΑ͏ͳΠϕϯτ͕͋Δͷ͔ߟ͑Δ w͜Ε΋͍Ζ͍Ζ͋Δ wήʔϜͷ೉қ౓બ୒ɺηϧΛ։͚ΔɺضΛཱͯΔɺλΠϚʔͷ։࢝ ΍ఀࢭͳͲ

Slide 32

Slide 32 text

࣮૷͢Δ

Slide 33

Slide 33 text

࣮૷͢Δ w͜͜·Ͱߟ͑ͨ಺༰Λݩʹ࣮૷͢Δ w֤ίϯϙʔωϯτ͕΍Δ͜ͱ͕ఆ·͍ͬͯΕ͹ɺͦΕʹඞཁͳঢ়ଶ͕ ෼͔ΔΑ͏ʹͳΔͷͰɺ਌ίϯϙʔωϯτ͔Βඞཁͳঢ়ଶΛྲྀͤ͹Α ͍ wࢠίϯϙʔωϯτͷQSPQT͸ಡΈऔΓઐ༻ͳͷͰɺTUBUFΛॻ͖׵͑ͨ ͍৔߹͸਌ίϯϙʔωϯτͷΠϕϯτϋϯυϥΛݺͼग़͢Α͏ʹ͢Δ

Slide 34

Slide 34 text

Ͱ͖ͨؾ͕͢Δʂ

Slide 35

Slide 35 text

·ͱΊ

Slide 36

Slide 36 text

·ͱΊ wϚΠϯεΠʔύΛ୊ࡐʹ3FBDUΛֶΜͩ w3FBDUࣗମ͸γϯϓϧͳͷͰڽͬͨ͜ͱΛ͠ͳ͍෼ʹ͸؆୯ʹॻ͚Δ ͜ͱ͕෼͔ͬͨ wͳΜͱͳ͘3FBDUʹڵຯΛ࣋ͬͯ͘ΕΔਓ͕૿͑Δͱخ͍͠ wϚΠϯεΠʔύ͕͏·͘ͳͬͨ