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
3.1k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
310
副業をきっかけに 切り拓くキャリア形成
ahomu
1
180
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.8k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
5
3.8k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
330
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
20k
Other Decks in Technology
See All in Technology
OCIjp_Oracle AI World_Recap
shinpy
1
180
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
280
クラウドとリアルの融合により、製造業はどう変わるのか?〜クラスメソッドの製造業への取組と共に〜
hamadakoji
0
420
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.8k
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
660
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
140
コンパウンド組織のCRE #cre_meetup
layerx
PRO
1
260
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.4k
ソースを読むプロセスの例
sat
PRO
15
9.9k
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
1
180
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
200
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
satos
0
240
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
Building Applications with DynamoDB
mza
96
6.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Thoughts on Productivity
jonyablonski
70
4.9k
Optimizing for Happiness
mojombo
379
70k
Visualization
eitanlees
149
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
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