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.7k
事業成長を加速させるフロントエンド改善のお話
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
39
頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard
kskymst
1
500
Other Decks in Technology
See All in Technology
ネットワークだけ隔離されたコンテナ作成デモ / Kichijoji.pm36
tenforward
1
230
Google CloudのLLM活用の選択肢を広げるVertex AIのパートナーモデル
nayuts
0
130
LINEヤフーのフロントエンド組織・体制の紹介
lycorp_recruit_jp
1
1.2k
OR学会2024秋_短期収益と将来のオフ方策評価性能を考慮したクーポン割当方策混合比の決定
recruitengineers
PRO
4
460
とあるOSSを継続可能にするための取り組みについて / OSS Refactoring Process
bun913
1
210
なにもしてないのにNew Relicのデータ転送量が増えていたときに確認したこと
tk3fftk
2
230
OCI で始める!! Red Hat OpenShift / Get Started OpenShift on OCI
oracle4engineer
PRO
1
180
App Router を実プロダクトで採用して見えてきた勘所をちょっとだけ紹介
marokanatani
1
930
【株式会社ELYZA】|GENIAC成果報告会 自社開発モデルプレゼンテーション
elyza
1
270
watsonx.ai Dojo 環境準備について
oniak3ibm
PRO
0
300
『GRANBLUE FANTASY: Relink』最高の「没入感」を実現するカットシーン制作手法とそれを支える技術
cygames
1
140
Creative UIs with Compose: DroidKaigi 2024
chrishorner
1
580
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Optimizing for Happiness
mojombo
375
69k
Fashionably flexible responsive web design (full day workshop)
malarkey
401
65k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
23
1.7k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
Docker and Python
trallard
39
3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
How to Think Like a Performance Engineer
csswizardry
16
960
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.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 ୈೋɾୈ࢛༵ʙ