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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kazuki Shibata
October 25, 2017
Technology
9
4k
フロントエンドエンジニアのキャリアパス
Frontend de KANPAI! #02 の発表資料です。
Kazuki Shibata
October 25, 2017
Tweet
Share
More Decks by Kazuki Shibata
See All by Kazuki Shibata
microCMSでif文を作る
shibe97
1
1.3k
SvelteKitでJamstackを試す
shibe97
1
1.2k
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
shibe97
16
4.9k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
1.3k
CSR / SSR / SSGの動向2020
shibe97
2
1.7k
Jamstack×microCMS 実装編
shibe97
4
1k
SentryでSPAのエラーログを収集する
shibe97
1
1.8k
useRefについて調べてみた
shibe97
1
190
Containerどこに置く?
shibe97
1
2k
Other Decks in Technology
See All in Technology
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
yoshiki_0316
1
110
pool.ntp.orgに ⾃宅サーバーで 参加してみたら...
tanyorg
0
100
Greatest Disaster Hits in Web Performance
guaca
0
280
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
260
プロダクト成長を支える開発基盤とスケールに伴う課題
yuu26
4
1.4k
プロポーザルに込める段取り八分
shoheimitani
1
600
広告の効果検証を題材にした因果推論の精度検証について
zozotech
PRO
0
210
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
kworkdev
PRO
1
490
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
720
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
190
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
shibayu36
0
280
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
bicstone
3
130
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
28
2.5k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
120
So, you think you're a good person
axbom
PRO
2
1.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Scaling GitHub
holman
464
140k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
160
WENDY [Excerpt]
tessaabrams
9
36k
Making Projects Easy
brettharned
120
6.6k
Are puppies a ranking factor?
jonoalderson
1
2.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Transcript
ϑϩϯτΤϯυΤϯδχΞͷ ΩϟϦΞύε !TIJCF 'SPOUFOEEF,"/1"*
σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ ৽ଔͰϠϑʔʹσβΠφʔೖࣾɻ ͘Β͍41"Λॻ͍͍ͯΔɻ ͜͏ݟ͑ͯɺࡀ̎ࣇͷɻ γϕ @shibe97
ࡀͷઅʹ৭ʑͱߟ͑ͨ͜ͱͳͲΛʜ
ͲΜͳࣄΛ ͍͔ͨ͠ ͲΜͳڥͰ ಇ͖͍͔ͨ
ͲΜͳࣄΛ͍͔ͨ͠
%FTJHO 'SPOUFOE "1* %FTJHOFS &OHJOFFS
ٕज़ϓϩϑΣογϣφϧ Ϛωʔδϟʔ ਓࣄɺҭ %FTJHO 'SPOUFOE "1*
ྸͱͱʹߟ͑ํมΘͬͯ͘ΔͷͰ ৗʹࢹΊʹɻ
ͲΜͳࣄΛ ͍͔ͨ͠ ͲΜͳڥͰ ಇ͖͍͔ͨ
ͲΜͳڥͰಇ͖͍͔ͨ
Technology Service ʮ͜ͷαʔϏε͕Γ͍ͨʯ ʮαʔϏεΛάϩʔε͍ͤͨ͞ʯ ʮ͜ͷٕज़͕͖ʯ ʮ࣮͢Δ͜ͱࣗମ͕͖ʯ
ࣗ5FDIOPMPHZ ʢษڧձʹདྷ͍ͯΔਓ͍͍ͩͨͦ͏ͳͷͰͱ͍͏ؾ͢Δʣ
+BWB4DSJQU͕͖ )5.-͕͖ ٕज़Λ͏ͷָ͕͍͠ ಛʹΓ͍ͨαʔϏεʹͩ͜ΘΓͳ͍
େاۀ ελʔτΞοϓ ϑϦʔϥϯε
େاۀ ελʔτΞοϓ ϑϦʔϥϯε ͜ͷ͋ͨΓ͕͍͍ͯΔʁ
ҰํͰɺ ՈͰझຯ։ൃ͢Δͷ͕͖ ࣗͰαʔϏεΛ࡞͓ͬͯۚՔ͍͗ͨ
࣌αʔόʔϨε ΫϥυαʔϏεͷॆ࣮ʢ"84ɺ($1ɺ"[VSFʣ αʔόʔඅΛ͔͚ͣʹ8FCαʔϏε͕࡞ΕΔ (JU)VC1BHFT"NB[PO4্Ͱ41"ಈ͔ͤΔ
ͻͱΓͰ w w w 8FCαʔϏεΛ࡞Εͯ͠·͏
ϑϩϯτΤϯυͷಛݖ ΞϓϦͷਓ݁ߏݸਓͰग़ͯ͠Ṷ͚͍ͯΔΠϝʔδ αʔόʔϨεԽͰɺ8FCͰιϨ͕Ͱ͖Δݱঢ় ͳΜͰօΒͳ͍ͷʁ
ࣗͷαʔϏεʹࢥ͍ೖΕ͕͋Δ ͨΓલʢʁʣ͚ͩͲ
Technology Service ʮ͜ͷαʔϏε͕Γ͍ͨʯ ʮαʔϏεΛάϩʔε͍ͤͨ͞ʯ ʮ͜ͷٕज़͕͖ʯ ʮ࣮͢Δ͜ͱࣗମ͕͖ʯ
ٕज़Λ खஈͱݟΔ͔ɺతͱݟΔ͔
αʔϏε ςΫϊϩδʔ ҆ఆ ෆ҆ఆ େاۀ ελʔτΞοϓ ϑϦʔϥϯε
େاۀ ελʔτΞοϓ ϑϦʔϥϯε w ਓͱ͕ۚ५ w ςΫϊϩδʔʹׂ͘ Ϧιʔε͕͋Δ w ҆ఆͨ͠ऩೖ͕ಘΒΕΔ
w େۚΛಘΒΕΔՄೳੑ ͕͋Δ w গਓΏ͑ʹαʔϏε Ѫ͕ڧ͍ w ࣌ؒɺࣄΛࣗͰ ίϯτϩʔϧͰ͖Δ w ٕज़ݚᮎʹ͕࣌ؒऔΕΔ w ലେͳऩೖΈͮΒ͍ w ࣃंͷҰ෦ʹͳΓ͕ͪ w ϒϥοΫԽ͍͢͠ w ࢈ͳͲͷϦεΫ͕͋Δ w ٕज़Λຏ͕࣌ؒ͋͘·Γ औΕͳͦ͏ w ΫϥΠΞϯτʹԠͨ͡ ࡞ۀ͕ٻΊΒΕΔ w ࡞ۀײ͕͋Γͳ͔ͳ͔ αʔϏεѪ͕࣋ͯͳͦ͏
Ͱɺ͓લͲ͏͢Δͷʁ
ઌ݄ɺىۀ͠·ͨ͠ʂ ʢɿϲ݄લʹਓ͕ੜ·Ε͔ͨΓʣ
None
1 Ϣʔβʔݸਓ୯Ґͷϩά͕ݟΒΕΔ 2 ఆظతʹ/14ΛܭଌͰ͖Δ 3 ؾʹͳΔϢʔβʔʹΠϯλϏϡʔ͕Ͱ͖Δ 4 "*ʹΑΔΠϯλϏϡʔͷແਓԽ
None
IUUQTNFZBTVCBDP
ϢʔβʔΠϯλϏϡʔʹࠔ͍ͬͯΔํ͕͍ͨΒ ࠙ձͰ͝Ұใ͍ͩ͘͞ʂ
େاۀ ελʔτΞοϓ ϑϦʔϥϯε ݁ہίίΛબΜͩ
ελʔτΞοϓˠେاۀ େاۀˠେاۀ େاۀˠελʔτΞοϓ ελʔτΞοϓˠϑϦʔϥϯε FUDʜ
ਖ਼ղͳ͍ɻ ৗʹ͕ࣗຬͰ͖ΔબΛ͢Δɻ
ࠓޙͷ8FCۀքͷ
ֳͷࢿྉΑΓ IUUQXXXDBPHPKQLPVSFJXIJUFQBQFSXIUNMHBJZPVT@IUNM
ֳͷࢿྉΑΓ IUUQXXXDBPHPKQLPVSFJXIJUFQBQFSXIUNMHBJZPVT@IUNM
ߴྸࣾձϠό͍
ࠓͷ8FCۀք શମతʹए͍ ΠέΠέײ एͯ͘༏लͳਓ͕ଟ͍
ޙͷ8FCۀք *5Խ͕ਐΉͱڞʹɺ*5ਓޱ૿͑Δ ฏۉྸӽ͑ ਓೳͷൃల
ޙͷਓࡐஔʁ
ϑϦʔϥϯε͕૿͑ɺΑΓଟ༷ੑͷ͋Δಇ͖ํ ىۀՈ͕૿͑ɺελʔτΞοϓ͕૿͑Δ ࠓ·Ͱେاۀ๊͕͍͑ͯͨபΛຊ̍ຊओ࣠ͱͨ͠اۀ͕ ૿͖͍͑ͯͯΔ ୯७࡞ۀ΄ͱΜͲࣗಈԽ͞Εɺ ୯७Ͱͳ͍࡞ۀ"*͕׆༂͍ͯ͠Δੈͷத
"*ɾࣗಈԽͲ͜·ͰਐΉ͔ ΑΓΫϦΤΠςΟϒʹۙͮ͘΄Ͳ"*Խ͍͠ ըҰతͳσβΠϯͰ͋Ε͋Δ΄ͲɺࣗಈԽՄೳ ࡢࠓͷσβΠϯγεςϜΛ࠾༻͍ͯ͠ΔͳΒɺσβΠϯ ܾఆ࣌ʹ࣮ࣗಈͰߦ͏ະདྷདྷͦ͏ "EPCF4FOTFJσβΠϯͷٕज़໘ΛࣗಈԽ
ϑϩϯτΤϯυͲΜͲΜศརʹͳ͍ͬͯ͘ ࠓෳࡶԽ͍ͯ͠ΔϑϩϯτΤϯυք۾͕ͩɺ ঃʑʹͦͷෳࡶ͞ΛӅṭ͢ΔΈͰ͖࢝Ί͍ͯΔ DSFBUFSFBDUBQQ OFYUKT FUDʜ ͦͷྲྀΕࠓޙՃ͍ͯ͘͠
ͦ͏ͳͬͯ͘Δͱ ͯ͢ͷٕज़Λ୭Ͱ؆୯ʹѻ͑ΔΑ͏ʹͳΔ ͦͷٕज़ΛԿʹ͏͔ͱ͍͏ͷ͕ॏཁʹͳͬͯ͘Δ Ϗδωεࢹͷ͕ࣝࠓޙඞཁʹͳͬͯ͘Δ
ੲ*&ͱ͍͏ͷ͕͋ͬͯͳɺqPBUMFGU࣌ʹ NBSHJOMFGU͔͚ΔͱഒʹͳͬͨΜ͡ΌΑ ੲ3FEVYͱ͍͏ͷ͕͋ͬͯͳɺBDUJPOͱ͔ SFEVDFSͱ͔ΰϦΰϦॻ͘ͷେมͩͬͨΜ͡ΌΑ
զʑͷ͖͢͜ͱʢ·ͱΊʣ ࣝͷΞοϓσʔτΛ܁Γฦ͠ɺ ৗʹͦͷ׆͔͠Ͳ͜ΖΛࡧ͢Δ
5IBOLT 5XJUUFS(JU)VC!TIJCF