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.5k
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
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
220
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
880
ファインディLT_ポケモン対戦の定量的分析
fufufukakaka
0
920
kintone開発を効率化するためにチームで試した施策とその結果を大放出!
oguemon
0
120
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
250
ML.NETで始める機械学習
ymd65536
0
230
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.6k
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
370
sappoRo.R #12 初心者セッション
kosugitti
0
270
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
100
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
Jakarta EE meets AI
ivargrimstad
0
360
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Gamification - CAS2011
davidbonilla
80
5.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Building an army of robots
kneath
303
45k
RailsConf 2023
tenderlove
29
1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
990
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
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