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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Kosuke Yamashita Kosuke Yamashita
July 06, 2019
Technology
6k
7

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

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

Avatar for Kosuke Yamashita

Kosuke Yamashita

July 06, 2019

More Decks by Kosuke Yamashita

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

Other Decks in Technology

See All in Technology
kaonavi Tech Night＃1
Avatar for 株式会社カオナビ kaonavi
0
110
Kaggleで成長するために意識したこと
Avatar for Chikuwabu prgckwb
2
420
Terraform共通モジュールをチーム横断で“変えられる”運用へ ― リリースと適用の分離
Avatar for kekke-n kekke_n
1
3.4k
インフラと開発の垣根を超えていき！〜元AWSインフラエンジニアがAWS開発で奮闘している話〜
Avatar for da-hatakeyama hatahata021
3
300
Claude Code公式skillで 自分の仕事を少しずつ手放そう！（Claude Code開発ノウハウ大公開スペシャル by クラスメソッド）
Avatar for Kei Masaoka kaym
1
500
タスクの複雑さでモデルを選ぶ ── Thompson Samplingで動かす“トークン/コスト最適化
Avatar for satoh-y-0323 satohy0323
0
570
壊して学ぶAWS CDK: そのcdk deployで消えるもの、残るもの
Avatar for Kazuki Adachi k_adachi_01
1
420
ファミコンでPHPを動かす / PHP on the Famicom
Avatar for HASEGAWA Tomoki tomzoh
2
450
End-to-Endで考える信頼性 — LINEアプリにおける クライアント開発×SRE連携の実践
Avatar for maru maruloop
4
4.7k
誤解だらけの開発生産性 / Myths and Misconceptions about Developer Productivity
Avatar for Masato Ishigaki / 石垣雅人 i35_267
2
820
世界、断片、モデル。そして理解
Avatar for SAKO Hiroshi ardbeg1958
1
130
Gen3R: 3D Scene Generation Meets Feed-Forward Reconstruction
Avatar for Spatial AI Network spatial_ai_network
0
130

Featured

See All Featured
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.8k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
220
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
360
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
52k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.3k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
410
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.8k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k

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