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
69
頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard
kskymst
1
590
Other Decks in Technology
See All in Technology
歴代のWeb Speed Hackathonの出題から考えるデグレしないパフォーマンス改善
shuta13
6
600
Devinを使ったモバイルアプリ開発 / Mobile app development with Devin
yanzm
0
180
AIエージェント就活入門 - MCPが履歴書になる未来
eltociear
0
420
[CVPR2025論文読み会] Linguistics-aware Masked Image Modelingfor Self-supervised Scene Text Recognition
s_aiueo32
0
210
EKS Pod Identity における推移的な session tags
z63d
1
200
我々は雰囲気で仕事をしている / How can we do vibe coding as well
naospon
2
220
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
3
130
制約理論(ToC)入門
recruitengineers
PRO
2
250
Browser
recruitengineers
PRO
3
260
ソフトウェア エンジニアとしての 姿勢と心構え
recruitengineers
PRO
2
600
Product Management Conference -AI時代に進化するPdM-
kojima111
0
220
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.7k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Docker and Python
trallard
45
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
Embracing the Ebb and Flow
colly
87
4.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Unsuck your backbone
ammeep
671
58k
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 ୈೋɾୈ࢛༵ʙ