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
ころばぬ先のテクニカルディレクション
Search
Kazuma Nishihata
June 10, 2018
Programming
1
600
ころばぬ先のテクニカルディレクション
MTDDC MEETUP HOKKAIDO 2018で発表した講演資料です
Kazuma Nishihata
June 10, 2018
Tweet
Share
More Decks by Kazuma Nishihata
See All by Kazuma Nishihata
フロントエンドの技術選定
kazumanishihata
6
6.4k
Vue with TypeScript
kazumanishihata
0
1.8k
動きのデザインとフロントエンドの連携
kazumanishihata
2
1.5k
まぼろしのJS勉強会 #2 「細かすぎて伝わらないUI実装選手権」『使えそうで使えないけど使いたい IntersectionObserver』
kazumanishihata
1
360
RxJSで始めるリアクティブプログラミング
kazumanishihata
1
1.5k
WP REST APIとReactで作るSPA
kazumanishihata
2
9.3k
ぼくらのCONST戦争 SCRIPTY #5
kazumanishihata
2
3.3k
Other Decks in Programming
See All in Programming
Datadog Workflow Automation で圧倒的価値提供
showwin
1
100
DROBEの生成AI活用事例 with AWS
ippey
0
140
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.5k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
220
もう僕は OpenAPI を書きたくない
sgash708
5
1.8k
sappoRo.R #12 初心者セッション
kosugitti
0
270
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
40
16k
color-scheme: light dark; を完全に理解する
uhyo
7
480
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
6
2.2k
『品質』という言葉が嫌いな理由
korimu
0
180
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
130
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
250
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How to Ace a Technical Interview
jacobian
276
23k
Fireside Chat
paigeccino
34
3.2k
Into the Great Unknown - MozCon
thekraken
35
1.6k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Embracing the Ebb and Flow
colly
84
4.6k
Transcript
K2VFSZ͔ΒεςʔδΞοϓ ̍าઌߦͨ͘Ίͷ+BWB4DSJQU ാҰഅ to-R ͜Ζ͵ઌͷςΫχΧϧσΟϨΫγϣϯ ാҰഅ
גࣜձࣾτΡʔΞʔϧ දऔక / ϑϩϯτΤϯυΤϯδχΞ ാҰഅ גࣜձࣾτΡʔΞʔϧ දऔక / ϑϩϯτΤϯυΤϯδχΞ ാҰഅ
ϑϩϯτΤϯυʹಛԽͨ͠Web੍࡞ձࣾ • Angular / React / Vue • jQuery /
JavaScript • HTML / CSS • ςΫχΧϧσΟϨΫγϣϯ to-R
גࣜձࣾτΡʔΞʔϧ දऔక / ϑϩϯτΤϯυΤϯδχΞ ാҰഅ
גࣜձࣾτΡʔΞʔϧ දऔక / ϑϩϯτΤϯυΤϯδχΞ ാҰഅ
Έͳ͞Μ
ࣸਅ:http://www.beiz.jp/web/download_S/fire/00071.html
ࣸਅ:http://www.beiz.jp/web/download_S/fire/00071.html Ԍ্ͯ͠·͔͢ʁ
Ԍ্ͷఆٛ •ॳͷ༧ఆ௨Γਐ·ͳ͍ •աՔಇͰϦΧόϦʔ
༧ఆ௨Γਐ·ͳ͍ •༷͕༧ఆͨ͠εέδϡʔϧͰܾ·ͬͯͳ͍ •ૉࡐ͕༧ఆͨ͠εέδϡʔϧͰೖखͰ͖͍ͯͳ͍ •σβΠϯ͕༧ఆͨ͠εέδϡʔϧͰFIXͰ͖͍ͯͳ͍ •༷/ཁ్͕݅தͰมΘΔ •࣮࣌ʹ༷ͷఆ࿙Ε͕໌ •εέδϡʔϧ͕Ԇ͍ͯ͠Δʹ͔͔ΘΒͣೲظݻఆ
༧ఆ௨Γਐ·ͳ͍ •ͦͦೲظ͔Βٯࢉͨ͠ εέδϡʔϧͳͷͰແཧ͕͋Δ •্ྲྀ ( ೲظ·Ͱ༨༟͕͋Δ࡞ۀ ) ΄Ͳ •εέδϡʔϧʹϧʔζ
Ͳ͏͢Ε༧ఆ௨ΓʹਐΉͷ͔ʁ
͍Ζ͍ΖؤுΔ
ͦͷલʹ
ϓϩδΣΫτ༧ఆ௨Γʹਐ·ͳ͍
༧ఆ௨Γʹਐ·ͳ͘ͳ͔ͬͯΒ ؤு͍ͬͯ
ϓϩδΣΫτʹ ෆ֬ఆཁૉ͕ଟ͍
Ͳ͏͢Εʁ
୭͔͕يಓमਖ਼͠ͳ͍͚ͯ͘ͳ͍
࣮ऀ͕ σΟϨΫγϣϯ͢Δ
্ྲྀఔͰϏδωεཁ͔݅Β 6*ཁ͕݅࢈Έग़͞Εͯ Լྲྀʹ͓͍ͯγεςϜཁ݅ʹͳΔ
੍࡞ʹूத͍ͨ͠ʂ
ͦͷͨΊʹ࣮ऀ͕ σΟϨΫγϣϯ͢Δ
ࡢࠓͷෳࡶͳWebͰ ઐͷௐ͕ඞཁʹͳ͖͍ͬͯͯΔ
ςΫχΧϧσΟϨΫγϣϯ
ςΫχΧϧσΟϨΫγϣϯͷఆٛ •ज़తଆ໘͔ΒϓϩδΣΫτΛ ޭʹಋ͘ •࣮ऀ͕ԁʹ࡞ۀ͕Ͱ͖ΔΑ͏ʹ ͢ΔͨΊͷԼ४උ
ΫϥΠΞϯτ σΟϨΫλʔ ࣮ऀ εϜʔζ͡Όͳ͍͔͠Εͳ͍ใୡͷྲྀΕ
ΫϥΠΞϯτ ࣮ऀ εϜʔζ͔͠Εͳ͍ใୡͷྲྀΕ
ίϛϡχέʔγϣϯͰ͖Δ ڑײ͕ॏཁ
䕐㠠ࠅ㘒㗡㘃㘓㗨Ӕ㘁㘋 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻
䕐㠠ࠅ wରԠϒϥβʁ w(JU͏ʁϝʔϧͰೲʁ wςεταʔόʔͲ͏͢Δͷʁ wσβΠϯιϑτʁ14 "* 4LFUDI w47(ॻ͖ग़ͤΔʁ w38%ʁΞμϓςΟϒσβΠϯʁ
wϒϨʔΫϙΠϯ㘻ʁ w41൛ԿQYͰ࡞Δʁ
䕐㠠ࠅ w(VMQͬͯΑ͍ʁ8FCQBDL 1BSDFM⽏ w4BTTͬͯྑ͍ʁ1PTU$44ʁ w#BCFMΛ͔ͭ͏͔ʁ5ZQF4DSJQUΛ͔ͭ͏͔ʁ wK2VFSZʹ͠·͔͢ 7VFKT 3FBDU "OHVMBS
w&EJUPS$POpHʁ-ῶUFSʁGPSNBUUFSʁ
ԫۃ㗫ࠅ㘒Ҫ㗗㗦c ॎၛ㗌㗪㗄㗋ᆽႩ㘒Б㗆 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻
ԫۃᆽႩԫධ wσʔλͷ߹ੑऔΕ͍ͯΔ͔ʁ wཁ݅తʹᐆດͳՕॴͳ͍͔ʁ wແͳཁ͕݅هࡌ͞Ε͍ͯͳ͍͔ʁ
Ҧஔٙ㗫㗗㗄ၖה㘒c ԫۃ㗫ើ㗈㘋 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻
㗗㗋㗣㗟㗓㗨 Է w8FC35$ͰෳਓͰ57νϟοτ wإೝࣝͰসإͷࣸਅΛΓऔΔ
㗡㘃㘓㗨ʈ㘒Ԉጐ㘋c 㗡㘃㘓㗨ʈ㘒ើ㗈㘋 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻
Ԉጐ㘂㘊㗮㙐㘗㙦㘻 wલఏ݅ΛͪΌΜͱ໌ࣔ wલఏ͕݅֎Εͨࡍͷ͜ͱͪΌΜͱ ίϛϡχέʔγϣϯ wͳΔ͘ࡉ͔͘ػೳ͝ͱͷݟੵΔ wϏδωεཁ݅ͱγεςϜཁ݅ͷ ϛεϚον͕Θ͔ΔΑ͏ʹ w͋ΔఔͷόοϑΝΛΈࠐΜͰ͓͘ wཁ͕݅ΕͨΒՃ ͓ۚɾ࣌ؒ
Λཁٻ
㘕㙜㖽㘻㗯Ŏ߆㗧㘂㗯㘄㗏 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻
㘕㙜㖽㘻㗮㙐㘗㙦㘻 wෆͷࣄଶͷՄೳੑʹؾ͍ͮͨΒଈΞϥʔτ wൃੜͯ͠৺ߏ͕͑Ͱ͖͍ͯΔ wൃੜ͠ͳ͍͚ͩͰͤʹͳΕΔ w༧ఆ௨Γೲ͞ΕΔ͔Կճ͔֬ೝ͓ͯ͘͠
˓ܰ㗫㘦㙒㙘㘾㘤㖽㘪㙚㙦㗧㗍 㘋㘈㗆㗫㗗㗦㗊㗏 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻
㘦㙒㙘㘾㘤㖽㘪㙚㙦㘷㖽㙞 wνϟοτπʔϧ 4MBDLɺ$IBUXPSLɺ4LZQF wνέοτཧπʔϧ (JU)VC*TTVFɺ3FE.ῶFɺ+*3"
㘴㘤㘶㘻၍ଣ㘷㖽㙞㗮㢚㗮ἅ wνέοτςʔϚ w୲ऀΛͪΌΜͱม͑Δ wऴΘͬͨνέοτྃʹ͢Δ
·ͱΊ
ϓϩδΣΫτʹ༷ʑͳܗ͕͋Γ ༷ʑͳϝϯόʔ͕ଘࡏ͢Δ
దࡐదॴͷਓһஔ͕ٻΊΒΕΔ
࣮ऀ͕ σΟϨΫγϣϯʹؔΘΔͷ ྑ͍Ͱ͢Α
5IBOL:PV https://twitter.com/KazumaNishihata