$30 off During Our Annual Pro Sale. View Details »
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.6k
Vue with TypeScript
kazumanishihata
0
1.9k
動きのデザインとフロントエンドの連携
kazumanishihata
2
1.6k
まぼろしのJS勉強会 #2 「細かすぎて伝わらないUI実装選手権」『使えそうで使えないけど使いたい IntersectionObserver』
kazumanishihata
1
380
RxJSで始めるリアクティブプログラミング
kazumanishihata
1
1.7k
WP REST APIとReactで作るSPA
kazumanishihata
2
9.7k
ぼくらのCONST戦争 SCRIPTY #5
kazumanishihata
2
3.5k
Other Decks in Programming
See All in Programming
dnx で実行できるコマンド、作ってみました
tomohisa
0
140
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
6
1.3k
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
370
関数実行の裏側では何が起きているのか?
minop1205
1
680
手が足りない!兼業データエンジニアに必要だったアーキテクチャと立ち回り
zinkosuke
0
600
Tinkerbellから学ぶ、Podで DHCPをリッスンする手法
tomokon
0
120
AIコーディングエージェント(NotebookLM)
kondai24
0
170
まだ間に合う!Claude Code元年をふりかえる
nogu66
5
720
チームをチームにするEM
hitode909
0
300
生成AIを利用するだけでなく、投資できる組織へ
pospome
1
250
Giselleで作るAI QAアシスタント 〜 Pull Requestレビューに継続的QAを
codenote
0
120
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
140
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
4.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
700
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Writing Fast Ruby
sferik
630
62k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
A Tale of Four Properties
chriscoyier
162
23k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
The Language of Interfaces
destraynor
162
25k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
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