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
コワくない.js1@フレームワークの話
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Emi MATSUDA
January 31, 2017
Programming
210
0
Share
コワくない.js1@フレームワークの話
コワくないjsで、今までのjsの流れとフレームワークやんなきゃいけないの?のお話をしました。
Emi MATSUDA
January 31, 2017
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
250
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
130
コワくないJS:オープニングトーク
matsudaemi
1
240
リアルパンくずナビLT
matsudaemi
0
840
Other Decks in Programming
See All in Programming
JJUG CCC 2026 Spring: JSpecify で実現する Kotlin フレンドリーな Java API 設計
ternbusty
1
110
プロパティの順序で型推論が壊れる!? TypeScript6.0の修正からContext-Sensitivityの仕組みを追う
bicstone
2
1.3k
oxlintはeslint/typescript-eslintを置き換えられるのか
shomafujita
2
290
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3k
TSKaigi2026-静的解析への投資がAI時代のコード品質を支える ── カスタムESLintルールの設計と運用
hayatokudou
7
1.3k
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
taiseiyamamotoan
1
210
RTSPクライアントを自作してみた話
simotin13
0
400
iOS26時代の新規アプリ開発
yuukiw00w
0
220
DynamoDBには集計系のクエリがないけどなんとかしたい
musan
1
110
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
pyama86
3
1.8k
Copilot CLI の継戦能力を高める コンテキスト管理
nozomutu
1
1.1k
Lessons from Spec-Driven Development
simas
PRO
0
110
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
300
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
540
For a Future-Friendly Web
brad_frost
183
10k
A better future with KSS
kneath
240
18k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
370
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.6k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
What's in a price? How to price your products and services
michaelherold
247
13k
Transcript
࠷ۙͷ+BWB4DSJQUͷ ͓ʔͬ͟ͺͳྲྀΕʹ͍ͭͯɻ ϑϨʔϜϫʔΫʁͳʹͦΕ͓͍͍͠ͷʁʁ ίϫ͘ͳ͍KTW ."546%"&NJ UVF
ͪΐͬ͜ͱ͚ͩɺ ྺ࢙ͷ͓ษڧ͔Βɻ
+BWB4DSJQUͷ*&ࡌɻ
&$."TDSJQUͷ8$ඪ४Խɻ
(PPHMF.BQ͕"KBY࠾༻ɻ 'MBTIશ͔Βɺ+4ʹ͕͋ͨΓ͡ΊΔͷ͕͜ͷ͜Ζɻ ࣌ͷ+4%SFBNXFBWFSͷΈࠐΈεχϖοτ͕ଟ͍ɻ
ݱࡏɻຊͬͱ͋Δɻ
ΧΦεa ?P?
ͪΐͬͱྨͯ͠ΈΑ͏ɻ
ͪΐͬͱྨɻ
ϑϩϯτΤϯυ+4ϥΠϒϥϦ ϑϩϯτΤϯυͷ "KBYͩͬͨΓ %0.ૢ࡞ͩͬͨΓΛ ؆୯ʹ࣮Ͱ͖ΔΑ͏ʹ͢Δɻ XFCαΠτͷݟͨͷಈ࡞Λ ՚͔ʹͯ͘͠ΕΔܥɻ ͜ΕΒΛར༻͢Δͷʹ ϓϥάΠϯ͕ͨ͘͞Μɻ
ΞϓϦ։ൃϑϨʔϜϫʔΫྨ εϚϗΞϓϦ։ൃͷͨΊͷ+4ϑϨʔϜϫʔΫɻ 0CKFDUJWF$TXJGUɺ+BWBͰ࡞͢ΔεϚϗͷωΠςΟϒΞϓϦΛ +BWB4DSJQUͰॻ͚ΔΑ͏ʹͨ͠։ൃڥͷηοτɻ
+4͡Όͳ͍Μ͚ͩͲɻ$44ϓϦϓϩηοαྨ $44Λ؆୯ʹॻ͚Δ $44ͷ֦ுݴޠɻ ίϨͰॻ͍ͯ ίϯύΠϧʢల։ʣͯ͠ ࠷ऴతʹ$44ϑΝΠϧʹͯ͠ αΠτʹө͢Δɻ
BMU+4ྨɻ+4ͷ֦ுݴޠɻ +BWB4DSJQUΛΑΓॻ͖͘͢͢Δ +BWB4DSJQU֦ுݴޠɻ ࠓͷ+BWB4DSJQU͡Όͳͯ͘ কདྷͷ+BWB4DSJQUͷॻ͖ํ͕Ͱ͖ͨΓɻ ϑϩϯτΤϯυͰ ίϨίϯύΠϧʢల։ʣͯ͠ +4ϑΝΠϧʹͯ͠αΠτʹө͢Δɻ
/PEFKT όοΫΤϯυͰͬͨΓ1$ͩͬͨΓ ϒϥβҎ֎Ͱ͑Δ+BWB4DSJQUɻ όοΫΤϯυͷϑϨʔϜϫʔΫͱͯ͠FYQSFTT.FUFPSɺTBJMT͕͋Δɻ πʔϧΛ+BWB4DSJQUͰಈ͔͢߹ɺ/PEFKT͕͕Μͬͯ·͢ɻ
λεΫϥϯφʔྨ $44ϓϦϓϩηοαBMU"+ΛίϯύΠϧʢల։ʣ͢ΔͷΛ ؆୯ʹͯ͘͠ΕΔܥͷπʔϧͨͪɻ /PEFKTͰಈ͍ͯΔ͔Βɺ͜Ε+BWB4DSJQUͷͳ͔·ɻ ͳ͍͍͚ͯ͘Ͳɺ͋ͬͨΒศརͩͶɻ
XFC(-ܥ ϒϥβͰ%ඳը͢Δͭɻ DBOWBTͱTWHɺ؆୯ʹݴ͏ͱ)5.-ཁૉɻ %UISFFKTͦΕΛಈ͔͢༻ͷϥΠϒϥϦɻ
ςετܥ +BWB4DSJQU͕ ఆͨ͠௨Γʹಈ͔͘Ͳ͏͔Λ ςετ͢ΔͨΊͷπʔϧɻ
ϑϩϯτΤϯυ+4ϑϨʔϜϫʔΫྨ 41"ʢγϯάϧϖʔδΞϓϦʣͷ ࣮Λ͘͢͢͠Δ +4ͷϑϨʔϜϫʔΫɻ
ͪΐͬͱྨɻ ϑϩϯτΤϯυ +4ϥΠϒϥϦ ΞϓϦ։ൃ ϑϨʔϜϫʔΫ $44 ϓϦϓϩηοα BMU+4 /PEFKT λεΫϥϯφʔ
XFC(-ܥ ςετܥ ϑϩϯτΤϯυ +4ϑϨʔϜϫʔΫ
࠷ۙΑ͘ฉ͘ ʮϑϨʔϜϫʔΫʯͬͯͳʹʁ
ʮϑϨʔϜϫʔΫʯͷҙຯ w ͜͏͍͏;͏ʹΓ·͠ΐʔͶϧʔϧɻ w ϓϩάϥϛϯάҎ֎ͰΘΕΔݴ༿ɻ
ʮϑϨʔϜϫʔΫʯͷҙຯ w ϓϩάϥϛϯάͰʮϑϨʔϜϫʔΫʯ͍ͬͯ͏࣌ʹ ɺʮ͜ͷϧʔϧͰॻ͍ͨΒಈ͘Α͏ʹηοτΞο ϓͯ͠Δ͔Βɺ͜͏͍͏ϧʔϧͰॻ͍ͯͶʯͬͯηο τΛ·Δͬͱ༻ҙͯ͘͠ΕͯΔঢ়ଶɻ
ʮϥΠϒϥϦʯͱʮϑϨʔϜϫʔΫʯ w ʮϥΠϒϥϦʯɺػೳΛ·ͱΊͨϞϊ͔Βɺඞཁ ͳػೳΛݺͼग़ͯࣗ͠༝ʹ͔ͭ͏ͭɻ w K2VFSZͱ͔ɻVOEFSTDPSFKTͱ͔ɻ
ʮϥΠϒϥϦʯͱʮϑϨʔϜϫʔΫʯ w ʮϑϨʔϜϫʔΫʯɺ·Δͬͱ༻ҙ͞Εͨڥͷ தͰɺܾΊΒΕͨ௨Γʹ݀ຒΊܗࣜͰ࡞͍ͬͯ͘ ͭɻ w "OHVMBSKTͱ͔ɻ3FBDUͱ͔ɻ
ʮϥΠϒϥϦʯͱʮϑϨʔϜϫʔΫʯ w ͿͬͪΌ͚ɺ۠ผ͠ΜͰΑ͍ͱࢥ͏ʢɾТɾʣ
࠷ۙϑϩϯτΤϯυͰ ʮϑϨʔϜϫʔΫʯͱݺΕͯΔϞϊ w جຊతʹʮ41"ϑϨʔϜϫʔΫʯͷ͜ͱΛࢦͯ͠ Δ߹͕ଟ͍ɻ w ʮ.7ͳΜͪΌΒʯ͍ͬͯ͏ίτό͕ग़ͯ͘Δͷ ΄΅ͦΕɻ
࠷ۙϑϩϯτΤϯυͰ ʮϑϨʔϜϫʔΫʯͱݺΕͯΔϞϊ w "OHVMBSKT w 3FBDU w 7JFXKT w 3JPUKT
w #BDLCPOFKT w ͱ͔ͱ͔ɻ͍ͬͺ͍ɻ
࠷ۙϑϩϯτΤϯυͰ ʮϑϨʔϜϫʔΫʯͱݺΕͯΔϞϊ w 41" γϯάϧϖʔδΞϓϦέʔγϣϯ ͯʜˣ w %0.ૢ࡞͘͠WJSUVBM%0.ૢ࡞Ͱɺϖʔδͷঢ় ଶΛม͑Δͭɻ˞ w
ϖʔδભҠͯ͠ͳ͍ͷʹɺΫϦοΫͱ͔εΫϩʔϧ ͱ͔ͷಈ࡞Ͱϖʔδͷத͕͔ΘΔͭɻ
࠷ۙϑϩϯτΤϯυͰ ʮϑϨʔϜϫʔΫʯͱݺΕͯΔϞϊ w 41"ɺK2VFSZͩͱ͍ͨΜʼʻ
࠷ۙϑϩϯτΤϯυͰ ʮϑϨʔϜϫʔΫʯͱݺΕͯΔϞϊ w 41"Έ͍ͨʹ%0.ΰϦΰϦಈ͔ͨ͠Γͱ͔͠ͳ͍ ͳΒɺϑϨʔϜϫʔΫ͔ͭΘͳͯ͘Ͱ͖Δɻ w Ή͠ΖK2VFSZͷํ͕ϝϯς͔ͬͨ͢͠Γ͢Δɻ
࠷ۙϑϩϯτΤϯυͰ ʮϑϨʔϜϫʔΫʯͱݺΕͯΔϞϊ w ϜϦͯ͠ϑϨʔϜϫʔΫΘΜͰΑ͍ΑʢɾТɾʣ
+4ͷྲྀߦͬͯɺ ͬͨ΄͏͕͍͍ͷʁ
+4ͷ͍͔͚ํೖ w ྲྀߦͬͯΔΆ͍͔ΒͬͯɺϜϦʹखΛग़͞ͳͯ͘ Α͍Αɻ w ͕ࣗ୲͢Δ͓ࣄ͕ɺͲ͏͍͏Ҋ݅ͳͷ͔Λݟ ۃΊͯɺ͏ͷΛબΜͩΒΑ͍Αɻ
+4ͷ͍͔͚ํೖ w ͏ͷΛબͿʹɺʮͲ͏͍͏ͷ͕͋Δ͔ʯʮ͋ɺ ͍ͦ͑ฉ͍ͨ͜ͱ͋Δʯ͘Β͍ͷ΅ΜΓͨ͠ه Ա͕Ͳ͔͜ʹ͋Δͱศརɻ w ͘͠ɺάάΓํͬͯΕ0,ɻ w ͖ͬ͞ͷྨɺͪΐͬͱ͚ͩؾʹ͓͍ͯͯ͠Ͷɻ
+4ͷ͍͔͚ํೖ w ʮ৽ٕज़δϓγʔʯɺ͠ͳͯ͘Α͍Αɻ w ʢΑͬΆͲ༨༟͕͋ΔΜͳΒͲ͏ͧʙʣ
+4ͷ͍͔͚ํೖ w ඞཁͳͷɺ w ʮҊ݅ʹඞཁͳͷΛʯ w ʮඞཁͳ࣌ʹʯ w ʮඞཁʹԠͯ͡ɺௐͯɺ͑Δ͜ͱʯ
w ʮ͋Ε͜ΕΒͳ͖Ό͍͚ͳ͍ʯ Έ͍ͨͳϓϨογϟʔ͕ ͢͜͠Ͱղফ͞Ε·͢Α͏ʹɻ
w ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ΜʢɾТɾʣϊ