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.2k
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
760
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
350
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
170
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
91
React事始め
nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
470
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
180
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
172
14k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Thoughts on Productivity
jonyablonski
69
4.6k
Why Our Code Smells
bkeepers
PRO
336
57k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
178
53k
GitHub's CSS Performance
jonrohan
1030
460k
Faster Mobile Websites
deanohume
306
31k
Navigating Team Friction
lara
184
15k
Building Adaptive Systems
keathley
41
2.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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