Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
ՌΛग़͠ͳ͕Β͢Δɺ ΞτϓοτۦಈͷΩϟονΞοϓज़ 2024/12/19 ઓ͢ΔΤϯδχΞΛҭͯΔʂҭϓϩδΣΫτ͔ΒৼΓฦΔɺڭ͑ΔଆɾڭΘΔଆͷ৺ಘ ϑΝΠϯσΟגࣜձࣾɹԕ౻ ܆
Slide 2
Slide 2 text
ࣗݾհ 2 ENDʢԕ౻ ܆ʣ খֶߍڭࢣ͔ΒϓϩάϥϛϯάεΫʔϧΛܦͯɺ 3VCZΛϝΠϯݴޠͱͯ͠ݱࡏΤϯδχΞྺ 20232݄: ϑΝΠϯσΟೖࣾ 20244݄ʙ7݄: React / TypeScriptमߦ @aiandrox
Slide 3
Slide 3 text
ϑϩϯτΤϯυઓલͷࣗʹ͍ͭͯ 3
Slide 4
Slide 4 text
ઓલͷࣗ ● લ৬Ͱ Rails View / CoffeeScript / FlowType / jQuery / Reactͷ ࠞࡏͨ͠ϑϩϯτΤϯυ ● ϑΝΠϯσΟͰɺ؆୯ͳϩδοΫͷॻ͖͑ͳͲͷ࡞ۀϨϕϧ 4 ۀܦݧ ● React / TypeScript / NextͳͲͰϖϥΠνΞϓϦ࡞ܦݧ ݸਓ։ൃ
Slide 5
Slide 5 text
ઓલͷࣗ ● ͕ࣗͰ͖ΔൣғͰੵۃతʹΓ͍ͨ ● ͱ͍͑ɺ·ͣόοΫΤϯυΛ͋ΔఔͰ͖ΔΑ͏ʹͳ͔ͬͯΒ ͔ͳ… 5 ϑϩϯτΤϯυʹର͢Δߟ͑ํ ʮ͍͔ͭΖ͏……͍͔ͭʯ
Slide 6
Slide 6 text
ઓͷ͖͔͚ͬ ● ϑϩϯτΤϯυͷख͕Γͳ͍ 6 νʔϜͷঢ়گ ● όοΫΤϯυʹ׳Εɺଞͷ͜ͱʹνϟϨϯδ͍ͨ͠ ࣗͷߟ͑ ʮͬͯΈΔ͔ʂʯͱ͍͏͍ܰϊϦ
Slide 7
Slide 7 text
ʮՌΛग़͠ͳ͕Β͢Δʯͱʁ 7
Slide 8
Slide 8 text
ͱ 8 ● Ͱ͖Δ͜ͱ͕૿͑Δ ● ΩϟϦΞͷՄೳੑ͕͕Δ ● ࢢՁͷ্ ࣝεΩϧͷ෯͕͕Δɺઐੑ͕ߴ·Δ͜ͱ
Slide 9
Slide 9 text
Ռͱ 9 ● ച্ධՁ ● ৫νʔϜʹߩݙ͍ͯ͠Δ࣮ײ ࣄΛ௨ͯ͡ʹݟ͑ΔΞτϓοτɺ࣮
Slide 10
Slide 10 text
ͱՌͷؔ 10 Ռ ߴ ߴ ఀκʔϯ ݚमκʔϯ ർฐκʔϯ ཧκʔϯ εΩϧͷशಘ͕ͳ͘Ռग़ͤͳ͍ εΩϧΞοϓʹूத͓ͯ͠Γ࣮ફ͕Θͳ͍ ϧʔςΟϯԽ͠৽ֶ͍͠ͼ͕ͳ͍ ͱՌ͕૬ޮՌΛੜΉ
Slide 11
Slide 11 text
ͱՌͷؔ 11 ● ͢Δ͜ͱͰՌΛग़ͤΔΑ͏ʹͳΔ ● ՌΛٻΊΔதͰ͢Δ Ռ Ռ
Slide 12
Slide 12 text
ͱՌͷؔ 12 ● ͢Δ͜ͱͰՌΛग़ͤΔΑ͏ʹͳΔ ● ՌΛٻΊΔதͰ͢Δ Ռ Ռ
Slide 13
Slide 13 text
ΞτϓοτۦಈͰΩϟονΞοϓ͢Δ 13
Slide 14
Slide 14 text
͜͜ͰͷΞτϓοτͷఆٛ ● ॻ͍ͨίʔυʢϓϧϦΫʣ ● timesͷϝϞ 14 ͷݟ͑ΔԽ
Slide 15
Slide 15 text
Ξτϓοτ 15 Output ϓϧϦΫ times ɹࢥߟεΫγϣ
Slide 16
Slide 16 text
Ξτϓοτ 16 Output ϓϧϦΫ times ɹࢥߟεΫγϣ
Slide 17
Slide 17 text
Πϯϓοτ 17 Input ϊϋهࣄ react.devͷྠಡձ
Slide 18
Slide 18 text
Πϯϓοτ 18 Input ϊϋهࣄ react.devͷྠಡձ ʮࢣʯ͔Βͷڭ͑
Slide 19
Slide 19 text
ΞτϓοτΛࢧ͑Δج൫ 19 ։ൃπʔϧɺCI
Slide 20
Slide 20 text
ΞτϓοτͱΠϯϓοτͷαΠΫϧ 20 Input Output ϊϋهࣄ react.devͷྠಡձ ʮࢣʯ͔Βͷڭ͑ ։ൃπʔϧɺCI ϓϧϦΫ times ɹࢥߟεΫγϣ
Slide 21
Slide 21 text
3ϲ݄ͷͱՌ 21
Slide 22
Slide 22 text
3ϲ݄ͷ ● جຊతͳUIࣗͰθϩ͔Β࣮Ͱ͖Δ ● جຊతͳઃܭࢥΛཧղ͠ɺ৽نͷઃܭͳͲΛࣗͷ಄ Ͱߟ͑ΒΕΔ ● όοΫΤϯυϑϩϯτΤϯυ؍Λߟྀͯ͠։ൃͰ͖ ΔΑ͏ʹͳͬͨ 22
Slide 23
Slide 23 text
3ϲ݄ͷ ● ϓϧϦΫΛ6݅/ఔ࡞ΕΔΑ͏ʹͳͬͨ 23
Slide 24
Slide 24 text
3ϲ݄ͷՌ ● αʔϕΠػೳϦϦʔε🎉 24
Slide 25
Slide 25 text
ҭϓϩδΣΫτʹ͓͚ΔҐஔ 25 Ռ ߴ ߴ ఀκʔϯ ݚमκʔϯ ർฐκʔϯ ཧκʔϯ
Slide 26
Slide 26 text
ͱՌͷؔ 26 ● ͢Δ͜ͱͰՌΛग़ͤΔΑ͏ʹͳΔ ● ՌΛٻΊΔதͰ͢Δ Ռ Ռ
Slide 27
Slide 27 text
·ͱΊ 27 ຊͷՌ͜Ε͔Βͩʂʂ