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
時計仕掛けのCompose
mkeeda
1
300
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
110
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
120
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
260
Writing documentation can be fun with plugin system
okuramasafumi
0
120
Introduction to kotlinx.rpc
arawn
0
700
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
130
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
150
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
320
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
CI改善もDatadogとともに
taumu
0
120
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Facilitating Awesome Meetings
lara
52
6.2k
KATA
mclloyd
29
14k
Documentation Writing (for coders)
carmenintech
67
4.6k
Typedesign – Prime Four
hannesfritz
40
2.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Building Applications with DynamoDB
mza
93
6.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
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