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
860
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
400
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
190
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
100
React事始め
nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
490
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
180
Featured
See All Featured
A better future with KSS
kneath
239
18k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
The Invisible Side of Design
smashingmag
302
51k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Optimizing for Happiness
mojombo
379
70k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Producing Creativity
orderedlist
PRO
347
40k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
RailsConf 2023
tenderlove
30
1.3k
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