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
180
コワくない.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
170
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
100
コワくないJS:オープニングトーク
matsudaemi
1
210
リアルパンくずナビLT
matsudaemi
0
670
Other Decks in Programming
See All in Programming
オブジェクトしこう
okuramasafumi
2
130
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
27
19k
Material 3で Material 2ぽい見た目にする
numeroanddev
2
250
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
2.1k
OpenTelemetry のサービスという概念について
azukiazusa1
1
410
「コンパイル時のユニットテスト」導入するとユニットテストを 書かなくてよくなるのか?
tomohisa
9
2.2k
ONE WEDGE_Company_Information
1wedge
0
180
Learning PHP and Static Analysis with PHP Parser
inouehi
1
250
Open Source Swiftc Workshop
kitasuke
1
290
Swiftの型推論を学ぼう | Let's Learn About Type Inference in Swift
omochi
2
570
どうしてこうなった命名集 ~🔥編~ / OOC 2024 LT
pictiny
4
2.9k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
71
5.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
The Language of Interfaces
destraynor
150
23k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Why Our Code Smells
bkeepers
PRO
330
56k
Building Applications with DynamoDB
mza
88
5.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
4 Signs Your Business is Dying
shpigford
174
21k
Making Projects Easy
brettharned
106
5.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
75
4.8k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ΜʢɾТɾʣϊ