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

今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for 大塚真言 大塚真言
September 27, 2019
Programming
720
0

 今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf

Avatar for 大塚真言

大塚真言

September 27, 2019

More Decks by 大塚真言

See All by 大塚真言
自社プロダクトを作ってみた.pdf
Avatar for 大塚真言 shingen29
0
320
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
Avatar for 大塚真言 shingen29
0
140
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
Avatar for 大塚真言 shingen29
0
330
ユースケース駆動開発で自社プロダクトを作ってみた！
Avatar for 大塚真言 shingen29
1
8k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
Avatar for 大塚真言 shingen29
0
930
PHP8をざっくり解説してみる
Avatar for 大塚真言 shingen29
0
350
最近のプロジェクトを振り返ってみる
Avatar for 大塚真言 shingen29
0
420
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう！
Avatar for 大塚真言 shingen29
2
920
Stripe CLIを触ってみた！
Avatar for 大塚真言 shingen29
1
280

Other Decks in Programming

See All in Programming
net-httpのHTTP/2対応について
Avatar for NARUSE, Yui naruse
0
430
さぁV100、メモリをお食べ・・・
Avatar for nilpe nilpe
0
130
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
240
Lemonade + Foundry Toolkit でお手軽アプリ開発
Avatar for 瀬尾佳隆 seosoft
1
270
技術記事、AIに書かせるか、自分で書くか？ 〜それでも私が自分の手で書く理由〜 / #QiitaConference
Avatar for Junichi Ito jnchito
2
1.3k
今さら聞けないCancellationToken
Avatar for tkym htkym
0
220
OSもどきOS
Avatar for Sora Arakawa arkw
0
400
jQueryをバージョンアップする前に使いたいjQuery Migrate
Avatar for Atsushi Matsuo matsuo_atsushi
0
170
Modding RubyKaigi for Myself
Avatar for yui-knk yui_knk
0
870
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
5
700
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
Avatar for Har1101 har1101
6
1.3k
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310

Featured

See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
150
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.3k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
680
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
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
190
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
130
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
210

Transcript

  1. ࠓҰ൪ΠέͯΔVue.js੡؅ཧը໘ ςϯϓϨʔτͷ͝঺հ 2019/09/27 WebφΠτٶ࡚ vol.6 େ௩ਅݴ

  2. ࣗݾ঺հ ɾTwitterɿ͠Μ͛Μ@ٶ࡚ ɾձࣾɹɿ߹ಉձࣾϊϚυϦ ୅ද ɾεΩϧɿLaravel, Vue.js, FirebaseͳͲ ɾࣄۀɹɿWebγεςϜͷडୗ։ൃ ɾैۀһɿࣗ෼ +

    Πϯλʔϯ1໊ ɾझຯɹɿα΢φ, αʔϑΟϯ, Ωϟϯϓ ϑϦʔϥϯεɾ෭ۀɾΠϯλʔϯืूͯ͠·͢ʂʂ Ұॹʹಇ͖·ͤΜ͔ʁʁ
  3. None

  4. ؅ཧը໘ Ͳ͏΍ͬͯ࡞ͬͯ·͢ʁ

  5. ؅ཧը໘ͷ࡞Γํ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮૷ όοΫΤϯυ࣮૷ ˣ ϑϧεΫϥονͰ ϑϩϯτΛ࣮૷ ༧ࢉ͋Γ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮૷

    όοΫΤϯυ࣮૷ ˣ σβΠϯςϯϓϨʔτͰ ϑϩϯτΛ࣮૷ ༧ࢉͳ͠
  6. None
  7. None

  8. ͱ͏ͱ͏ ݟ͚ͭ·ͨ͠ʂʂ

  9. Vue-element-admin

  10. None

  11. vue-element-adminͱ͸ • Vue.js੡ͷUIϑϨʔϜϫʔΫ Element Λ࢖༻ • େن໛ͰෳࡶͳγϯάϧϖʔδΞϓϦέʔγϣ ϯͷߏங͕Մೳ • ແྉ

    • Githubελʔ਺ 40,000Ҏ্ ※vue-admin 9,000ɺvuestic-admin 6,000

  12. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
  13. None

  14. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
  15. None

  16. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
  17. None

  18. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ

  19. ·ͱΊ • Vue.jsͷνϡʔτϦΞϧऴྃޙͷεςοϓ Ξοϓͱͯ͠৮ͬͯΈΔ͜ͱΛ͓͢͢Ί • vuex, vue-router, axiosͳͲͷvue.js։ൃͰ Α͘࢖͏ϥΠϒϥϦͷ࢖͍ํ΍ೝূೝՄͷ࣮ ૷ํ๏Λཧղ͢Δ͜ͱ͕Ͱ͖Δ

  20. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

  21. None
  22. None