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
460
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
10k
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
660
Asyncで 非同期処理を 少しだけ楽に書く/ ruby_with_async
tascript
0
200
Other Decks in Technology
See All in Technology
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
120
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
970
自動テストのコストと向き合ってみた
qa
0
200
オープンソースでどこまでできる?フォーマル検証チャレンジ
msyksphinz
0
110
空間を設計する力を考える / 20251004 Naoki Takahashi
shift_evolve
PRO
4
430
これがLambdaレス時代のChatOpsだ!実例で学ぶAmazon Q Developerカスタムアクション活用法
iwamot
PRO
4
160
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
140
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
3
2k
英語は話せません!それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
niioka_97
0
130
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
120
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
120
Adapty_東京AI祭ハッカソン2025ピッチスライド
shinoyamada
0
140
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1371
200k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Documentation Writing (for coders)
carmenintech
75
5k
How to Ace a Technical Interview
jacobian
280
24k
What's in a price? How to price your products and services
michaelherold
246
12k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
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ɹ