Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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

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
88
頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard
Avatar for Kosuke Yamashita kskymst
1
610

Other Decks in Technology

See All in Technology
生成AIでテスト設計はどこまでできる？ 「テスト粒度」を操るテーラリング術
Avatar for ks shota_kusaba
0
170
プロダクトマネージャーが押さえておくべき、ソフトウェア資産とAIエージェント投資効果 / pmconf2025
Avatar for Masato Ishigaki / 石垣雅人 i35_267
2
480
こがヘンだよ！Snowflake?サービス名称へのこだわり
Avatar for タロウ tarotaro0129
0
110
“決まらない”NSM設計への処方箋 〜ビットキーにおける現実的な指標デザイン事例〜 / A Prescription for "Stuck" NSM Design: Bitkey’s Practical Case Study
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
470
バグハンター視点によるサプライチェーンの脆弱性
Avatar for morioka12 scgajge12
2
590
.NET 10 のパフォーマンス改善
Avatar for neno nenonaninu
2
4.9k
AI 時代のデータ戦略
Avatar for na0 na0
8
3.4k
Agentic AI Patterns and Anti-Patterns
Avatar for Guillaume Laforge glaforge
1
140
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
38k
21st ACRi Webinar - AMD Presentation Slide (Nao Sumikawa)
Avatar for Nao Sumikawa nao_sumikawa
0
230
MS Ignite 2025で発表されたFoundry IQをRecap
Avatar for Akira Sato satodayo
3
240
AI活用によるPRレビュー改善の歩み ― 社内全体に広がる学びと実践
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
140

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
480
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
970
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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 ୈೋɾୈ࢛໦༵ʙ