依存ライブラリを薄くするために車輪を再開発してもいいんだよ🛞

Transcript

1. ґଘϥΠϒϥϦΛബ͘͢ΔͨΊʹ ंྠΛ࠶։ൃͯ͠΋͍͍ΜͩΑ🛞 2025/11/26 Θͨͳ΂Ώ͏
2. ࣗݾ঺հ ໊લɿΘͨͳ΂Ώ͏ ॴଐɿ - גࣜձࣾBLUEISHɿVPoE ຊۀ - ߹ಉձࣾAlmoha - ٕज़ސ໰ͨ͠Γଞͷձࣾͷ͓ख఻͍ͳͲ… Xɿ@hmktsu / GitHubɿ@watanabeyu 10݄ʹ๺ւಓߦͬͨ࣌ʹೖͬͨงғؾ͕ͱͯ΋ྑ͍όʔͷࣸਅ
3. גࣜձࣾBLUEISH BLUEISH Agentsͱ͍͏๏ਓ޲͚AI ΤʔδΣϯτͷϓϥοτϑΥʔϜΛ ։ൃͯ͠ɺΫϩʔζυͰఏڙத AIΛޏ͏ͱ͔AIϫʔΫϑϩʔͷࣗಈ ߏஙͱ͔ϚʔέοτϓϨΠεͳͲͳ Ͳ
4. ߹ಉձࣾAlmoha 5ਓ͘Β͍Ͱ ਓࣄܥͷSaasͷ։ൃ - ૊৫ਤ࡞੒ͷWEALL - ૊৫Χϧνϟʔ਍அͷWEALL Culture Survey
5. ಋೖ ٱ͠ͿΓʹϝϯςφϯεΛ͢Δͧͱͳͬͨͱ͖ʹ ϥΠϒϥϦґଘ͕͔ͬͨͨ͢͝Ίʹߋ৽͕େมͩͬͨ… ͪͳΈʹࠓճ͸RNͱ͍͏ΑΓ΋Reactͷ࿩͕த৺
6. ࣄͷ࢝·Γ
7. ൿ఻ͷܧ͗଍͠ͷͱ͋ΔϓϩδΣΫτ • 3೥લ͘Β͍͔Β։ൃ • ్தϦϙδτϦ౷߹Λͯ͠monorepoԽ • ޙʹpnpmΛ࢖༻ • ৽͘͠web(dashboard)Λ࡞Δʹͯ͠΋ݹ͍ํͱͷόʔδϣϯ߹Θͤ ͕೉͍ͨ͠Ίʹpnpm catalogػೳΛ࢖֤͑ͣpackage.jsonͰ؅ཧ…
8. ໌Β͔ʹඇޮ཰
9. ͱ͍͏͜ͱͰ • લ͔Βଘࡏ͍ͯ͠ΔwebσΟϨΫτϦ಺ͷϥΠϒϥϦେن໛Ξοϓ σʔτΛ͠ͳ͍ͱ͍͚ͳ͍ • Next v13 -> v14 -> v15΁ͷஈ֊Ξοϓσʔτ • ൐ͬͯReact v19ରԠ • Recoilͷஔ͖׵͑… • ॾʑ
10. Ճ͑ͯ • dependenciesʹೖ͍ͬͯΔ΋ͷ͸ຊ౰ʹ࢖͍ͬͯΔͷ͔֬ೝ • ͦ΋ͦ΋৭ΜͳϥΠϒϥϦͷΞοϓσʔτ͕͞Ε·͘Γ • Aͱ͍͏ϥΠϒϥϦΛΞοϓσʔτ͢Δʹ͸Bͱ͍͏ϥΠϒϥϦΛ Ξοϓσʔτͯ͠ɺͰ΋React v19ରԠ͕… • peerDependencies͕Կ͔Α͘Θ͔Βͳ͍͚Ͳ๸͑ͯΔ…ͳͲ ࠓճͰͲ͏ʹ͔͠ͳ͍ͱຊ౰ʹϠόͦ͏
11. ਫ਼ࠪͨ݁͠Ռ
12. ύοέʔδ࡟আ -> 13 ͓ख੡ʹஔ͖׵͑ -> 6
13. ྫ
14. @vvo/tzdb -> Intl.supportedValuesOf(‘timeZone') • timezoneͷobjectΛฦͯ͘͠ΕΔϥΠϒϥϦ • αʔϏε಺Ͱ͸ϢʔβͷλΠϜκʔϯઃఆͰAsia/TokyoΈ͍ͨͳͷΛ ౉͍͚ͨͩ͠ • ͱ͍͏͜ͱͰ૊ΈࠐΈͷIntl.supportedValuesOfΛ࢖͏͜ͱʹ • ES2022Ҏ߱͸ରԠࡁΈ + Ϟμϯϒϥ΢βશରԠ
15. @vvo/tzdb -> Intl.supportedValuesOf(‘timeZone') • @vvo/tzdb͸ҰՕॴ͔͠࢖͍ͬͯͳ͍ͷͰඪ४ͷػೳͰԿ͔ͳ͍Ͱ͢ ͔ʁ • Έ͍ͨͳײ͡ͰClaude CodeͰҰൃੜ੒ ศརͳੈͷத
16. ͜Μͳײ͡Ͱஔ͖׵͑ΛՌͨͨ͠ ଞʹ͸UIͷύʔπͩͬͨΓେখ༷ʑ
17. ੜ੒AI࣌୅ɺ͜͏͍͏ஔ͖׵͑͸ ͘͢͝؆୯ʹͰ͖ΔΑ͏ʹͳͬͨ
18. ͜ͷϥΠϒϥϦͷҰ෦ͷػೳ͕ཉ͍͠ΜͩΑͳ… ͱ͍͏ͱ͖ʹαΫοͱ࡞Γ΍͘͢ͳͬͨ࣌୅ ίʔυͷు͖ࣺͯ΋͠΍͍࣌͢୅Ͱ΋͋Δ
19. ޻෉Λ͢Ε͹ଞͷϥΠϒϥϦʹґଘͤͣͱ΋ ࣗ෼ͷϓϩμΫτʹ͋ͬͨεϞʔϧͳίʔυΛ ୭Ͱ΋؆୯ʹ࡞ΕΔ
20. Ξοϓσʔτͷͱ͖ͷ εύήοςΟঢ়ଶ΋ଟগ͸ݮΔ͸ͣ…🍝
21. ͦ΋ͦ΋ • ͪΌΜͱ೔ʑ೔ʑϥΠϒϥϦͷߋ৽͸͠·͠ΐ͏ • ੜ੒AIֶ͕शͯ͘͠Δίʔυ͸΋ͷʹΑͬͯ͸ϥΠηϯε͕…ͱ͍͏ ͜ͱ΋͋ΔͷͰɺग़͞Εͨίʔυ͸ͪΌΜͱݟͭͭࣗ෼͕࠷ऴ੹೚ऀ ʹͳΓ·͠ΐ͏ • React v18 -> v19Έ͍ͨͳେن໛ΞʔΩςΫνϟߋ৽͕དྷΔ͜ͱΛલ ఏʹߟ͑ͯɺϥΠϒϥϦͷಋೖ͸ܾΊ·͠ΐ͏
22. - ͓ΘΓ -