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
Kosuke Yamashita
July 06, 2019
Technology
7
5.8k
事業成長を加速させるフロントエンド改善のお話
Kosuke Yamashita - STORES.jp, Inc. / hey, Inc.
BCU30_2019での発表資料です
https://bcu30.jp/2019/
Kosuke Yamashita
July 06, 2019
Tweet
Share
More Decks by Kosuke Yamashita
See All by Kosuke Yamashita
STORESにおけるアクセシビリティ向上の取り組み
kskymst
0
67
頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard
kskymst
1
590
Other Decks in Technology
See All in Technology
[TechNight #91] Oracle Database 最新パフォーマンス分析手法
oracle4engineer
PRO
4
360
生成AI時代におけるAI・機械学習技術を用いたプロダクト開発の深化と進化 #BetAIDay
layerx
PRO
1
880
データエンジニアがクラシルでやりたいことの現在地
gappy50
3
820
Claude Codeが働くAI中心の業務システム構築の挑戦―AIエージェント中心の働き方を目指して
os1ma
9
1.4k
AIに全任せしないコーディングとマネジメント思考
kikuchikakeru
0
390
alecthomas/kong はいいぞ
fujiwara3
6
1.3k
Findy Freelance 利用シーン別AI活用例
ness
0
120
SRE新規立ち上げ! Hubbleインフラのこれまでと展望
katsuya0515
0
110
2025-07-25 NOT A HOTEL TECH TALK ━ スマートホーム開発の最前線 ━ SOFTWARE
wakinchan
0
200
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
420
ビジネス文書に特化した基盤モデル開発 / SaaSxML_Session_2
sansan_randd
0
230
増え続ける脆弱性に立ち向かう: 事前対策と優先度づけによる 持続可能な脆弱性管理 / Confronting the Rise of Vulnerabilities: Sustainable Management Through Proactive Measures and Prioritization
nttcom
1
240
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
A designer walks into a library…
pauljervisheath
207
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Building Adaptive Systems
keathley
43
2.7k
A better future with KSS
kneath
238
17k
Facilitating Awesome Meetings
lara
54
6.5k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Making Projects Easy
brettharned
117
6.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
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 ୈೋɾୈ࢛༵ʙ