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
17k
Web 開発の長距離走と持続可能性 - TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来
ahomu
1
270
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
12
3k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
310
副業をきっかけに 切り拓くキャリア形成
ahomu
1
170
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.7k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
5
3.8k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
320
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
20k
Other Decks in Technology
See All in Technology
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
280
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
290
BtoBプロダクト開発の深層
16bitidol
0
350
Trust as Infrastructure
bcantrill
0
340
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
9k
[2025-09-30] Databricks Genie を利用した分析基盤とデータモデリングの IVRy の現在地
wxyzzz
0
480
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
160
JAZUG 15周年記念 × JAT「AI Agent開発者必見:"今"のOracle技術で拡張するAzure × OCIの共存アーキテクチャ」
shisyu_gaku
0
110
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
320
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.8k
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
450
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
3
320
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Site-Speed That Sticks
csswizardry
11
880
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
How STYLIGHT went responsive
nonsquared
100
5.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
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