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
150
5-things-for-front-end
tascript
0
9.9k
legacy_code_fukuoka_js
tascript
1
430
enjoy_mruby_2021
tascript
0
110
TypeScript_BFF
tascript
4
4.8k
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
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
560
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
10k
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.1k
生成AIでセキュリティ運用を効率化する話
sakaitakeshi
0
350
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
miichan
2
170
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
960
AI駆動開発に向けた新しいエンジニアマインドセット
kazue
0
290
クラウドセキュリティを支える技術と運用の最前線 / Cutting-edge Technologies and Operations Supporting Cloud Security
yuj1osm
2
300
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
150
kubellが考える戦略と実行を繋ぐ活用ファーストのデータ分析基盤
kubell_hr
0
150
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
200
Kubernetes における cgroup v2 でのOut-Of-Memory 問題の解決
pfn
PRO
0
470
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
96
6.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
187
54k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Bash Introduction
62gerente
615
210k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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ɹ