Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dive into SmartHR UI

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for nabeliwo nabeliwo
August 30, 2023
3
1.2k

Dive into SmartHR UI

Encraft #6 Focus on UI Component 実装 での発表資料です。
https://knowledgework.connpass.com/event/291226/

Avatar for nabeliwo

nabeliwo

August 30, 2023
Tweet

More Decks by nabeliwo

See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
Avatar for nabeliwo nabeliwo
2
910
Web Componentsを使ったウィジェット埋め込みの話
Avatar for nabeliwo nabeliwo
0
420
Snowpack で始めるバンドルレス開発 / about Snowpack
Avatar for nabeliwo nabeliwo
0
210
おいでよ フロントエンドの森 / welcome-to-front-end
Avatar for nabeliwo nabeliwo
0
120
React事始め
Avatar for nabeliwo nabeliwo
0
560
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
Avatar for nabeliwo nabeliwo
0
500
React + flumptでイカ戦績グラフ化ツールを作ってみた
Avatar for nabeliwo nabeliwo
0
190

Featured

See All Featured
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
53k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
220
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
830
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
81
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
550

Transcript

  1. %JWFJOUP4NBSU)36* 8FE&ODSBGU'PDVTPO6*$PNQPOFOU࣮૷ OBCFMJXP 4NBSU)3ϓϩμΫτΤϯδχΞ

  2. ࣗݾ঺հ 4NBSU)3 ϓϩμΫτΤϯδχΞάϧʔϓ ϓϥοτϑΥʔϜ։ൃϢχοτ ϑϩϯτΤϯυΤϯδχΞ 5ZQF4DSJQU 3FBDU /FYUKTͳͲ OBCFMJXP

  3. ࠓ೔࿩͢͜ͱ

  4. ࠓ೔࿩͢͜ͱ ɾ4NBSU)36*ͱ͸ ɾࢧ͑Δٕज़ ɾ։ൃɾӡ༻ମ੍ ɾ͜Ε͔Βͷ࿩

  5. 4NBSU)36*ͱ͸

  6. 4NBSU)36*ͱ͸ 3FBDUͰ࣮૷͞Εͨڞ௨ίϯϙʔωϯτू ໨త ɾࣾ಺ͷෳ਺ͷϓϩμΫτͰ6*Λἧ͍͑ͨ ɾϓϩμΫτͷ։ൃΛՃ଎͍ͤͨ͞

  7. 4NBSU)3Ͱ͸ଟ͘ͷαʔϏεΛ։ൃ͍ͯ͠Δ

  8. ಛ௃ ɾ5ZQF4DSJQU 3FBDU TUZMFEDPNQPOFOUT ɾ+*49ͷద߹Ϩϕϧ"४ڌ ɾ044ͱͯ͠ެ։͍ͯ͠Δ ɹɾIUUQTHJUIVCDPNLVGVTNBSUISVJ ɾσβΠϯγεςϜͷߏ੒ཁૉͷͭ ɹɾIUUQTTNBSUISEFTJHO

  9. ར༻࣮੷ ɾࣾ಺ͷ΄΅͢΂ͯͷϓϩμΫτͰར༻͞ Ε͍ͯΔ ɾάϧʔϓձࣾ΍։ൃύʔτφʔձࣾͷҰ ෦Ͱ΋ར༻͞Ε͍ͯΔ

  10. ։ൃن໛ ࣌఺ ɾ fi STUDPNNJU ɾDPNNJUT ɾW ɾTSDҎԼߦ਺ 

  11. 4NBSU)36*Λࢧ͑Δٕज़

  12. 4NBSU)36*Λࢧ͑Δٕज़ ɾ࣮૷ ɾΞΫηγϏϦςΟରԠ ɾςετํ਑

  13. CONFIDENTIAL ࣮૷

  14. ࣮૷ ɾ࢖͍ํ ɾਪ͠ίϯϙʔωϯτ#VUUPO ɾਪ͠ίϯϙʔωϯτ$PNCP#PY ɾਪ͠ίϯϙʔωϯτϨΠΞ΢τ ɾTNBSUISQBUUFSOTɺུͯ͠εϚύλ

  15. ࢖͍ํ

  16. ςʔϚ DPMPS GPOU4J[F TQBDJOH MFBEJOH TIBEPX SBEJVT  [*OEFYͳͲ͕͋ΓɺͦΕͧΕ্ॻ͖Ͱ͖ΔΑ͏ʹ ͳ͍ͬͯΔɻ

    ͜ΕΒͷσϑΥϧτͷ஋͸σβΠϯγεςϜͷσβ ΠϯτʔΫϯʹରԠ͍ͯ͠Δɻ IUUQTTNBSUISEFTJHOQSPEVDUTEFTJHOUPLFOT

  17. ΧελϜςʔϚ

  18. #VUUPOίϯϙʔωϯτ

  19. #VUUPOίϯϙʔωϯτ WBSJBOU

  20. #VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF

  21. #VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF TV ffi Y QSF fi Y

    TRVBSF

  22. #VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF TV ffi Y QSF fi Y

    TRVBSF MPBEJOH

  23. #VUUPOίϯϙʔωϯτ WBSJBOU TJ[F XJEF TV ffi Y QSF fi Y

    TRVBSF MPBEJOH EJTBCMFE%FUBJM

  24. վળͷΤίγεςϜ

  25. #VUUPOਪ͠ϙΠϯτ ɾQSPQTͰ͍͡ΕΔύλʔϯͷଟ͞ɺ൚༻ ੑͷߴ͞ ɾ͋ͱ͔ΒͲΜͲΜ֦ு͞ΕͯศརϘλϯ ʹͳͬͨ ɾར༻ˠվળˠؐݩˠར༻ͷΤίγεςϜ

  26. $PNCP#PYίϯϙʔωϯτ

  27. %&.0 IUUQTTUPSZTNBSUISVJEFW QBUIEPDTGPSNTʢϑΥʔϜʣDPNCPCPYEPDT IUUQTHJUIVCDPNLVGVTNBSUISVJUSFFNBTUFSTSDDPNQPOFOUT$PNCP#PY

  28. $PNCP#PYਪ͠ϙΠϯτ ɾෳࡶͳ6*΋టष͘ؤு͍ͬͯΔ ɾΩʔϘʔυͰશͯૢ࡞Ͱ͖ΔΑ͏ʹͯ͠ ͍Δ ɾ%SPQEPXO %JBMPH %BUFQJDLFSͳͲ΋

  29. ϨΠΞ΢τܥίϯϙʔωϯτ ɾ$FOUFS ɾ$MVTUFS ɾ4UBDL ɾ4JEFCBS ɾ3FFM

  30. None
  31. None
  32. None
  33. None
  34. None
  35. None

  36. ϨΠΞ΢τਪ͠ϙΠϯτ ɾ&7&3:-":065Λࢀߟʹͨ͠ϨΠΞ΢ τ܈ ɾը໘্ͷ6*શͯ4NBSU)36*Ͱ࣮૷Ͱ ͖ΔΑ͏ʹͳͬͨ

  37. TNBSUISQBUUFSOTུͯ͠εϚύλ 4NBSU)36*Λ࢖͑͹Ұ؏ͨ͠6*ʹͳΔ͸ͣ ͕ ૊Έ߹Θͤํ΍༨നʹݸਓ͕ࠩग़Δ

  38. None

  39. TNBSUISQBUUFSOTུͯ͠εϚύλ ɾසग़ϨΠΞ΢τΛ·ͱΊͨύλʔϯू ɾαϯϓϧίʔυΛݟͳ͕Β࣮૷͢Δ

  40. CONFIDENTIAL ΞΫηγϏϦςΟରԠ

  41. ΞΫηγϏϦςΟରԠ ɾ΢ΣϒΞΫηγϏϦςΟํ਑ ɹɾIUUQTBDDFTTJCJMJUZTNBSUISDPKQEFWFMPQNFOU ɾ΢ΣϒΞΫηγϏϦςΟࢼݧ݁Ռ ೥݄ ɹɾIUUQTBDDFTTJCJMJUZTNBSUISDPKQEFWFMPQNFOUUFTU

  42. ΞΫηγϏϦςΟରԠ 4NBSU)36*ͷΞΫηγϏϦςΟΛ޲্ͤ͞Δ͜ͱ ͕4NBSU)3ͷ͢΂ͯͷϓϩμΫτͷΞΫηγϏϦ ςΟͷ޲্ʹܨ͕Δ

  43. CONFIDENTIAL ςετํ਑

  44. ςετํ਑ ɾ4UPSZCPPLʹΑΔΧλϩάԽ ɾ$ISPNBUJDʹΑΔը૾ճؼςετ ɾUFTUDBGFʹΑΔFF

  45. 4UPSZCPPLʹΑΔΧλϩάԽ IUUQTTUPSZTNBSUISVJEFW

  46. $ISPNBUJDʹΑΔը૾ճؼςετ

  47. 5FTUDBGFʹΑΔFF %BUF1JDLFS $PNCP#PY %JBMPH %SPQEPXOͳͲͷ ෳ਺εςοϓͷૢ࡞͕ඞཁʹͳΔίϯϙʔωϯτͷ ৔߹͸FFΛॻ͍ͯڍಈΛ୲อ͍ͯ͠Δ

  48. 4NBSU)36*ͷ։ൃɾӡ༻ମ੍

  49. 4NBSU)36*ͷ։ൃɾӡ༻ମ੍ ɾઐ೚νʔϜΛஔ͔ͳ͍ ɾΤϯδχΞ͚ͩͷ΋ͷͰ͸ͳ͍ ɾϦϦʔεϑϩʔͷ؆ུԽ

  50. ઐ೚νʔϜΛஔ͔ͳ͍ ɾίϛοτ͸શһ͕͢Δ ɾϩʔυϚοϓͳͲͷେ͖ͳܾΊ͸֤ ϓϩμΫτʹॴଐ͢Δϝϯόʔͷ༗ࢤ Ͱू·ͬͯ࿩͠߹͍ͬͯΔ

  51. ΤϯδχΞ͚ͩͷ΋ͷͰ͸ͳ͍ ΤϯδχΞ͚ͩͰͳ͘ɺσβΠφʔɺ 69ϥΠλʔ΋ੵۃతʹίϛοτͯ͠ ͍Δ

  52. ϦϦʔεϑϩʔͷ؆ུԽ ɾ(JU)VCϙνϙν͚ͩͰϦϦʔεʙ $)"/(&-0(ͷ࡞੒·ͰͰ͖ΔΑ͏ʹͳ͍ͬͯ Δ ɹɾ4NBSU)36*ͷϦϦʔε࡞ۀΛ(JU)VC"DUJPOTͰࣗಈԽ ͨ͠࿩ ɹɾIUUQTUFDITNBSUISKQFOUSZ

  53. 4NBSU)36*ͷ͜Ε͔Β

  54. 4NBSU)36*ͷ՝୊ ɾ3FBDU4FSWFS$PNQPOFOUTରԠ ɾTUZMFEDPNQPOFOUTґଘ ɾίϯϙʔωϯτଟ͗͢໰୊

  55. 4NBSU)36*ͷ՝୊ ͜ΕΒͷ՝୊΁ͷରԠΛ໨ԼਐΊ͍ͯ·͢ɻ ·ͩݕ౼தͷ͜ͱ΋ଟ͘͜͜Ͱ͸࿩͖͠Εͳ͍ͷͰ ؾʹͳΔํ͸௚઀ฉ͍͍ͯͩ͘͞ʂ

  56. ͓ΘΓ

  57. ࢀߟࢿྉ ɾϓϩμΫτؒڞ௨ͷ3FBDUίϯϙʔωϯτϥΠϒϥϦΛӡ༻͢Δ࿩ ɹɾIUUQTUFDITNBSUISKQFOUSZ ɾʮϓϩμΫτؒڞ௨ͷ3FBDUίϯϙʔωϯτϥΠϒϥϦʯ͕Ͳ͏ͳͬ ͔ͨɺͱ͍͏࿩ ɹɾIUUQTUFDITNBSUISKQFOUSZ ɾ4NBSU)36*ͷϦϦʔε࡞ۀΛ(JU)VC"DUJPOTͰࣗಈԽͨ͠࿩ ɹɾIUUQTUFDITNBSUISKQFOUSZ ɾ4NBSU)36*Λத৺ͱͨ͠ΤίγεςϜͷ͢͢Ί ɹɾIUUQTUFDITNBSUISKQFOUSZ