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
570
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
260
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
140
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
82
React事始め
nabeliwo
0
540
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
430
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
170
Featured
See All Featured
Speed Design
sergeychernyshev
18
400
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
Fontdeck: Realign not Redesign
paulrobertlloyd
80
5.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
22
1.7k
Building Adaptive Systems
keathley
36
2.1k
What's in a price? How to price your products and services
michaelherold
241
11k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Faster Mobile Websites
deanohume
304
30k
Statistics for Hackers
jakevdp
793
220k
Creatively Recalculating Your Daily Design Routine
revolveconf
215
12k
GitHub's CSS Performance
jonrohan
1029
450k
YesSQL, Process and Tooling at Scale
rocio
167
14k
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