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.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
物流DXを支える“意味”の設計:セマンティックレイヤーとAIで挑むデータ基盤/登壇資料(飯塚 大地)
hacobu
PRO
0
100
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
moeka__c
0
150
2026年向け会社紹介資料
misu
0
250
AI 時代だからこそ抑えたい「価値のある」PHP ユニットテストを書く技術 #phpconfuk / phpcon-fukuoka-2025
shogogg
1
570
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
konkarin
1
320
Amazon Bedrock Knowledge Bases Hands-on
konny0311
0
150
The Missing Link in Angular's Signal Story: Resource API and httpResource
manfredsteyer
PRO
0
140
歴史から学ぶ「Why PHP?」 PHPを書く理由を改めて理解する / Learning from History: “Why PHP?” Rediscovering the Reasons for Writing PHP
seike460
PRO
0
160
Java_プロセスのメモリ監視の落とし穴_NMT_で見抜けない_glibc_キャッシュ問題_.pdf
ntt_dsol_java
0
220
OSS開発者の憂鬱
yusukebe
12
5.3k
詳細の決定を遅らせつつ実装を早くする
shimabox
1
1.3k
How Software Deployment tools have changed in the past 20 years
geshan
0
350
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
527
40k
We Have a Design System, Now What?
morganepeng
54
7.9k
Thoughts on Productivity
jonyablonski
73
4.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
11
940
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Done Done
chrislema
186
16k
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