Upgrade to Pro — share decks privately, control downloads, hide ads and more …

事業成長を加速させるフロントエンド改善のお話

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Kosuke Yamashita Kosuke Yamashita
July 06, 2019
Technology
7
5.9k

 事業成長を加速させるフロントエンド改善のお話

Kosuke Yamashita - STORES.jp, Inc. / hey, Inc.
BCU30_2019での発表資料です
https://bcu30.jp/2019/

Avatar for Kosuke Yamashita

Kosuke Yamashita

July 06, 2019
Tweet

More Decks by Kosuke Yamashita

See All by Kosuke Yamashita
STORESにおけるアクセシビリティ向上の取り組み
Avatar for Kosuke Yamashita kskymst
0
110
頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard
Avatar for Kosuke Yamashita kskymst
1
640

Other Decks in Technology

See All in Technology
「データとの対話」の現在地と未来
Avatar for kobakou kobakou
0
1.3k
ブラックボックス観測に基づくAI支援のプロトコルのリバースエンジニアリングと再現 ~AIを用いたリバースエンジニアリング~ @ SECCON 14 電脳会議 / Reverse Engineering and Reproduction of an AI-Assisted Protocol Based on Black-Box Observation @ SECCON 14 DENNO-KAIGI
Avatar for chibiegg chibiegg
0
140
Datadog Cloud Cost Management で実現するFinOps
Avatar for Taiji HAGINO taiponrock
PRO
0
140
製造業ドメインにおける LLMプロダクト構築： 複雑な文脈へのアプローチ
Avatar for recruiting@caddi.jp caddi_eng
1
450
Lookerの最新バージョンv26.2がやばい話
Avatar for Yuta Ozaki waiwai2111
1
150
社内でAWS BuilderCards体験会を立ち上げ、得られた気づき / 20260225 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
160
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
14k
ソフトウェアアーキテクトのための意思決定術: Create Decision Readiness—The Real Skill Behind Architectural Decision
Avatar for Koji SHIMADA snoozer05
PRO
30
9k
白金鉱業Meetup_Vol.22_Orbital Senseを支える衛星画像のマルチモーダルエンベディングと地理空間のあいまい検索技術
Avatar for BrainPad brainpadpr
2
210
LINEアプリ開発のための Claude Code活用基盤の構築
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
1.4k
問い合わせ自動化の技術的挑戦
Avatar for Recruit recruitengineers
PRO
2
150
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
44k

Featured

See All Featured
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
680
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
150
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
460
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
11k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.3k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
310
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k

Transcript

  1. ,PTVLF:BNBTIJUB 4503&4KQ JODIFZ JOD #BUUMF$POGFSFODF6OEFS!ܳೳՖ఻ࣷ ࣄۀ੒௕ΛՃ଎ͤ͞Δ ϑϩϯτΤϯυվળͷ͓࿩

  2. !LTLZNTU ࢁԼޭհ લ৬ GSFFDSBDZDPMUE!WJFUOBN 'SPOUFOE%FTJHO ޷͖ 7VFɺ3FBDU 4503&4KQ 'SPOUFOEFOHJOFFS 6*վળνʔϜ

    ࣗݾ঺հ

  3. ʹ͍ͭͯ

  4. IFZʹ͍ͭͯ 4503&4KQͱ$PJOFZͷܦӦ౷߹ʹΑͬͯੜ·Εͨձࣾ

  5. 4503&4KQʹ͍ͭͯ ࠷୹෼Ͱɺڻ͘΄Ͳ؆୯ʹ ΦϯϥΠϯετΞ͕ͭ͘ΕΔʂ ɾετΞσβΠϯ ɾސ٬؅ཧػೳ ɾछྨͷܾࡁํ๏ ɾಠࣗυϝΠϯͷऔಘ ɾΞΫηεղੳ ɾϝʔϧϚΨδϯ FUD

  6. ࡢ೥·ͰͷϑϩϯτΤϯυ؀ڥ

  7. ࡢ೥·ͰͷϑϩϯτΤϯυ؀ڥ ετΞϖʔδ ετΞΦʔφʔ༻؅ཧϖʔδ &3#ςϯϓϨʔτ "OHVMBS+4W ϞϊϦγοΫͳߏ੒

  8. None

  9. ϑϩϯτΤϯυνʔϜͷൃ଍

  10. ໿೥Ͱ̍ਓ ਓ΁ʢલ೥ൺʣ ϑϩϯτΤϯυνʔϜͷൃ଍ ݄ ݄ ݄ ݄ ݄ ݄ ೥

    ೥ ϑϩϯτΤϯυνʔϜͷൃ଍ ! " # $ % & '

  11. Ҡߦ։࢝

  12. /VYUKTҠߦ։࢝ ೥݄ ೥݄ ετΞσβΠϯػೳ։ൃணख ετΞσβΠϯػೳϦϦʔε

  13. ݟੵ΋Γ ݱ࣮ ϲ݄ ϲ݄ !

  14. େ͖ͳཧ༝͸ ։ൃελʔτʴνʔϜͷ஀ੜʴϝϯόʔͷ૿Ճ ͕ॏͳͬͨࣄ

  15. ։ൃεϐʔυΛ্͛Δҝʹ͸ ج൫ͷߏஙɺҰఆͷϧʔϧ͕ඞཁ

  16. ͦ͜Ͱݟ͖͑ͯͨ՝୊ !

  17. ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔ؀ڥͷݟ௚͠ ɾςετͷޮ཰Խ ɾίʔσΟϯάϧʔϧ ɾ࢓༷ॻͷܽམ ɾӡ༻ ɾݟੵ΋Γਫ਼౓ ɾύϑΥʔϚϯεվળ ݟ͖͑ͯͨ՝୊

  18. ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔ؀ڥͷݟ௚͠ ɾςετͷޮ཰Խ ɾίʔσΟϯάϧʔϧ ɾ࢓༷ॻͷܽམ ɾӡ༻ ɾݟੵ΋Γਫ਼౓ ɾύϑΥʔϚϯεվળ ݟ͖͑ͯͨ՝୊

  19. ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔ؀ڥͷݟ௚͠ ɾςετͷޮ཰Խ ɾίʔσΟϯάϧʔϧ ɾ࢓༷ॻͷܽམ ɾӡ༻ ɾݟੵ΋Γਫ਼౓ ɾύϑΥʔϚϯεվળ ݟ͖͑ͯͨ՝୊

  20. ίϯϙʔωϯτϧʔϧ ࣅͨΑ͏ͳίϯϙʔωϯτͷཚཱ ҟͳΔཻ౓ͷίϯϙʔωϯτ ෳ਺ͷϦϙδτϦͰ࢖͍͍ͨ ! ! !

  21. 6*ίϯϙʔωϯτͷ࡞੒ ෳ਺ϦϙδτϦͰ࢖͑Δ༷ ʹϥΠϒϥϦԽ ɾ ɾσβΠϯγεςϜͷߏங ɾܭछྨͷίϯϙʔωϯτ

  22. $PNQPOFOU-JCSBSZ %JBMPH 0UIFS 'PSN #VUUPO

  23. վળɾਏΈ ! ݅ऑͷमਖ਼JTTVF ޙํޓ׵ͷߟྀ όϯυϧαΠζͷංେԽH[JQQFELC # ϩδοΫɺ֤υϝΠϯ΁ΑΓϦιʔεׂ͚Δ σβΠφʔͱͷ6*ͷڞ௨ೝࣝ

  24. ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔ؀ڥͷݟ௚͠ ɾςετͷޮ཰Խ ɾίʔσΟϯάϧʔϧ ɾ࢓༷ॻͷܽམ ɾӡ༻ ɾݟੵ΋Γਫ਼౓ ɾύϑΥʔϚϯεվળ ՝୊

  25. ϨϏϡʔ؀ڥͷݟ௚͠ ϩʔΧϧͷDIFDLPVU͕໘౗ *&؀ڥɺγϛϡϨʔλʔͷ্ཱͪ͛ σβΠφʔ΁ڞ༗ͷίετ ! ! !

  26. ɾεςʔδϯά؀ڥͰ֬ೝͰ͖Δ ɾͭͷ1VTIʹରͯ͠63-ͷൃߦ $JSDMF$*º -BNCEB!&EHF 13ͷϓϨϏϡʔ؀ڥ

  27. $JSDMF$*ͰOVYUCVJMEˠ݁ՌΛ4΁อଘ MBNCEB!&EHFͰೝূɺαϒσΟϨΫτϦ΁ͷϧʔτϚοϐϯά

  28. վળɾਏΈ ! αϒσΟϨΫτϦ΁ͷΞΫηεʹ͸޻෉͕ඞཁ "1*͕σϓϩΠ͞Ε͍ͯΔඞཁ͕͋Δ " ϨϏϡʔίετͷ࡟ݮ *&ɺ41ͰͷؾܰͳϓϨϏϡʔ؀ڥ

  29. ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔ؀ڥͷݟ௚͠ ɾςετͷޮ཰Խ ɾίʔσΟϯάϧʔϧ ɾ࢓༷ॻͷܽམ ɾӡ༻ ɾݟੵ΋Γਫ਼౓ ɾύϑΥʔϚϯεվળ ՝୊

  30. ςετͷޮ཰Խ 6*पΓͷमਖ਼͔Βςετͷॻ͖௚͠ ਐḿ͕஗Εͯ͘Δͱςετ͸ޙճ͠ʹͳΓ΍͍͢ ͳΔ΂ָ͘Λ͍ͨ͠ ! ! !

  31. 7JTVBM3FHSFTTJPO5FTUJOH

  32. मਖ਼લ मਖ਼ޙ ը૾ͷࠩ෼Λநग़ͯ͘͠ΕΔ Χϥʔͷࠩ෼ʹ΋ରԠ

  33. 13Ͱ͓஌Βͤ 13࣌ʹࠩ෼ͷൃੜঢ়گΛڭ͑ͯ͘ΕΔ ҙਤ͍ͯ͠ͳ͍ελΠϧͷ่ΕͷνΣοΫ͕Մೳ

  34. 13ޙͷ࢓૊Έ

  35. վળɾਏΈ ! Ξχϝʔγϣϯͷςετ͸Ͱ͖ͳ͍ ࠩ෼͕ଟ͍৔߹ʹݟམͱ͠ͷൃੜ " ݟͨ໨ؔ܎ͷςετͷ؆ུԽ ϦϑΝΫλϦϯά࣌ͷਫ਼ਆతෛՙͷܰݮ ൺֱతಋೖ͕༰қ

  36. ·ͱΊ

  37. νʔϜͱͯ͠ͷεϐʔυײ͸͍ͩͿ্͕͖ͬͯͨ ͍͍ͩͨ͜ͷลΓ

  38. ·ͩະղܾͳ՝୊΋͋Δ !

  39. ɾίϯϙʔωϯτϧʔϧ ɾϨϏϡʔ؀ڥͷݟ௚͠ ɾςετͷޮ཰Խ ɾίʔσΟϯάϧʔϧ ɾӡ༻ ɾ࢓༷ॻͷܽམ ɾݟੵ΋Γਫ਼౓ ɾύϑΥʔϚϯεվળ ະղܾͳ՝୊

  40. ͍͍஌ݟ͕͋Ε͹ڭ͍͑ͯͩ͘͞ʂ !

  41. ݸਓ੒௕Ͱ͖ͨ఺ !

  42. ࣮͸ࢲɺ·ͩೖࣾϲ݄ʢ݄ೖࣾʣ ͜Ε ݄ ݄ ݄ ݄ ݄ ݄ ೥ ೥

    ! " # $ % & '

  43. ೖࣾ೔໨ʹ#$6ग़৔ʹखΛ͋͛ͨ " पΓ͕βϫͭ͘

  44. υϝΠϯɺٕज़ɺྺ࢙తഎܠΘ͔Βͳ͍ࣄͩΒ͚ (JU)VCɺ4MBDLɺ2JJUB5FBN౳ ࣾ಺πʔϧḪΓ·͘Γɺઌഐʹฉ͖·͘Γ ! " ͦͷ͓͔͛Ͱ՝୊ײ΋Θ͔ͬͨ͠ɺ ৐Γӽ͑ํ΋਎ʹ͍͖ͭͯͨ #

  45. ͜ͷܦݧ͕ࣗ෼ͷେ͖ͳݸਓ੒௕ !

  46. 8FSFIJSJOH ! "

  47. IUUQTIFZKQFWFOUTIFMMPIFZ ୈೋɾୈ࢛໦༵ʙ