Tweet
Tweet

Slide 1

Slide 1 text

εΫϦʔϯϦʔμʔ͸ϓϨʔε ϗϧμʔʹΞΫηεͰ͖Δͷ͔ 8FE ණݟ޹߂ 4NBSU)3ϓϩμΫτΤϯδχΞ

Slide 2

Slide 2 text

ࣗݾ঺հ ɾ໊લɿhimiʢ@himi_himi_ʣ ɾSmartHRϓϩμΫτΤϯδχΞάϧʔϓ ɾϑϩϯτΤϯυΤϯδχΞ ɹɾReact, TypeScript, Next.js ɾ๺ւಓࡳຈࢢ͔ΒϑϧϦϞʔτۈ຿

Slide 3

Slide 3 text

ࠓ೔࿩͢͜ͱ

Slide 4

Slide 4 text

w ϓϨʔεϗϧμʔͷࢹ֮తͳ໰୊ͷ࿩👀 w εΫϦʔϯϦʔμʔͰϓϨʔεϗϧμʔΛ ಡΈ্͛ͯΈͨ࿩💡

Slide 5

Slide 5 text

ϓϨʔεϗϧμʔͷࢹ֮తͳ ໰୊

Slide 6

Slide 6 text

ίϯτϥετൺ͕௿͘ɺऑࢹͷਓ͕ಡΊͳ͍έʔε͕͋Δ ϓϨʔεϗϧμʔ͸ී௨࣮ࡍͷೖྗͰ͸ͳ͍͜ͱΛࣔͨ͢Ίʹബ͍৭ ͕࢖ΘΕΔͨΊ

Slide 7

Slide 7 text

ίϯτϥετൺ͕ߴ͘ɺೖྗςΩετͱͷ۠ผ͕෇͖ͮΒ͍ έʔε͕͋Δ ࠓ౓͸ٯʹೖྗ͞Εͨ஋ͱޡղ͞ΕΔ

Slide 8

Slide 8 text

εΫϦʔϯϦʔμʔͰϓϨʔ εϗϧμʔΛಡΈ্͛Δ

Slide 9

Slide 9 text

εΫϦʔϯϦʔμʔͷछྨ ୈ3ճࢧԉٕज़ར༻ঢ়گௐࠪใࠂॻ | ೔ຊࢹ֮ো֐ऀICTωοτϫʔΫ

Slide 10

Slide 10 text

ࠓճର৅ͱ͢ΔεΫϦʔϯϦʔμʔ  8JOEPXTɿ1$5BMLFS w ࠃ಺γΣΞ̍Ґ  8JOEPXTɿ/7%" w ࠃ಺γΣΞ̎Ґ • SmartHRਪ঑ͷεΫϦʔϯϦʔμʔ  .BD04ɿ7PJDF0WFS

Slide 11

Slide 11 text

ಡΈ্͛ΔIUNM

Slide 12

Slide 12 text

1$5BMLFSͰͷಡΈ্͛݁Ռ ϓϨʔεϗϧμʔ͸ಡΈ্͛ΒΕͣɺ಺༰ʹΞΫηεͰ͖ͳ͔ͬͨ ஋͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput

Slide 13

Slide 13 text

/7%"ͰͷಡΈ্͛݁Ռ ϓϨʔεϗϧμʔ͸ಡΈ্͛ΒΕ͕ͨɺ࠷ޙͷʮϒϥϯΫʯ·Ͱฉ͍ ͯॳΊͯͦΕ͕ϓϨʔεϗϧμʔͩͱΘ͔ͬͨ ஋͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput

Slide 14

Slide 14 text

7PJDF0WFSͰͷಡΈ্͛݁Ռ ϓϨʔεϗϧμʔ͸ಡΈ্͛ΒΕ͕ͨɺ·ΔͰೖྗ஋ͷΑ͏ʹಡΈ্ ͛ΒΕɺϓϨʔεϗϧμʔͰ͋Δ͜ͱ͸Θ͔Βͳ͔ͬͨ ஋͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput

Slide 15

Slide 15 text

·ͱΊ

Slide 16

Slide 16 text

w ϓϨʔεϗϧμʔ͸੖؟ऀϢʔβʔʹରͯ͠ ΋ࢹ֮తͳ໰୊Λ๊͍͑ͯΔ😭 w εΫϦʔϯϦʔμʔ͸੡඼ʹΑͬͯϓϨʔε ϗϧμʔʹΞΫηεͰ͖ͳ͔ͬͨΓɺͰ͖ͨ ͱͯ͠΋ೖྗ஋ͱ۠ผͮ͠Β͍໰୊Λ๊͑ͯ ͍Δ😭

Slide 17

Slide 17 text

͓ΘΓ