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

Vue Fes Japan 2018 サイトの速度改善 / High Performance ...

Avatar for INOUE Takuya INOUE Takuya
August 28, 2018
Programming
7.9k
9

Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site

Vue.js Tokyo v-meetup #8 の発表資料
https://vuejs-meetup.connpass.com/event/95678/

Avatar for INOUE Takuya

INOUE Takuya

August 28, 2018

More Decks by INOUE Takuya

See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
Avatar for INOUE Takuya inouetakuya
7
2.8k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
Avatar for INOUE Takuya inouetakuya
0
860
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
Avatar for INOUE Takuya inouetakuya
0
780
ウェブサイトの速度改善 / High Performance Website
Avatar for INOUE Takuya inouetakuya
0
500
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
Avatar for INOUE Takuya inouetakuya
4
3k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
Avatar for INOUE Takuya inouetakuya
8
5.4k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
Avatar for INOUE Takuya inouetakuya
1
400
いま Vue.js に現場の事例が求められている / stage of vuejs jp
Avatar for INOUE Takuya inouetakuya
0
3.3k
お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs
Avatar for INOUE Takuya inouetakuya
8
19k

Other Decks in Programming

See All in Programming
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
Avatar for ライガー raiga0310
2
440
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
Avatar for jsoizo jsoizo
1
270
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
250
ルールを書いて終わらせないハーネスエンジニアリング
Avatar for Yuji Yamaguchi yug1224
4
1.8k
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
Avatar for monochromegane monochromegane
0
160
為什麼你並不需要ViewModel / No, you don't need a ViewModel
Avatar for Elvis Shi lovee
1
480
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
Avatar for にわ shibuchaaaan
0
210
継続モナドとリアクティブプログラミング
Avatar for ゆきくらげ yukikurage
3
680
ここ半年くらいでAIに作らせたR用ツール
Avatar for eitsupi eitsupi
0
360
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
4
360
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
860
「人を評価する AI」の 設計と実装 
Avatar for 奈良亮耶 ryoyanara
0
150

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.4k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
3
400
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.2k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
470
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
370
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.9k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.7k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
290
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k

Transcript

  1. 7VF'FTαΠτͷ଎౓վળ EFWUPͦͯ͠Ѩ෦׮ͷϗʔϜϖʔδΛ௒͑Ζʂ ͍ͷ͏͑ͨ͘΍ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB 7VFKT5PLZPWNFFVQ

  2. స৬υϥϑτʢCZϦϒηϯεʣ ͍ͷ͏͑ͨ͘΍͓͍ͪΌΜ!JOPVFUBLVZB /VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ຋༁ऀɺϝϯςφ ൴ঁ͔Β͸ɺ͓͍ͪΌΜͱݺ͹Ε͍ͯ·͢

  3. None

  4. 7VF'FTαΠτͷಛ௃ wIUUQTWVFGFTKQ wϔουը૾ େখຕͷը૾ w੩తαΠτʢ/VYU(FOFSBUFʣ w/FUMJGZ

  5. ࠓ೔࿩͢͜ͱ

  6. ࿩͢͜ͱ w଎౓໨ඪͷཱͯํʢॏཁʣ w଎౓վળʢͲͷΑ͏ʹߟ͑ͯԿΛ΍͔ͬͨʣ w଎౓Λҡ࣋͢Δ࢓૊Έͮ͘Γ

  7. ࿩͞ͳ͍͜ͱ w଎౓վળͷৄࡉʢ࣮૷ʣ

  8. ଎౓໨ඪͷཱͯํ

  9. Ϗδωεΰʔϧ͔Βߟ͑Δ

  10. 7VF'FTαΠτͷ໾ׂ w7VF'FTͱ͍͏ΠϕϯτΛ஌ͬͯ΋Β͏ʢप ஌ʣ w7VF'FTʹߦ͖͍ͨͱࢥͬͯ΋Β͏ʢڵຯͷ שىɺಈػ͚ͮʣ w7VF'FTΛָ͠ΊΔ৘ใΛఏڙ͢Δ

  11. 7VF'FTαΠτͷ଎౓վ ળ͕ͲͷΑ͏ʹܨ͕Δ͔ʁ

  12. 7VFKT੡ͷ7VF'FTαΠτ ͕ߴ଎ͰշదʹݟΒΕΔ

  13. 7VFKTͷϒϥϯσΟϯά

  14. 7VFKTͻ͍ͯ͸7VF'FT ʹڵຯΛ࣋ͬͯ΋Β͑Δ

  15. ੩తαΠτͷ଎౓վળͷࢦඪ

  16. ʮͲͷࢦඪʯ͕ʮͲͷ͘Β͍ʯ ଎͚Ε͹ྑ͍͔ʁ

  17. 'JSTU.FBOJOHGVM1BJOU w IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODF VTFSDFOUSJDQFSGPSNBODFNFUSJDT 8FCϖʔδ͕Ϣʔβʔʹͱͬͯҙຯͷ͋Δʢ໾ʹཱͭʣදࣔʹͳͬͨλΠϛϯά

  18. Ͳͷ͘Β͍଎͚Ε͹Α͍͔ʁ wϠίϒɾχʔϧηϯͷهࣄ wਓؒͷೝ஌ػೳͷ؍఺͔ΒʣҰ࿈ͷφϏήʔγϣϯ͕ؒ அͳ͘ਐΜͰ͍Δͱײ͡ΒΕΔݶքඵ w3"*-Ϟσϧ w3FTQPOTF "OJNBUJPO *EMF -PBEͷ໨ඪ஋ w-PBEͷ໨ඪ஋

    ϛϦඵ

  19. ք۾Ͱʮ͜ͷαΠτ͸଎͍ʯͱ͞Ε͍ͯ ΔαΠτΛ௒͑Δ΄͏͕7VFKTͷϒϥ ϯσΟϯάʹܨ͕ΔͷͰ͸ʁ

  20. Ͳͷ͘Β͍଎͚Ε͹Α͍͔ʁ wEFWUPͷ'JSTU.FBOJOHGVM1BJOUʢҎԼ '.1ʣΛ௒͑Δʂ wѨ෦׮ͷϗʔϜϖʔδͷ'.1Λ௒͑Δʂ

  21. ܭଌ߹੒ϞχλϦϯά wܭଌ༻ͷԾ૝؀ڥ wಉ͡৚݅Ͱ܁Γฦ͠ܭଌΛߦ͏ w8FC1BHFUFTU

  22. EFWUP w'.1NT

  23. Ѩ෦׮ͷϗʔϜϖʔδ w'.1NT

  24. 7VF'FTαΠτʢ#FGPSFʣ w'.1NT

  25. ଎౓վળ

  26. ͍·ɺͲ͜ͷվળΛ΍ͬ ͍ͯΔʁΛৗʹҙࣝ

  27. ΫϦςΟΧϧϨϯμϦϯ άύεΛৗʹ೦಄ʹஔ͘

  28. IUUQTTRMB[VSFKQSCPPL ʢ௒଎ຊʹࡌ͍ͬͯΔਤʣ

  29. ຊ౰ʹޮՌ͕͋ͬͨͷ͔ #FGPSF"GUFSΛ ͻͱͭͣͭܭଌ

  30. ҎԼɺಛʹޮՌ͕େ͖͔ͬ ͨ΋ͷΛ঺հ͍ͯ͘͠

  31. ը૾ͷ࠷దԽฤ

  32. ը૾ܗࣜͷબ୒

  33. ը૾ܗࣜͷಛ௃ൺֱ w IUUQTXXXIUNMSPDLTDPNFOUVUPSJBMTTQFFEJNH DPNQSFTTJPO

  34. ը૾ܗࣜͷબ୒

  35. ը૾ͷϦαΠζ

  36. ը૾ͷϦαΠζ wෆඞཁʹେ͖ͳը૾Λϩʔυ͠ͳ͍Α͏ʹ͢ Δ wQQJʢQJYFMQFSJODIʣʹ߹Θͤͯ࠷దͳαΠ ζͷը૾Λϩʔυ͢Δ wTSDTFUଐੑ

  37. TSDTFUଐੑ

  38. ը૾ͷѹॖ

  39. ը૾ͷѹॖϥΠϒϥϦ wNP[KQFHKQFHUBOKQFHPQUJN wQOHRVBOU wPQUJQOH wHJGTJDMF wTWHP

  40. (6*πʔϧ w*NBHF0QUJN w಺෦Ͱ+1&(0QUJN΍0QUJ1/(ͳͲΛ࢖͏ w+1&(NJOJͱൺֱͯ͠ߴ͍ѹॖ཰ɻॲཧ଎౓ ͸஗͍ w*NBHF"MQIB

  41. ίϚϯυϥΠϯπʔϧ wJNBHFNJO wJNBHFNJONP[KQFH wJNBHFNJOKQFHPQUJN wͳͲϓϥάΠϯͱ߹Θͤͯ࢖͏

  42. JNBHFNJO wOQNJOTUBMMJNBHFNJODMJ wOQNJOTUBMMJNBHFNJOQOHRVBOU wJNBHFNJOŠQMVHJOQOHRVBOUŠPVU EJSCBSGPP

  43. ը૾ͷ஗Ԇಡࠐ

  44. ը૾ͷ஗Ԇಡࠐ wWVFMB[ZMPBE wϑΝʔετϏϡʔʹೖΒͳ͍ը૾͸஗Ԇಡࠐ wϓϨʔεϗϧμը૾ΛͰ͖Δ͚ͩදࣔͤͨ͞ ͘ͳ͔ͬͨͷͰɺ7JFXQPSUΑΓ΋QY Լʹདྷͨ࣌఺ͰಡࠐΛ։࢝

  45. ը૾ͷ஗Ԇಡࠐ wʮը૾͕7JFXQPSUΑΓ΋QYԼʹདྷ ͨʯ൑ఆ͸*OUFSTFDUJPO0CTFSWFSͰ w·ͩ*&ͱ4BGBSJ͕ରԠ͍ͯ͠ͳ͍ͷͰ 1PMZpMM͕ඞཁ

  46. 8FCϑΥϯτฤ

  47. "EPCF5ZQFLJU w$44͔ΒಡΈࠐΉͱʙNT΄ͲϨ ϯμϦϯάΛϒϩοΫͯ͠͠·͏ w+4Ͱ஗Ԇಡࠐͤ͞ΔΑ͏ʹͨ͠

  48. 1SFMPBE

  49. )551 $%/

  50. None

  51. ଎౓վળͷ݁Ռ

  52. 7VF'FTαΠτʢ"GUFSʣ w'.1NTNT w EFWUPNT Ѩ෦׮ͷϗʔϜϖʔδNTʢ͜ΕͲ͏΍ͬͨΒউͯΔΜͩʜ

  53. ଎౓Λҡ࣋͢Δ ࢓૊Έͮ͘Γ

  54. ը૾ѹॖͷࣗಈԽ

  55. (JU)PPLT wίϛοτ͢ΔલʹࣗಈͰը૾ѹॖ wIVTLZΛ࢖͑͹όʔδϣϯ؅ཧͰ͖Δ

  56. IVTLZઃఆྫ

  57. None

  58. ϞχλϦϯάͷڧԽ

  59. ϞχλϦϯάͷڧԽ w8FC1BHFUFTUΛϗεςΟϯάͯ͠ɺఆظత ʹ࣮ߦ͢ΔͳͲ wʢ·ͩ΍͍ͬͯͳ͍͕ɺ΍ͬͯΈ͍ͨʣ

  60. ·ͱΊ w଎౓վળͷ໨ඪ͸ɺϏδωεΰʔϧ͔Βߟཱ͑ͯͯ Δ wΫϦςΟΧϧϨϯμϦϯάύεΛ೦಄ʹஔ͍ͯɺ͍ ·ɺͲ͜ͷվળΛ΍͍ͬͯΔͷ͔Λৗʹҙࣝ͢Δ wվળΛҰ౓΍ͬͯऴΘΓͰ͸ͳ͘ɺվળͨ͠଎౓ Λҡ࣋͢Δ࢓૊Έ΋ॏཁ

  61. None
  62. None