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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Ayumu Sato
June 21, 2014
Technology
37
9.1k
フロントエンドのスキルマップと育成のはなし
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
19k
Web 開発の長距離走と持続可能性 - TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来
ahomu
1
290
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
12
3.2k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
330
副業をきっかけに 切り拓くキャリア形成
ahomu
1
190
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.9k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
6
3.8k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
350
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
20k
Other Decks in Technology
See All in Technology
22nd ACRi Webinar - 1Finity Tamura-san's slide
nao_sumikawa
0
130
ランサムウェア対策としてのpnpm導入のススメ
ishikawa_satoru
0
300
広告の効果検証を題材にした因果推論の精度検証について
zozotech
PRO
0
230
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
torounit
0
220
コンテナセキュリティの最新事情 ~ 2026年版 ~
kyohmizu
8
2.9k
Context Engineeringの取り組み
nutslove
0
440
AWS DevOps Agent x ECS on Fargate検証 / AWS DevOps Agent x ECS on Fargate
kinunori
3
390
AI駆動開発を事業のコアに置く
tasukuonizawa
1
1.4k
OpenShiftでllm-dを動かそう!
jpishikawa
0
200
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
5
260
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
1k
AWS Network Firewall Proxyを触ってみた
nagisa53
1
260
Featured
See All Featured
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
650
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
950
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
460
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.4k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
120
Designing Experiences People Love
moore
144
24k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
110
Deep Space Network (abreviated)
tonyrice
0
72
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
61
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
230
A designer walks into a library…
pauljervisheath
210
24k
Crafting Experiences
bethany
1
59
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