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
190
コワくない.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
210
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
120
コワくないJS:オープニングトーク
matsudaemi
1
210
リアルパンくずナビLT
matsudaemi
0
720
Other Decks in Programming
See All in Programming
go.mod、DockerfileやCI設定に分散しがちなGoのバージョンをまとめて管理する / Go Connect #3
arthur1
10
2.4k
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
310
WEBエンジニア向けAI活用入門
sutetotanuki
0
300
CSC509 Lecture 08
javiergs
PRO
0
110
弊社の「意識チョット低いアーキテクチャ」10選
texmeijin
5
23k
生成 AI を活用した toitta 切片分類機能の裏側 / Inside toitta's AI-Based Factoid Clustering
pokutuna
0
620
Java ジェネリクス入門 2024
nagise
0
610
Kaigi on Rails 2024 - Rails APIモードのためのシンプルで効果的なCSRF対策 / kaigionrails-2024-csrf
corocn
5
3.4k
Pinia Colada が実現するスマートな非同期処理
naokihaba
2
160
現場で役立つモデリング 超入門
masuda220
PRO
13
3k
デプロイを任されたので、教わった通りにデプロイしたら障害になった件 ~俺のやらかしを越えてゆけ~
techouse
52
32k
[PyCon Korea 2024 Keynote] 커뮤니티와 파이썬, 그리고 우리
beomi
0
110
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
8.9k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Speed Design
sergeychernyshev
24
570
Embracing the Ebb and Flow
colly
84
4.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ΜʢɾТɾʣϊ