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
svelte_typescript_fukuoka_ts
Search
Wataru Morita
August 23, 2021
Technology
1
450
svelte_typescript_fukuoka_ts
Wataru Morita
August 23, 2021
Tweet
Share
More Decks by Wataru Morita
See All by Wataru Morita
thanks_react_router_v7
tascript
0
140
5-things-for-front-end
tascript
0
9.9k
legacy_code_fukuoka_js
tascript
1
430
enjoy_mruby_2021
tascript
0
100
TypeScript_BFF
tascript
4
4.7k
frontend_to_cli_tool_by_rust
tascript
0
560
nestjs_typeorm
tascript
0
650
Asyncで 非同期処理を 少しだけ楽に書く/ ruby_with_async
tascript
0
190
Other Decks in Technology
See All in Technology
「Roblox」の開発環境とその効率化 ~DAU9700万人超の巨大プラットフォームの開発 事始め~
keitatanji
0
130
Claude Codeは仕様駆動の夢を見ない
gotalab555
23
6.8k
【OptimizationNight】数理最適化のラストワンマイルとしてのUIUX
brainpadpr
2
500
生成AIによるソフトウェア開発の収束地点 - Hack Fes 2025
vaaaaanquish
34
15k
AI時代の経営、Bet AI Vision #BetAIDay
layerx
PRO
2
2.1k
React Server ComponentsでAPI不要の開発体験
polidog
PRO
0
320
AWS DDoS攻撃防御の最前線
ryutakondo
1
170
Segment Anything Modelの最新動向:SAM2とその発展系
tenten0727
0
880
生成AIによるデータサイエンスの変革
taka_aki
0
3k
PL/pgSQLの基本と使い所
tameguro
2
220
テストを実行してSorbetのsigを書こう!
sansantech
PRO
1
120
OPENLOGI Company Profile for engineer
hr01
1
38k
Featured
See All Featured
BBQ
matthewcrist
89
9.8k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Making Projects Easy
brettharned
117
6.3k
Adopting Sorbet at Scale
ufuk
77
9.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Building an army of robots
kneath
306
45k
Designing Experiences People Love
moore
142
24k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Music & Morning Musume
bryan
46
6.7k
Automating Front-end Workflow
addyosmani
1370
200k
Transcript
4WFMUFͱ5ZQF4DSJQUͷ͓ !UBTDSJQU 'VLVPLBUT
͔ͣΜ ా !UBTDSJQUɺͨ͘͢Μ (.0ϖύϘ ϑϩϯτΤϯυΤϯδχΞ 4WFMUFॳ৺ऀ
4WFMUFͷ͓Λ͠·͢
4WFMUF w એݴతͳهड़Ͱ6*Λੜ͢ΔͨΊͷϥΠϒϥϦ ࣮ଶ ίϯύΠϥ w 7VFKTͷ4'$ͬΆ͘هड़͢Δ͜ͱͰ6*Λੜ w Ծ%0.ΛඞཁͱͤͣɺϏϧυ࣌ʹมߋΛهԱ͢
Δ͜ͱͰύϑΥʔϚϯεΛվળ w ϑϨʔϜϫʔΫؚ͕·Εͳ͍ܗͰWBOJMMB+4ʹτϥϯ εύΠϧ͢Δ w ݁Ռͱͯ͠3FBDU7VFΑΓߴͳ࣮ߦΛ࣮ݱ͢Δ
ྫTWFMUF TDSJQUλάʹϩδοΫΛهड़ 6*ͷهड़IUNMͱJNQPSUͨ͠ ίϯϙʔωϯτʹΑΓੜ TUZMFλάͰελΠϧͷઃఆ
։ൃʹ͍ͭͯ
4WFMUFXJUI5ZQF4DSJQU w ݄ʹ5ZQF4DSJQUΛαϙʔτ w 4WFMUFͷ࡞ऀ3PMMVQ࡞͍ͯ͠ΔͷͰɺαϙʔ τͷ؍Ͱ͍͏ͱ3PMMVQͱ7JUF ෦తʹ3PMMVQΛར ༻͍ͯ͠Δ Λ༻ͯ͠Ϗϧυ͢Δͷ͕͍͍͔ XFCQBDL͑Δ
w 5ZQF4DSJQUΛ༻ͨ͠Α͛͞ͳελʔλʔ͕ݟ͔ͭ Βͳ͍ 7JUFͷTDB⒎PMEͰ࡞ͨ͠ελʔλʔެࣜ Ͱଘࡏ͢Δ
ͱ͍͏͜ͱͰ
ελʔλʔΛ࡞ͬͯΈ·ͨ͠🎉 w 8FCQBDL൛ w IUUQTHJUIVCDPNUBTDSJQUZTS w 3PMMVQ൛ w IUUQTHJUIVCDPNUBTDSJQULON w
7JUF൛ w IUUQTHJUIVCDPNUBTDSJQULHS
͜ΕΒͷςϯϓϨʔτΛ ϕʔεʹΛ͍͖ͯ͠·͢
UTDPOpHKTPO ڞ௨ w !UTDPOpHTWFMUFΛFYUFOEͯ͠هࡌ͢Δ w JNQPSUT/PU6TFE"T7BMVFTlFSSPSz w TWFMUFͷϓϦϓϩηοαͰJNQPSUͨ͠ͷ͕ܕ͔͔ அͰ͖ͳ͍ͷͰܕใͷࢀরJNQPSUUZQFͰߦ͏ w
lTPVSDFNBQzlUSVFz w ίϯύΠϥʹΑΔXBSOJOH͓ΑͼFSSPSҐஔΛ ਖ਼͘͠ղऍͰ͖ΔΑ͏ʹඞཁ w lUZQFTz<lTWFMUFz>ͷهࡌ
UTDPOpHKTPO 7JUF w lUZQFTz<lTWFMUFz lWJUFDMJFOUz>ͷهࡌ w σϑΥϧτͩͱ/PEFKTͷ"1*Λݟʹߦͬͯ͠·͏ͷͰ ΫϥΠΞϯταΠυͷܕΛࢀরͰ͖ΔΑ͏ʹઃఆ͢Δ ).3ͷ"1*ɺ7JUFͷڥม
TWFMUFQSFQSPDFTT ڞ௨ w σϑΥϧτͰTDSJQUλάTUZMFλάΛղऍͯ͠τϥϯεύΠϧ͢Δ IUUQTTWFMUFEFWEPDTTWFMUF@QSFQSPDFTT w TWFMUFQSFQSPDFTT ެࣜύοέʔδ Λ༻͢Δ͜ͱͰ
4$445ZQF4DSJQUΛղऍͰ͖ΔΑ͏ʹ͢Δ w 5ZQF4DSJQUͷ߹TDSJQUλάʹMBOHlUTzΛՃ͢Δ
XFCQBDLDPOpHUT w TWFMUFMPBEFSɺUTMPBEFSΛ༻ w TWFMUFMPBEFSͷPQUJPOTQSFQSPDFTTʹ TWFMUFQSFQSPDFTTΛઃఆ w XFCQBDLઃఆͷՃ͕ඞཁ w NKTͷಡΈࠐΈ͕͏·͍͔͘ͳ͍ͬΆ͍ʁ
IUUQTHJUIVCDPNTWFMUFKTTWFMUFMPBEFSVTBHF
SPMMVQDPOpHUT w SPMMVQQMVHVJOTWFMUFɺ !SPMMVQQMVHJOUZQFTDSJQUΛ༻ w SPMMVQQMVHVJOTWFMUFͷQSFQSPDFTTϓϩύςΟ ʹTWFMUFQSFQSPDFTTΛઃఆ w $PNNPO+4Λ&4.PEVMFT &4
ͷܗʹ ίϯόʔτ͢ΔͨΊ!SPMMVQQMVHJODPNNPOKTΛ༻ w 3PMMVQ&4ͷϞδϡʔϧγεςϜʹै͏ w αʔυύʔςΟͷύοέʔδΛಡΈࠐΉͨΊʹ !SPMMVQQMVHJOOPEFSFTPMWFΛ༻͢Δ
WJUFDPOpHUT w !TWFMUFKTWJUFQMVHJOTWFMUFΛ༻ w !TWFMUFKTWJUFQMVHJOTWFMUFͷQSFQSPDFTT ϓϩύςΟʹTWFMUFQSFQSPDFTTΛઃఆ w ͱʹ͔͘DPOpH͕ͯ͘γϯϓϧ
Ϗϧυ ઃఆઌͷ௨Γ w ZTS 8FCQBDL൛ w T w ϑΝΠϧαΠζ,#
w LON 3PMMVQ w T w ϑΝΠϧαΠζ,# w LHS 7JUF w T w ϑΝΠϧαΠζ,#
͑ɺ7JUF͘͢͝ͳ͍ʁ😳
7JUF w /BUJWF&4.ʹΑΔϞδϡʔϧͷಡΈࠐΈΛ࣮ࢪͨ͠ ։ൃڥΛఏڙ͢Δ w $PNNPO+46.%Λ&4.ʹม͠ґଘؔΛࣄલʹ όϯυϧ 1SF#VOEMJOH ͠ɺ࣮ࡍͷJNQPSUϒϥβ্Ͱ࣮ࢪ͢Δ w
࣮࣭తͳόϯυϧ JNQPSUʹΑΔϞδϡʔϧͷಡΈࠐΈ͕ྃͨ͠ঢ়ଶ ͷόϯυϧ ͕ଘࡏ͠ͳ͍ͷͰ։ൃ༻αʔόʔͷ্ཱ͕ͪΓ͕͍ w 1SF#VOEMJOHʹFTCVJME IUUQTHJUIVCDPNFWBOXFTCVJME Λ ༻͢Δ͜ͱͰߴͳόϯυϧΛ࣮ݱ w ࠓճͷςϯϓϨʔτ LHS ͩͱNT୯ҐͰ։ൃڥ্ཱ͕͕ͪΔ w QSPEVDUJPOCVJMEʹSPMMVQΛ͏
4WFMUF7JUFͰ ։ൃͨ͠΄͏͕Αͦ͞͏ʙ#
Ҏ߱7JUFͷར༻Λલఏͱͯ͠ 4WFMUFͷʹ͠·͢
4WFMUFͷγϯλοΫε w 7VFKT 4'$ ϥΠΫͳγϯλοΫε w ϥΠϑαΠΫϧDPNQVUFE ʹ͍ۙ֓೦͕ಋೖ͞Ε͍ͯͯΔ w FNJUʹΑΔࢠ͔ΒͷΠϕϯτΛ
ݺͼग़͞ͳ͍γϯϓϧʹ࣮Ͱ͖Δ w Πϕϯτͷྲྀಈੑ͕Ұҙ
XJUI5ZQF4DSJQU
w ϓϦϛςΟϒܕͳ͠ w ΦϒδΣΫτܕͷQSPQT͕ೖ͖ͬͯͨ߹ DBTU͢Δඞཁ͕͋Δ w 5ZQF4DSJQUͷίϯςΩετ͔Β͢Δͱ ͋·ΓΑΖ͘͠ͳ͍ w ਓ͕ؒίϯύΠϥΛೲಘͤ͞Δͱ͍͏ܗ
7VFKT 4'$ ͷ߹
w ΦϒδΣΫτܕͷQSPQT͕ೖ͖ͬͯͨͱͯ͠ DBTU͢Δඞཁੑ͕ͳ͍ w 7VFKT 4'$ ΑΓ5ZQF4DSJQUͱͷੑ Αͦ͞͏ 4WFMUFͷ߹
ͪͳΈʹ
7VFKT 549 w ܥ ͰWVFUTYTVQQPSUΛಋೖ͢Δ͜ͱͰUTYΛα ϙʔτՄೳ w ܥͰσϑΥϧτͰ549Λαϙʔτ IUUQTHJUIVCDPN
WVFKTWVFOFYUSFMFBTFTUBHW w ܕͷิΛڧԽ w ΦϒδΣΫτܕͷQSPQTૉʹͤΔ
࠶ͼ4WFMUFͷ͓
w 4WFMUFͷύοέʔδʹแ͞Ε͍ͯΔ w ܕใ༩Ͱ͖Δ w ϛϡʔλϒϧΠϛϡʔλϒϧ બ͢Δ͜ͱ͕Ͱ͖Δ w 8SJUBCMF3FBEBCMFͷܕใΛ ༩͢Δ͜ͱͰɺͷΞΫηεݖΛ
ܕνΣοΫͰཧͰ͖Δ TUPSF
TWFMUFDIFDL w TWFMUFϑΝΠϧʹ͓͍ͯ༻͍ͯ͠ͳ͍$44ɺBZɺܕ ใΛMJOUͯ͘͠ΕΔύοέʔδ w 7JUF5ZQF4DSJQUΛτϥϯεύΠϧͷΈͰܕνΣοΫ·Ͱ ࣮ࢪ͠ͳ͍ w TWFMUFDIFDLͱUTDʹOPFNJUΦϓγϣϯΛ͚ͭͯܕͷ νΣοΫ·ͰΛ࣮ࢪͨ͠΄͏͕ྑͦ͞͏
͜͜·Ͱ͓͚ͬͯ 4WFMUFº5ZQF4DSJQU ͳͦ͞͏ʙ#
ࠓճࢼ͔͚ͨͬͨ͠Ͳ Ͱ͖ͳ͔ͬͨ͜ͱ😭
4WFMUF,JU w 4WFMUFͷ8FCΞϓϦέʔγϣϯϑϨʔϜϫʔΫ w /FYUKTͱ͔/VYUKTͷΑ͏ͳϙδγϣϯ w 44341"ͷ։ൃ͕Մೳ w 4BQQFSͱ͍͏ϑϨʔϜϫʔΫͷޙܧ ࠓͷॴЌ൛
TWFMUFBEBQUFS w 3FBDUͱ7VFͷΤίγεςϜ্ͰTWFMUFϑΝΠϧͰ࡞ͬͨ ίϯϙʔωϯτΛར༻Ͱ͖ΔΑ͏ʹ͢ΔϥΠϒϥϦ w ੍ݶࣄ߲͕͍͔ͭ͋͘Δ IUUQTHJUIVCDPNQOHXO TWFMUFBEBQUFSMJNJUBUJPOT w
ܕใ͕ͳ͍ w 3FBDU7VFͷࢿ࢈͕ଟ͘ɺҰ෦4WFMUFΛ͍͍ͨ߹ʹ ศརͦ͏
·ͱΊ
ࠓճͷ·ͱΊ w 4WFMUFº5ZQF4DSJQUͷελʔλʔΛ࡞ͬͨ w 4WFMUFͷ։ൃ7JUFΛϏϧυπʔϧͱͯ͠બͨ͠ ΄͏͕Αͦ͞͏ w &4./BUJWFͷ։ൃମݧύϑΥʔϚϯεͷ؍ ͔Βؾ͍͍࣋ͪ w
7VFKTϥΠΫͷγϯλοΫε ܕใͷ༩͕ 7VFKT 4'$ ΑΓݫີͰ͖Δ
5IBOLZPV !UBTDSJQU 'VLVPLBUTɹ