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
470
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
200
5-things-for-front-end
tascript
0
11k
legacy_code_fukuoka_js
tascript
1
460
enjoy_mruby_2021
tascript
0
110
TypeScript_BFF
tascript
4
4.8k
frontend_to_cli_tool_by_rust
tascript
0
580
nestjs_typeorm
tascript
0
670
Asyncで 非同期処理を 少しだけ楽に書く/ ruby_with_async
tascript
0
230
Other Decks in Technology
See All in Technology
Serverless Agent Architecture on Azure / serverless-agent-on-azure
miyake
1
150
Claude Codeが爆速進化してプラグイン追従がつらいので半自動化した話 ver.2
rfdnxbro
0
350
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.4k
クラウド時代における一時権限取得
krrrr38
1
170
Kaggleで鍛えたスキルの実務での活かし方 競技とプロダクト開発のリアル
recruitengineers
PRO
1
180
バクラクのSREにおけるAgentic AIへの挑戦/Our Journey with Agentic AI
taddy_919
2
1.1k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
5
18k
聲の形にみるアクセシビリティ
tomokusaba
0
110
製造業ドメインにおける LLMプロダクト構築: 複雑な文脈へのアプローチ
caddi_eng
1
500
Oracle Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
4
1.6k
EMからICへ、二周目人材としてAI全振りのプロダクト開発で見つけた武器
yug1224
4
450
マルチロールEMが実践する「組織のレジリエンス」を高めるための組織構造と人材配置戦略
coconala_engineer
3
510
Featured
See All Featured
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
120
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
A Soul's Torment
seathinner
5
2.4k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
980
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
620
Information Architects: The Missing Link in Design Systems
soysaucechin
0
810
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
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ɹ