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.
→
Kosuke Yamashita
July 06, 2019
Technology
6k
7
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
事業成長を加速させるフロントエンド改善のお話
Kosuke Yamashita - STORES.jp, Inc. / hey, Inc.
BCU30_2019での発表資料です
https://bcu30.jp/2019/
Kosuke Yamashita
July 06, 2019
More Decks by Kosuke Yamashita
See All by Kosuke Yamashita
STORESにおけるアクセシビリティ向上の取り組み
kskymst
0
130
頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard
kskymst
1
660
Other Decks in Technology
See All in Technology
Software Supply Chain Attackからクラウド環境を守るためにできること
lhazy
2
260
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
19k
Forza Horizon 6 のテレメトリ機能で 自動運転に使えそうな学習データを集める話
henjin0
0
170
制約理論(ToC)入門 2026版
recruitengineers
PRO
8
2.2k
Webアクセシビリティ入門 2026
recruitengineers
PRO
3
560
20分でわかるセキュアAPI
nwiizo
2
260
猫付きpingコマンドを自作
uyuki234
0
230
会社紹介資料 / Sansan Company Profile
sansan33
PRO
23
430k
グローバル基準のSREは、運用現場でどう機能したか:成熟度アセスメントの実践 / SRE NEXT 2026
sorawatanabe
0
220
今こそ聞きたいソフトウェア設計 ドメイン駆動設計再入門
masuda220
PRO
17
7.2k
Service Connect 上のサービスに ECS Service の外側から到達できなかった話
ota1022
1
240
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
yamaguchitk333
0
220
Featured
See All Featured
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Statistics for Hackers
jakevdp
799
230k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
570
Marketing to machines
jonoalderson
1
5.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
410
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
690
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
The agentic SEO stack - context over prompts
schlessera
0
860
Test your architecture with Archunit
thirion
1
2.3k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Transcript
,PTVLF:BNBTIJUB 4503&4KQ JODIFZ JOD #BUUMF$POGFSFODF6OEFS!ܳೳՖࣷ ࣄۀΛՃͤ͞Δ ϑϩϯτΤϯυվળͷ͓
!LTLZNTU ࢁԼޭհ લ৬ GSFFDSBDZDPMUE!WJFUOBN 'SPOUFOE%FTJHO ͖ 7VFɺ3FBDU 4503&4KQ 'SPOUFOEFOHJOFFS 6*վળνʔϜ
ࣗݾհ
ʹ͍ͭͯ
IFZʹ͍ͭͯ 4503&4KQͱ$PJOFZͷܦӦ౷߹ʹΑͬͯੜ·Εͨձࣾ
4503&4KQʹ͍ͭͯ ࠷Ͱɺڻ͘΄Ͳ؆୯ʹ ΦϯϥΠϯετΞ͕ͭ͘ΕΔʂ ɾετΞσβΠϯ ɾސ٬ཧػೳ ɾछྨͷܾࡁํ๏ ɾಠࣗυϝΠϯͷऔಘ ɾΞΫηεղੳ ɾϝʔϧϚΨδϯ FUD
ࡢ·ͰͷϑϩϯτΤϯυڥ
ࡢ·ͰͷϑϩϯτΤϯυڥ ετΞϖʔδ ετΞΦʔφʔ༻ཧϖʔδ &3#ςϯϓϨʔτ "OHVMBS+4W ϞϊϦγοΫͳߏ
None
ϑϩϯτΤϯυνʔϜͷൃ
Ͱ̍ਓ ਓʢલൺʣ ϑϩϯτΤϯυνʔϜͷൃ ݄ ݄ ݄ ݄ ݄ ݄
ϑϩϯτΤϯυνʔϜͷൃ ! " # $ % & '
Ҡߦ։࢝
/VYUKTҠߦ։࢝ ݄ ݄ ετΞσβΠϯػೳ։ൃணख ετΞσβΠϯػೳϦϦʔε
ݟੵΓ ݱ࣮ ϲ݄ ϲ݄ !
େ͖ͳཧ༝ ։ൃελʔτʴνʔϜͷੜʴϝϯόʔͷ૿Ճ ͕ॏͳͬͨࣄ
։ൃεϐʔυΛ্͛Δҝʹ ج൫ͷߏஙɺҰఆͷϧʔϧ͕ඞཁ
ͦ͜Ͱݟ͖͑ͯͨ՝ !
ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔڥͷݟ͠ ɾςετͷޮԽ ɾίʔσΟϯάϧʔϧ ɾ༷ॻͷܽམ ɾӡ༻ ɾݟੵΓਫ਼ ɾύϑΥʔϚϯεվળ ݟ͖͑ͯͨ՝
ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔڥͷݟ͠ ɾςετͷޮԽ ɾίʔσΟϯάϧʔϧ ɾ༷ॻͷܽམ ɾӡ༻ ɾݟੵΓਫ਼ ɾύϑΥʔϚϯεվળ ݟ͖͑ͯͨ՝
ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔڥͷݟ͠ ɾςετͷޮԽ ɾίʔσΟϯάϧʔϧ ɾ༷ॻͷܽམ ɾӡ༻ ɾݟੵΓਫ਼ ɾύϑΥʔϚϯεվળ ݟ͖͑ͯͨ՝
ίϯϙʔωϯτϧʔϧ ࣅͨΑ͏ͳίϯϙʔωϯτͷཚཱ ҟͳΔཻͷίϯϙʔωϯτ ෳͷϦϙδτϦͰ͍͍ͨ ! ! !
6*ίϯϙʔωϯτͷ࡞ ෳϦϙδτϦͰ͑Δ༷ ʹϥΠϒϥϦԽ ɾ ɾσβΠϯγεςϜͷߏங ɾܭछྨͷίϯϙʔωϯτ
$PNQPOFOU-JCSBSZ %JBMPH 0UIFS 'PSN #VUUPO
վળɾਏΈ ! ݅ऑͷमਖ਼JTTVF ޙํޓͷߟྀ όϯυϧαΠζͷංେԽH[JQQFELC # ϩδοΫɺ֤υϝΠϯΑΓϦιʔεׂ͚Δ σβΠφʔͱͷ6*ͷڞ௨ೝࣝ
ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔڥͷݟ͠ ɾςετͷޮԽ ɾίʔσΟϯάϧʔϧ ɾ༷ॻͷܽམ ɾӡ༻ ɾݟੵΓਫ਼ ɾύϑΥʔϚϯεվળ ՝
ϨϏϡʔڥͷݟ͠ ϩʔΧϧͷDIFDLPVU͕໘ *&ڥɺγϛϡϨʔλʔͷ্ཱͪ͛ σβΠφʔڞ༗ͷίετ ! ! !
ɾεςʔδϯάڥͰ֬ೝͰ͖Δ ɾͭͷ1VTIʹରͯ͠63-ͷൃߦ $JSDMF$*º -BNCEB!&EHF 13ͷϓϨϏϡʔڥ
$JSDMF$*ͰOVYUCVJMEˠ݁ՌΛ4อଘ MBNCEB!&EHFͰೝূɺαϒσΟϨΫτϦͷϧʔτϚοϐϯά
վળɾਏΈ ! αϒσΟϨΫτϦͷΞΫηεʹ͕ඞཁ "1*͕σϓϩΠ͞Ε͍ͯΔඞཁ͕͋Δ " ϨϏϡʔίετͷݮ *&ɺ41ͰͷؾܰͳϓϨϏϡʔڥ
ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔڥͷݟ͠ ɾςετͷޮԽ ɾίʔσΟϯάϧʔϧ ɾ༷ॻͷܽམ ɾӡ༻ ɾݟੵΓਫ਼ ɾύϑΥʔϚϯεվળ ՝
ςετͷޮԽ 6*पΓͷमਖ਼͔Βςετͷॻ͖͠ ਐḿ͕Εͯ͘Δͱςετޙճ͠ʹͳΓ͍͢ ͳΔָ͘Λ͍ͨ͠ ! ! !
7JTVBM3FHSFTTJPO5FTUJOH
मਖ਼લ मਖ਼ޙ ը૾ͷࠩΛநग़ͯ͘͠ΕΔ ΧϥʔͷࠩʹରԠ
13Ͱ͓Βͤ 13࣌ʹࠩͷൃੜঢ়گΛڭ͑ͯ͘ΕΔ ҙਤ͍ͯ͠ͳ͍ελΠϧͷ่ΕͷνΣοΫ͕Մೳ
13ޙͷΈ
վળɾਏΈ ! ΞχϝʔγϣϯͷςετͰ͖ͳ͍ ͕ࠩଟ͍߹ʹݟམͱ͠ͷൃੜ " ݟͨؔͷςετͷ؆ུԽ ϦϑΝΫλϦϯά࣌ͷਫ਼ਆతෛՙͷܰݮ ൺֱతಋೖ͕༰қ
·ͱΊ
νʔϜͱͯ͠ͷεϐʔυײ͍ͩͿ্͕͖ͬͯͨ ͍͍ͩͨ͜ͷลΓ
·ͩະղܾͳ՝͋Δ !
ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔڥͷݟ͠ ɾςετͷޮԽ ɾίʔσΟϯάϧʔϧ ɾӡ༻ ɾ༷ॻͷܽམ ɾݟੵΓਫ਼ ɾύϑΥʔϚϯεվળ ະղܾͳ՝
͍͍ݟ͕͋Εڭ͍͑ͯͩ͘͞ʂ !
ݸਓͰ͖ͨ !
࣮ࢲɺ·ͩೖࣾϲ݄ʢ݄ೖࣾʣ ͜Ε ݄ ݄ ݄ ݄ ݄ ݄
! " # $ % & '
ೖࣾʹ#$6ग़ʹखΛ͋͛ͨ " पΓ͕βϫͭ͘
υϝΠϯɺٕज़ɺྺ࢙తഎܠΘ͔Βͳ͍ࣄͩΒ͚ (JU)VCɺ4MBDLɺ2JJUB5FBN ࣾπʔϧḪΓ·͘Γɺઌഐʹฉ͖·͘Γ ! " ͦͷ͓͔͛Ͱ՝ײΘ͔ͬͨ͠ɺ Γӽ͑ํʹ͍͖ͭͯͨ #
͜ͷܦݧ͕ࣗͷେ͖ͳݸਓ !
8FSFIJSJOH ! "
IUUQTIFZKQFWFOUTIFMMPIFZ ୈೋɾୈ࢛༵ʙ