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
730
Other Decks in Programming
See All in Programming
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
1
100
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
5
1.5k
Vapor Revolution
kazupon
1
160
イマのCSSでできる インタラクション最前線 + CSS最新情報
clockmaker
4
550
色々なIaCツールを実際に触って比較してみる
iriikeita
0
330
Functional Event Sourcing using Sekiban
tomohisa
0
100
Arm移行タイムアタック
qnighy
0
340
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
2k
距離関数を極める! / SESSIONS 2024
gam0022
0
290
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
CSC509 Lecture 09
javiergs
PRO
0
140
AWS Lambdaから始まった Serverlessの「熱」とキャリアパス / It started with AWS Lambda Serverless “fever” and career path
seike460
PRO
1
260
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
38
7.1k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
Thoughts on Productivity
jonyablonski
67
4.3k
Designing Experiences People Love
moore
138
23k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Docker and Python
trallard
40
3.1k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
How STYLIGHT went responsive
nonsquared
95
5.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
A Modern Web Designer's Workflow
chriscoyier
693
190k
We Have a Design System, Now What?
morganepeng
50
7.2k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ΜʢɾТɾʣϊ