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

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

610195d9ffdba3c9cddaa9fd87753284?s=47 Kosuke Yamashita
July 06, 2019
Technology
6
4.6k

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

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

610195d9ffdba3c9cddaa9fd87753284?s=128

Kosuke Yamashita

July 06, 2019
Tweet

More Decks by Kosuke Yamashita

See All by Kosuke Yamashita
頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard
610195d9ffdba3c9cddaa9fd87753284?s=48 kskymst
1
350

Other Decks in Technology

See All in Technology
Whats new in Android Media?
35e891f6b7c223caa0e69b665f23b115?s=48 myolwin00
2
120
XRを取り巻く技術の正体と未来
763e77506a1534bdc6fcc930f5d94eb6?s=48 kajiken_meson
0
200
Microsoft Build 2022 - Azure のデータ & 分析サービス 最新アップデート / Microsoft Build 2022 Updates on Azure Data and Analytics Services
22ac00b36d2057e61ee1c06f0f5dc6cb?s=48 nakazax
1
220
數據的多重宇宙 @ LINE Taiwan
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
1k
YAMLを書くだけで構築できる分散ストレージ
842515eaf8fbb2dfcc75197e7797dc15?s=48 sat
PRO
0
230
Poolにおける足を止めないシステム基盤構築
F811665799e1139b63140b72f3e8631f?s=48 winebarrel
3
1.2k
220524_開発PM勉強会vol.11_MNTSQ
8a505ff8df09a49eca3315523c45104d?s=48 kkawase
0
120
IDOLY PRIDEにおけるAssetBundleビルドパイプラインについて
8192a3d22a844b926f2e1bd7aef5fb25?s=48 qualiarts
0
350
KubeCon Recap -Platform migration at Scale-
Ad22fcf5773b906c08330f4d57242212?s=48 inductor
0
130
[SRE NEXT 2022]メルカリグループにおけるSREs
667ad57b416187cb22589158805603b4?s=48 srenext
0
600
アルプの 認証/認可分離戦略と手法
C6a8cb5e13aa716521d522471ec4e4cd?s=48 ma2k8
PRO
2
370
テスト自動化の成功を支えるチームと仕組み/TestAutomation
32fe1b1b174c69d06b455799ed1fb285?s=48 goyoki
5
1.3k

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
12k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
29
4.3k
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.5k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
124
11k
The Web Native Designer (August 2011)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
74
1.9k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
94
4.6k
Unsuck your backbone
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
659
55k
VelocityConf: Rendering Performance Case Studies
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
316
22k

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