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
440
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
130
5-things-for-front-end
tascript
0
9.7k
legacy_code_fukuoka_js
tascript
1
400
enjoy_mruby_2021
tascript
0
97
TypeScript_BFF
tascript
4
4.7k
frontend_to_cli_tool_by_rust
tascript
0
550
nestjs_typeorm
tascript
0
640
Asyncで 非同期処理を 少しだけ楽に書く/ ruby_with_async
tascript
0
180
Other Decks in Technology
See All in Technology
本が全く読めなかった過去の自分へ
genshun9
0
650
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
150
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
300
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.2k
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
150
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
130
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
nyata
0
250
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
960
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
150
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
0
190
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
130
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
300
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.1k
Statistics for Hackers
jakevdp
799
220k
How to Ace a Technical Interview
jacobian
277
23k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
A better future with KSS
kneath
239
17k
How to train your dragon (web standard)
notwaldorf
94
6.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
The Invisible Side of Design
smashingmag
300
51k
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ɹ