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
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
670
Other Decks in Technology
See All in Technology
Flutterをカメラで動かしたかった話
sony
1
140
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
wolfgangwagner
0
200
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.2k
Digitization部 紹介資料
sansan33
PRO
2
7.7k
社内の7割が使うデータ基盤を、 データチーム2人で回すためにやったこと
koh_yoshi
4
1.4k
モノリス Rails でも日中に rails db:migrate を走らせたい! / Daytime rails db:migrate on Monolithic Rails!
euglena1215
4
580
Goでデータパイプラインを作ろう
sansantech
PRO
1
460
SmartHR Engineering Team Deck
smarthr
1
2.1k
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは?-
komei_mt
0
250
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
9k
Service Connect 上のサービスに ECS Service の外側から到達できなかった話
ota1022
1
250
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
moongift
PRO
2
2.6k
Featured
See All Featured
A Soul's Torment
seathinner
6
3.4k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
200
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
210
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
How to build a perfect <img>
jonoalderson
1
5.9k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
119
120k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
73
41k
WENDY [Excerpt]
tessaabrams
11
39k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
240
Between Models and Reality
mayunak
4
390
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 ୈೋɾୈ࢛༵ʙ