Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Dive into SmartHR UI
Search
nabeliwo
August 30, 2023
3
1.1k
Dive into SmartHR UI
Encraft #6 Focus on UI Component 実装 での発表資料です。
https://knowledgework.connpass.com/event/291226/
nabeliwo
August 30, 2023
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
630
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
300
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
150
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
84
React事始め
nabeliwo
0
540
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
440
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
170
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Navigating Team Friction
lara
183
14k
Unsuck your backbone
ammeep
668
57k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
The Invisible Side of Design
smashingmag
297
50k
Faster Mobile Websites
deanohume
304
30k
Code Review Best Practice
trishagee
64
17k
How STYLIGHT went responsive
nonsquared
95
5.1k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Why Our Code Smells
bkeepers
PRO
334
57k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.1k
Facilitating Awesome Meetings
lara
49
6k
Transcript
%JWFJOUP4NBSU)36* 8FE&ODSBGU'PDVTPO6*$PNQPOFOU࣮ OBCFMJXP 4NBSU)3ϓϩμΫτΤϯδχΞ
ࣗݾհ 4NBSU)3 ϓϩμΫτΤϯδχΞάϧʔϓ ϓϥοτϑΥʔϜ։ൃϢχοτ ϑϩϯτΤϯυΤϯδχΞ 5ZQF4DSJQU 3FBDU /FYUKTͳͲ OBCFMJXP
ࠓ͢͜ͱ
ࠓ͢͜ͱ ɾ4NBSU)36*ͱ ɾࢧ͑Δٕज़ ɾ։ൃɾӡ༻ମ੍ ɾ͜Ε͔Βͷ
4NBSU)36*ͱ
4NBSU)36*ͱ 3FBDUͰ࣮͞Εͨڞ௨ίϯϙʔωϯτू త ɾࣾͷෳͷϓϩμΫτͰ6*Λἧ͍͑ͨ ɾϓϩμΫτͷ։ൃΛՃ͍ͤͨ͞
4NBSU)3Ͱଟ͘ͷαʔϏεΛ։ൃ͍ͯ͠Δ
ಛ ɾ5ZQF4DSJQU 3FBDU TUZMFEDPNQPOFOUT ɾ+*49ͷద߹Ϩϕϧ"४ڌ ɾ044ͱͯ͠ެ։͍ͯ͠Δ ɹɾIUUQTHJUIVCDPNLVGVTNBSUISVJ ɾσβΠϯγεςϜͷߏཁૉͷͭ ɹɾIUUQTTNBSUISEFTJHO
ར༻࣮ ɾࣾͷ΄΅ͯ͢ͷϓϩμΫτͰར༻͞ Ε͍ͯΔ ɾάϧʔϓձࣾ։ൃύʔτφʔձࣾͷҰ ෦Ͱར༻͞Ε͍ͯΔ
։ൃن ࣌ ɾ fi STUDPNNJU ɾDPNNJUT ɾW ɾTSDҎԼߦ
4NBSU)36*Λࢧ͑Δٕज़
4NBSU)36*Λࢧ͑Δٕज़ ɾ࣮ ɾΞΫηγϏϦςΟରԠ ɾςετํ
CONFIDENTIAL ࣮
࣮ ɾ͍ํ ɾਪ͠ίϯϙʔωϯτ#VUUPO ɾਪ͠ίϯϙʔωϯτ$PNCP#PY ɾਪ͠ίϯϙʔωϯτϨΠΞτ ɾTNBSUISQBUUFSOTɺུͯ͠εϚύλ
͍ํ
ςʔϚ DPMPS GPOU4J[F TQBDJOH MFBEJOH TIBEPX SBEJVT [*OEFYͳͲ͕͋ΓɺͦΕͧΕ্ॻ͖Ͱ͖ΔΑ͏ʹ ͳ͍ͬͯΔɻ
͜ΕΒͷσϑΥϧτͷσβΠϯγεςϜͷσβ ΠϯτʔΫϯʹରԠ͍ͯ͠Δɻ IUUQTTNBSUISEFTJHOQSPEVDUTEFTJHOUPLFOT
ΧελϜςʔϚ
#VUUPOίϯϙʔωϯτ
#VUUPOίϯϙʔωϯτ WBSJBOU
#VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF
#VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF TV ffi Y QSF fi Y
TRVBSF
#VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF TV ffi Y QSF fi Y
TRVBSF MPBEJOH
#VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF TV ffi Y QSF fi Y
TRVBSF MPBEJOH EJTBCMFE%FUBJM
վળͷΤίγεςϜ
#VUUPOਪ͠ϙΠϯτ ɾQSPQTͰ͍͡ΕΔύλʔϯͷଟ͞ɺ൚༻ ੑͷߴ͞ ɾ͋ͱ͔ΒͲΜͲΜ֦ு͞ΕͯศརϘλϯ ʹͳͬͨ ɾར༻ˠվળˠؐݩˠར༻ͷΤίγεςϜ
$PNCP#PYίϯϙʔωϯτ
%&.0 IUUQTTUPSZTNBSUISVJEFW QBUIEPDTGPSNTʢϑΥʔϜʣDPNCPCPYEPDT IUUQTHJUIVCDPNLVGVTNBSUISVJUSFFNBTUFSTSDDPNQPOFOUT$PNCP#PY
$PNCP#PYਪ͠ϙΠϯτ ɾෳࡶͳ6*టष͘ؤு͍ͬͯΔ ɾΩʔϘʔυͰશͯૢ࡞Ͱ͖ΔΑ͏ʹͯ͠ ͍Δ ɾ%SPQEPXO %JBMPH %BUFQJDLFSͳͲ
ϨΠΞτܥίϯϙʔωϯτ ɾ$FOUFS ɾ$MVTUFS ɾ4UBDL ɾ4JEFCBS ɾ3FFM
None
None
None
None
None
None
ϨΠΞτਪ͠ϙΠϯτ ɾ&7&3:-":065Λࢀߟʹͨ͠ϨΠΞ τ܈ ɾը໘্ͷ6*શͯ4NBSU)36*Ͱ࣮Ͱ ͖ΔΑ͏ʹͳͬͨ
TNBSUISQBUUFSOTུͯ͠εϚύλ 4NBSU)36*Λ͑Ұ؏ͨ͠6*ʹͳΔͣ ͕ Έ߹Θͤํ༨നʹݸਓ͕ࠩग़Δ
None
TNBSUISQBUUFSOTུͯ͠εϚύλ ɾසग़ϨΠΞτΛ·ͱΊͨύλʔϯू ɾαϯϓϧίʔυΛݟͳ͕Β࣮͢Δ
CONFIDENTIAL ΞΫηγϏϦςΟରԠ
ΞΫηγϏϦςΟରԠ ɾΣϒΞΫηγϏϦςΟํ ɹɾIUUQTBDDFTTJCJMJUZTNBSUISDPKQEFWFMPQNFOU ɾΣϒΞΫηγϏϦςΟࢼݧ݁Ռ ݄ ɹɾIUUQTBDDFTTJCJMJUZTNBSUISDPKQEFWFMPQNFOUUFTU
ΞΫηγϏϦςΟରԠ 4NBSU)36*ͷΞΫηγϏϦςΟΛ্ͤ͞Δ͜ͱ ͕4NBSU)3ͷͯ͢ͷϓϩμΫτͷΞΫηγϏϦ ςΟͷ্ʹܨ͕Δ
CONFIDENTIAL ςετํ
ςετํ ɾ4UPSZCPPLʹΑΔΧλϩάԽ ɾ$ISPNBUJDʹΑΔը૾ճؼςετ ɾUFTUDBGFʹΑΔFF
4UPSZCPPLʹΑΔΧλϩάԽ IUUQTTUPSZTNBSUISVJEFW
$ISPNBUJDʹΑΔը૾ճؼςετ
5FTUDBGFʹΑΔFF %BUF1JDLFS $PNCP#PY %JBMPH %SPQEPXOͳͲͷ ෳεςοϓͷૢ࡞͕ඞཁʹͳΔίϯϙʔωϯτͷ ߹FFΛॻ͍ͯڍಈΛ୲อ͍ͯ͠Δ
4NBSU)36*ͷ։ൃɾӡ༻ମ੍
4NBSU)36*ͷ։ൃɾӡ༻ମ੍ ɾઐνʔϜΛஔ͔ͳ͍ ɾΤϯδχΞ͚ͩͷͷͰͳ͍ ɾϦϦʔεϑϩʔͷ؆ུԽ
ઐνʔϜΛஔ͔ͳ͍ ɾίϛοτશһ͕͢Δ ɾϩʔυϚοϓͳͲͷେ͖ͳܾΊ֤ ϓϩμΫτʹॴଐ͢Δϝϯόʔͷ༗ࢤ Ͱू·ͬͯ͠߹͍ͬͯΔ
ΤϯδχΞ͚ͩͷͷͰͳ͍ ΤϯδχΞ͚ͩͰͳ͘ɺσβΠφʔɺ 69ϥΠλʔੵۃతʹίϛοτͯ͠ ͍Δ
ϦϦʔεϑϩʔͷ؆ུԽ ɾ(JU)VCϙνϙν͚ͩͰϦϦʔεʙ $)"/(&-0(ͷ࡞·ͰͰ͖ΔΑ͏ʹͳ͍ͬͯ Δ ɹɾ4NBSU)36*ͷϦϦʔε࡞ۀΛ(JU)VC"DUJPOTͰࣗಈԽ ͨ͠ ɹɾIUUQTUFDITNBSUISKQFOUSZ
4NBSU)36*ͷ͜Ε͔Β
4NBSU)36*ͷ՝ ɾ3FBDU4FSWFS$PNQPOFOUTରԠ ɾTUZMFEDPNQPOFOUTґଘ ɾίϯϙʔωϯτଟ͗͢
4NBSU)36*ͷ՝ ͜ΕΒͷ՝ͷରԠΛԼਐΊ͍ͯ·͢ɻ ·ͩݕ౼தͷ͜ͱଟ͘͜͜Ͱ͖͠Εͳ͍ͷͰ ؾʹͳΔํฉ͍͍ͯͩ͘͞ʂ
͓ΘΓ
ࢀߟࢿྉ ɾϓϩμΫτؒڞ௨ͷ3FBDUίϯϙʔωϯτϥΠϒϥϦΛӡ༻͢Δ ɹɾIUUQTUFDITNBSUISKQFOUSZ ɾʮϓϩμΫτؒڞ௨ͷ3FBDUίϯϙʔωϯτϥΠϒϥϦʯ͕Ͳ͏ͳͬ ͔ͨɺͱ͍͏ ɹɾIUUQTUFDITNBSUISKQFOUSZ ɾ4NBSU)36*ͷϦϦʔε࡞ۀΛ(JU)VC"DUJPOTͰࣗಈԽͨ͠ ɹɾIUUQTUFDITNBSUISKQFOUSZ ɾ4NBSU)36*Λத৺ͱͨ͠ΤίγεςϜͷ͢͢Ί ɹɾIUUQTUFDITNBSUISKQFOUSZ