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
8.8k
フロントエンドのスキルマップと育成のはなし
Frontrend in Nagoya html5nagoya.jp/frontrend/ で使用したスライドです。本編40分。
Ayumu Sato
June 21, 2014
Tweet
Share
More Decks by Ayumu Sato
See All by Ayumu Sato
Web 開発の長距離走と持続可能性 - TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来
ahomu
1
150
控えめな App Router と持続可能な開発 - PWA Night vol.59
ahomu
11
2.7k
GPT 生成物の評価、運用 toC 企画でのハードルと勘所
ahomu
0
250
副業をきっかけに 切り拓くキャリア形成
ahomu
1
110
Webフロントエンドと アーキテクチャ事情の持論を喋る
ahomu
2
1.6k
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
ahomu
4
3.5k
#TECHPLAY Talk - 理想的な Web のため MUST 駆動で主語が大きくなったキャリア
ahomu
0
210
最近の Web パフォーマンス改善について知っておきたいコト
ahomu
50
19k
Web フロントエンドで大切なことはすべて Audits が教えてくれた
ahomu
1
580
Other Decks in Technology
See All in Technology
SSMRunbook作成の勘所_20241120
koichiotomo
3
160
日経電子版のStoreKit2フルリニューアル
shimastripe
1
140
AIチャットボット開発への生成AI活用
ryomrt
0
170
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
430
生成AIが変えるデータ分析の全体像
ishikawa_satoru
0
170
これまでの計測・開発・デプロイ方法全部見せます! / Findy ISUCON 2024-11-14
tohutohu
3
370
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
300
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
CysharpのOSS群から見るModern C#の現在地
neuecc
2
3.5k
SREが投資するAIOps ~ペアーズにおけるLLM for Developerへの取り組み~
takumiogawa
1
440
テストコード品質を高めるためにMutation Testingライブラリ・Strykerを実戦導入してみた話
ysknsid25
7
2.7k
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
Featured
See All Featured
The Language of Interfaces
destraynor
154
24k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
430
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Building Adaptive Systems
keathley
38
2.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Documentation Writing (for coders)
carmenintech
65
4.4k
Unsuck your backbone
ammeep
668
57k
It's Worth the Effort
3n
183
27k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Code Reviewing Like a Champion
maltzj
520
39k
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