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
Ayumu Sato
June 21, 2014
Technology
37
9k
フロントエンドのスキルマップと育成のはなし
Frontrend in Nagoya html5nagoya.jp/frontrend/ で使用したスライドです。本編40分。
Ayumu Sato
June 21, 2014
Tweet
Share
More Decks by Ayumu Sato
See All by Ayumu Sato
なぜ「無責任な横軸」がうまくいかないのか 〜 組織の生産性にインパクトを与える振る舞いを考える
ahomu
17
18k
Web 開発の長距離走と持続可能性 - TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来
ahomu
1
280
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
12
3.1k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
320
副業をきっかけに 切り拓くキャリア形成
ahomu
1
180
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.8k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
5
3.8k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
340
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
20k
Other Decks in Technology
See All in Technology
プロダクト負債と歩む持続可能なサービスを育てるための挑戦
sansantech
PRO
1
890
TypeScript×CASLでつくるSaaSの認可 / Authz with CASL
saka2jp
2
120
ABEJA FIRST GUIDE for Software Engineers
abeja
0
3.2k
FFMとJVMの実装から学ぶJavaのインテグリティ
kazumura
0
160
AI × クラウドで シイタケの収穫時期を判定してみた
lamaglama39
1
390
Excelデータ分析で学ぶディメンショナルモデリング ~アジャイルデータモデリングへ向けて~ by @Kazaneya_PR / 20251126
kazaneya
PRO
2
160
クラスタ統合リアーキテクチャ全貌~1,000万ユーザーのウェルネスSaaSを再設計~
hacomono
PRO
0
150
変わるもの、変わらないもの :OSSアーキテクチャで実現する持続可能なシステム
gree_tech
PRO
0
440
事業状況で変化する最適解。進化し続ける開発組織とアーキテクチャ
caddi_eng
1
6.9k
なぜブラウザで帳票を生成したいのか どのようにブラウザで帳票を生成するのか
yagisanreports
1
200
『星の世界の地図の話: Google Sky MapをAI Agentでよみがえらせる』 - Google Developers DevFest Tokyo 2025
taniiicom
0
310
AI駆動開発を実現するためのアーキテクチャと取り組み
baseballyama
16
12k
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
Balancing Empowerment & Direction
lara
5
760
Fireside Chat
paigeccino
41
3.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Navigating Team Friction
lara
190
16k
Thoughts on Productivity
jonyablonski
73
4.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
980
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
11
940
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Faster Mobile Websites
deanohume
310
31k
Code Reviewing Like a Champion
maltzj
527
40k
Transcript
ϑϩϯτΤϯυͷ εΩϧϚοϓͱ ҭͷͳ͠ "ZVNV4BUP +VOF 'SPOUSFOE*O/BHPZB
ࠤ౻า ͞ͱ͏ ͋ΏΉ
ϋϯυϧωʔϜ BIPNV !
IUUQ BIPNV ؒҡ࣋අˇ
+PC גࣜձࣾαΠόʔΤʔδΣϯτ Ξϝʔόࣄۀຊ෦ 8FC ϑϩϯτΤϯυ ΤϯδχΞ
"HFOEB ϑϩϯτΤϯυΤϯδχΞͬͯʜ ৽ଔέʔεελσΟ ʮઐʯͱʮۀʯͱʮੜଘʯ ͍͞͝ʹ
ϑϩϯτΤϯυ ΤϯδχΞ
ϑϩϯτΤϯυ ΤϯδχΞ ͬͯ Կ ʁ IUUQTXXXGMJDLSDPNQIPUPTTBBE
ͳΓ͍ͨʁ ޏ͍͍ͨʁ ໊Γ͍ͨʁ
۩ମతʹ ͳʹΛ͢Δਓʁ
)5.- $44 +BWB4DSJQU $ ⚙ &
) #SPXTFS
* + %FTLUPQ -BQUPQ 5BCMFU .PCJMF
⌂ )PNFQBHF
✉ / 1 2 .BJM 4IPQQJOH 4DIFEVMF $MPVE .BQ
৭ʑͳׂ͕͋Δ ‣ 8FCαΠτͷϚʔΫΞοϓΛ͢Δͻͱ ‣ ෳࡶͳ+BWB4DSJQUͷઃܭ͕ಘҙͳͻͱ ‣ "KBYΛۦͨ͠ػೳΛ࣮͢Δͻͱ ‣ ήʔϜͷΞχϝʔγϣϯΛ։ൃ͢Δͻͱ ‣
FUDʜ
ΤϯδχΞϦϯά ⚙ 3 σβΠϯ ♥
'&ͷσβΠϯ ‣ ͜͏͍͏ϥϕϦϯάͩͱΘΔ͔ͳʁ ‣ ࠓͷ6*ૢ࡞ͮ͠Β͍͔Βɺͬͱྑ͘͠Α͏ ‣ ͜ͷ༨നͷऔΓํͳΒղ૾͕มΘͬͯେৎ ‣ ؾ࣋ͪͷΑ͍Ξχϝʔγϣϯ͜ΜͳΜ͔ͳ ‣
6*ͷنଇੑ͕ͳ͍͔Βཧ͠Α͏
'&ͷΤϯδχΞϦϯά ‣ ͜͜ΛࣗಈԽͨ͠Β࡞ۀޮ͕͕͋Δ ‣ ௨৴ճΛݮΒͯ͠ಡΈࠐΈΛ͘͠Α͏ ‣ ͬͱॲཧͷܭࢉྔΛݮΒͤΔͳ ‣ .PEFMͱ7JFXΛ͋͋ͯ͜͠͏ͯ͠ŋŋŋ ‣
σʔλόΠϯσΟϯά͕Ͳʔͷ͜ʔͷ
'&ͷઐੑʢྫʣ ‣ ϒϥβɾ࣮ߦڥͷύϑΥʔϚϯεͱ͔Λɹɹɹɹɹɹɹɹɹɹ ਂ͘ཧղ͍ͯ͠Δͷϑϩϯτ ‣ ϒϥβґଘͰόάͬͯসͬͯɹɹɹɹɹɹɹɹɹɹɹɹɹɹ ͬ͞͞ͱରԠͰ͖Δͷ͕ϑϩϯτ ‣ $44ͷΑ͏ͳهड़ݴޠʹઃܭΛ࣋ͪࠐΜͰɹɹɹɹɹɹɹɹɹɹ ϝϯςφϏϦςΟΛอͭͷϑϩϯτ
‣ αʔόʔαΠυͱ࿈ܞͯ͠ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹ ෳࡶͳػೳͱ6*ΛߏஙͰ͖Δͷϑϩϯτ ‣ σβΠφʔͱ࿈ܞͯ͠6*ϏδϡΞϧσβΠϯΛɹɹɹɹɹɹɹ ࣮ʹམͱ͠ࠐΊΔͷϑϩϯτ
'&ͬΆ͞ͷ·ͱΊ ‣ ϒϥβͰಈ࡞͢Δٕज़શൠΛۦͰ͖Δ ‣ ڥͷଟ༷ԽʹैͰ͖Δ ‣ 6*ɾσβΠϯɾΠϯλϥΫγϣϯͷ࣮ʹɹɹɹɹɹ ΛͯΔ ‣ ΤϯδχΞϦϯάͷ؍ͰޮԽɹɹɹɹɹɹɹɹ
ύϑΥʔϚϯε্Λߟ͑ΒΕΔ
৽ଔέʔεελσΟ
एखͷ ྫ
एख/ ٕज़ऀͱͯ͠ී௨ͬΆ͍৽ଔ اըɾ6*ͷํ໘ʹ͕ྑ͍ ! ͕࣌࣌ͳΒ࣮Ͱ͖ΔΑܥͷ 8FCσβΠφʔʹͳ͔ͬͯͨʁ
݄ ‣ ଐˍՃݚम ‣ /PEFͱ͔1IBOUPN+4ͳͲ ‣ +4͚ͩͲϒϥβ͡Όͳ͍ͷΛத৺ʹ ‣ 8FCΞϓϦ͕ಈͨ͘ΊͷྲྀΕΛଊ͑ͯΒ͏
ࣗͰߟ͑ͨϞϊΛ ૈͯ͘࡞ΕΔΑ͏ʹ
݄ ‣ ΤϯδχΞจԽͷΓࠐΈ ‣ ࠇ͍ը໘ɺ͜Θ͍ͱ͔ݴΘͤͳ͍ ‣ (JUόʔδϣϯཧɾ7BHSBOU $IFGڥߏங ‣ গͣͭ͠։ൃ࡞ۀ࢝ΊΔ
‣ σόοάͱղܾͷτϨʔχϯά
ΓࠐΈେࣄ Կ͔Βͳ͍͏ͪͦ͜ ૂ͑ΔλΠϛϯά
݄ ‣ ϦχϡʔΞϧʹ͏৽ن։ൃ ‣ Λཧͯ͋͛͠ͳ͕Βɹɹɹɹɹɹɹɹɹɹɹɹ ʑͱۀϨϕϧΛ্͛ͯΒ͏ ‣ ͷલͷ՝ʹɺૉʹඞࢮ͍ͯ͜0,ͳ࣌ظ ‣ ͜ͷ࣌ظʹλεΫͷࣗݾཧ·Ͱฒߦ͢Δͷɹɹɹɹ
ݸਓࠩ͋ΔͩΖ͏͚Ͳ͍͠ҹ
ϑϩϯτͷ࣮ʹ ඞཁͳલఏٕज़Λ ͔ͬ͠Γ͑Δ
݄ ‣ ϦϦʔεޙͷࢪࡦ࣮ ‣ ௨শʮَͷӡ༻ʯ ‣ ϦϦʔεલΑΓεϐʔυײ͕େࣄ ‣ ਖ਼֬ͳݟੵΓͱɺखૣ͍࣮͕ٻΊΒΕΔ
͔Δ͘Ԍ্ͭͭ͠ ඞཁͳ࣮ྗ ʹ͚ͨ IUUQTXXXGMJDLSDPNQIPUPTHOVDLY
͋ͱɺͿͬͪΌ͚ ௐྗͳ͍ͱ ϑϩϯτ͖͍ͭΑͶʁ IUUQTXXXGMJDLSDPNQIPUPTHOVDLY
σβΠφʔ αʔόʔ ΤϯδχΞ ϑϩϯτΤϯυ ΤϯδχΞ ϓϩσϡʔαʔ
ཌ݄ ‣ ϦϦʔεཧͷϋϯυϦϯάɺௐΛ͓ئ͍͢Δ ‣ ͪΖΜ࣮Δ ‣ ͍ͭͰʹ͕ࣗଟʹͳΔʢڧ੍Εʣ ‣ ͪΐͬͱࢮʹͦ͏
Ҏ߱ɺಠΓཱͪ
;Γ͔͑Γ ‣ ࣗͰߟ͑ͨϞϊΛૈͯ͘ɹɹɹɹɹɹɹɹɹ ͻͱΓͰ࡞ΕΔΑ͏ʹ ‣ Կ͔Βͳ͍͏ͪʹɺͨΓલΛΓࠐΉ ‣ ࣮લఏٕज़͕ଗ͍ͬͯΕɺࠜੑͰग़དྷΔ ‣ దͳݟੵΓͱɺνʔϜͷௐྗΛඋ͑Δ
͞Εͨ՝ ‣ ϑϨʔϜϫʔΫతͳͷ͑Δ͕ɹɹɹɹɹ εΫϥονͷΞʔΩςΫνϟ͕Ίͳ͍ ‣ ෳࡶͳ6*Λࠞཚͤͣʹ࣮͖͠Δྗ͕ऑΊ ‣ ͱɺࢥͬͨΒ'JMF"1*ͱ$BOWBTΛͬͨɹɹɹɹɹ ը૾τϦϜͷ6*ͱ͔࡞ͬͯͨͷͰ๙Ίͨ ‣
ͻͱউखʹʗ ?P? ʘ͢ΔΜͩʂ
ϑϩϯτΤϯυͷ εΩϧΛ֮͑Δʁ
)5.- $44 +BWB4DSJQU "KBY )551 8FC4PDLFU OQN HSVOUHVMQ TIFMM +BWB
1)1 /PEF 7JTVBM 5ZQPHSBQIZ 7FSUJDBM3IZUIN 6* *OUFSBDUJPO 38%
)5.- $44 +BWB4DSJQU "KBY )551 8FC4PDLFU OQN HSVOUHVMQ TIFMM +BWB
1)1 /PEF 7JTVBM 5ZQPHSBQIZ 7FSUJDBM3IZUIN 6* *OUFSBDUJPO 38% Ττητϥʜ
શ෦͓΅͑Δͷ ແཧࠔ
͔Β·Ͱڭ͑Δͷ ͬͱࠔ
ຊਓֶ͕ͼํΛ ʹ͚Δ
ং൫͕ಛʹॏཁ
ֶͼͷश׳ͱखஈΛ ʹ͚ͯΒ͏
ֶͿश׳ ‣ ϒϩά ‣ ษڧձ ‣ ॻ੶ ‣ ϥΠόϧ୳͠ ‣
ϝϯλʔ୳͠ ‣ (PPHMFΔ ‣ 3FGFSFODFΔ ‣ 4UBDL0WFSGMPXΔ ‣ 2JJUBΔ ‣ (JU)VCΔ
ֶͿश׳ ‣ ϒϩά ‣ ษڧձ ‣ ॻ੶ ‣ ϥΠόϧ୳͠ ‣
ϝϯλʔ୳͠ ‣ (PPHMFΔ ‣ 3FGFSFODFΔ ‣ 4UBDL0WFSGMPXΔ ‣ 2JJUBΔ ‣ (JU)VCΔ
ʊਓਓਓਓਓਓʊ ʼɹઢ্͛ɹʻ ʉ:?:?:?:?:ʉ
ֶͼෳར͕େࣄ
࣌ؒ
ʊਓਓਓਓਓਓʊ ʼɹ֯ɹʻ ʉ:?:?:?:?:ʉ
ֶͿश׳͑͋͞Ε ͪΐͬͱ͕ มΘͬͯେৎ
֎͔Βಇ͖͔͚Δ ֶशࢧԉ
ಠֶͷࢧԉ
֎͔Βಇ͖͔͚ΒΕΔ͜ͱ ‣ ΪϟοϓͷׂΓग़͠ ‣ ΰʔϧͱػձͮ͘Γ ‣ దͳϑΟʔυόοΫ ‣ ධՁʢΑͬͨ͘ʂʣ
ςΟʔνϯάͱ ίʔνϯάͷ ͍͚
࠷ॳςΟʔνϯά ͔ͬ͠ΓجૅΛڭ͑Δ
׳ΕͨΒίʔνϯά ຊਓͷֶͼΛҾ͖ग़͢
࣭ͷํ ʮͲ͏ͨ͠Β͍͍Ͱ͔͢ʁʯ
ňͲ͏ͨ͠Βྑ͍͔ ࣗͳΓʹ͑Λ ग़͔ͯ͠Βฉ͍ͯͶʼn
ň͑Λڭ͑ͯ͏ΑΓ ࣗͰߟ͔͑ͯΒ ͑߹ΘͤΛฉ͍ͨ΄͏͕ ษڧʹͳΔͰ͠ΐ͏ʁʼn
ฐࣾऔక ਓࣄຊ෦ͷݴ
ͨͱ͑ӦۀͰ࣋ࢀࢿྉΛ४උ͢Δͷʹ ࣗͰߟ͑ͯ४උ͢Δͷͱ ઌഐʹࢦࣔ͞Εͨ௨Γʹ४උ͢ΔͷͱͰ େ͖ͳ͕ࠩੜ͡·͢ɻ IUUQXXXFYFDVUJWFJOUFSWJFXDPNBSDIJWFT “
ʊਓਓਓਓਓਓਓʊ ʼɹܾஅܦݧɹʻ ʉ:?:?:?:?:?:ʉ
֎͔Βಇ͖͔͚ΒΕΔ͜ͱ ‣ χʔζͷׂΓग़͠ʢݱঢ়ධՁʣ ‣ ػձͮ͘Γʢΰʔϧઃఆʣ ‣ దͳϑΟʔυόοΫ ‣ ධՁʢΑͬͨ͘ʂʣ
ޮྑֶ͘ͿͨΊͷ ֶशઃܭ
ΠϯετϥΫγϣφϧ σβΠϯ ͷΤοηϯε
ԿͷલఏΛຬͨͤ ՝ΛΫϦΞͰ͖Δ͔
՝ੳ
Χϧʔηϧͷ ࣮ UPVDIΠϕϯτ ͷ੍ޚ %0.Πϕϯτͷ ࣝ Ξχϝʔγϣϯ ͷ੍ޚ $44ͷࣝ %0.Πϕϯτͷ
ࣝ %0.ૢ࡞ͷ Γ͔ͨ K2VFSZͷ ͍ํ
͜͏͍͏ͷΛ౿·͑ͯ ΰʔϧ࡞Δͱྑ͍ϋζ
ຊਓͷֶͼͱ ֶशࢧԉ͕؊
ʮઐʯ ͱ ʮۀʯ ͱ ʮੜଘʯ 9
ϑϧελοΫ ΤϯδχΞ ࠷ڧઆ IUUQTXXXGMJDLSDPNQIPUPTYVSCMF
ϑϧελοΫ ΤϯδχΞ
ϑϧελοΫ ΤϯδχΞ ͬͯ Կ ʁ IUUQTXXXGMJDLSDPNQIPUPTTBBE
۩ମతʹ ͳʹΛ͢Δਓʁ
ۀͷมԽ গͳ͔Βͣ͋Δ
։ൃఔͷਫฏۀ σ β Π ϯ Ϛ ʛ Ϋ Ξ ο
ϓ δ ϟ ό ε Ϋ Ϧ ϓ τ α ʛ ό ʛ α Π υ Π ϯ ϑ ϥ
։ൃఔͷਫฏۀ σ β Π ϯ Ϛ ʛ Ϋ Ξ ο
ϓ δ ϟ ό ε Ϋ Ϧ ϓ τ α ʛ ό ʛ α Π υ Π ϯ ϑ ϥ ␡ ଞͷϝϯόʔ͕ ΫϦςΟΧϧύεʹͳΔ
ػೳ୯Ґͷਨۀ σβΠϯ Πϯϑϥ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ
Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ
ػೳ୯Ґͷਨۀ σβΠϯ Πϯϑϥ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ
Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ␡
εϖγϟϦετ ͱ θωϥϦετ
8FCٕज़ऀͷ໊Γ ΠϯϑϨ͠ଓ͚Δ
ͻͱͭͻͱͭͷࣄ͕ ؆୯ʹͳ͍ͬͯΔ
Πϯϑϥ1BB4͋Δ͠ αʔόʔϑϨʔϜϫʔΫ͋Δ͠ ϑϩϯτϥΠϒϥϦ͋Δ͠
தظతʹ օ͕ԿͰͰ͖Δ ͱ͍͏དྷͯ͠·͏
ࠓͷϑϩϯτΤϯυ Ұੲલಛघٕೳʹ ฉ͑ͨ͜
Ͱࠓ ϑϩϯτΤϯυͳΜͯ ࢁ͍·ͤΜ͔ʁ
ϑϩϯτΤϯυͰ ԿΛͯ͠Δͷʁ
ϑϧελοΫͰ ԿΛͯ͠Δͷʁ
࠷ऴతʹ Կ͕Ͱ͖Δͻͱͳͷ͔ʁ
ૉΒ͍͠6*Λ ఏҊ͢Δͻͱʁ
ϒϥβήʔϜΛ ࡞Δͻͱʁ
ߴͰ8FCαʔϏεΛ ্ཱͪ͛Δਓʁ
ԿΛ͢Δਓͳͷ͔ ϒϥϯσΟϯά
͍͞͝ʹ ♥
ϑϩϯτΤϯυ WT αʔόʔαΠυ ␡
ΫϥΠΞϯταΠυ WT αʔόʔαΠυ ✓
ωΠςΟϒͷ΄͏͕ ͍͔ۙ
ΫϥΠΞϯτٕज़ มΘΓ͍͢ʂ
8FCͷকདྷతͳٕज़Ͱ ϫʔΫϑϩʔ͕ มԽ͢Δ͜ͱͰʁ
ྫ͑8FC$PNQPFOUT
ίϯϙʔωϯτ σβΠφʔ
ίϯϙʔωϯτ σΟϕϩούʔ
ίϯϙʔωϯτ Ϗϧμʔ
Γ͍ͨ͜ͱͰʮݞॻ͖ʯ͕ܾ·Δ ΄͍͠ਓࡐͰʮืू৬छʯ͕ܾ·Δ
ʮݞॻ͖ʯʮืू৬छʯ ࣌ʹґଘͯ͠ ඞͣมԽ͕ͬͯ͘Δ
2VFTUJPOT IUUQBIPNV !BIPNV HJUIVCDPNBIPNV ! ⌂ IUUQTXXXGMJDLSDPNQIPUPTGVUVSJMMB