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
Emi MATSUDA
January 31, 2017
Programming
0
200
コワくない.js1@フレームワークの話
コワくないjsで、今までのjsの流れとフレームワークやんなきゃいけないの?のお話をしました。
Emi MATSUDA
January 31, 2017
Tweet
Share
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
240
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
120
コワくないJS:オープニングトーク
matsudaemi
1
230
リアルパンくずナビLT
matsudaemi
0
790
Other Decks in Programming
See All in Programming
ソフトウェア設計の実践的な考え方
masuda220
PRO
3
490
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
690
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
3.5k
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
370
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.9k
Serena MCPのすすめ
wadakatu
4
900
dynamic!
moro
9
6.6k
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
Le côté obscur des IA génératives
pascallemerrer
0
120
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
220
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
530
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
600
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
RailsConf 2023
tenderlove
30
1.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
We Have a Design System, Now What?
morganepeng
53
7.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Context Engineering - Making Every Token Count
addyosmani
5
180
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Optimizing for Happiness
mojombo
379
70k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ΜʢɾТɾʣϊ