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

September 27, 2019

730

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

大塚真言

September 27, 2019

More Decks by 大塚真言

See All by 大塚真言

自社プロダクトを作ってみた.pdf

0

320

CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！

0

150

CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！

0

340

ユースケース駆動開発で自社プロダクトを作ってみた！

1

8k

MDN Web Docsから学ぶ公式ドキュメントを読むメリット

0

940

PHP8をざっくり解説してみる

0

350

最近のプロジェクトを振り返ってみる

0

430

Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう！

2

930

Stripe CLIを触ってみた！

1

280

Other Decks in Programming

See All in Programming

吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development

0

190

えっ!!コードを読まずに開発を!?

0

210

言語を使う側から、作る側へ。自作 Lisp で得た新たな気づき。

0

130

The Past, Present, and Future of Enterprise Java

0

250

Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)

1

770

yield再入門 #phpcon

PRO

0

460

なぜ型を書くのか？ TSKaigi2026で改めて考える #tskaigi_smarthr

0

370

Claude Team Plan導入・ガイド

0

210

霧の中の代数的エフェクト

1

390

【やさしく解説設計編 #1】「ドメイン駆動」と「実装駆動」ってなに？〜設計の考え方を、たとえ話で学ぼう〜

PRO

1

120

【やさしく解説設計編・中級 #6】良いアーキテクチャとは～一本の登り道の、行き先～

PRO

0

170

地域 SRE コミュニティ最前線 - ホンマでっかSRE勉強会

0

240

Featured

See All Featured

AI in Enterprises - Java and Open Source to the Rescue

0

1.4k

Everyday Curiosity

0

260

Building Adaptive Systems

44

3.1k

Public Speaking Without Barfing On Your Shoes - THAT 2023

1

460

Conquering PDFs: document understanding beyond plain text

PRO

4

2.9k

Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything

31

2.8k

Lightning Talk: Beautiful Slides for Beginners

PRO

2

610

From Legacy to Launchpad: Building Startup-Ready Communities

0

260

10 Git Anti Patterns You Should be Aware of

PRO

659

62k

Statistics for Hackers

799

230k

Hiding What from Whom? A Critical Review of the History of Programming languages for Music

3

970

Sam Torres - BigQuery for SEOs

PRO

0

300

Transcript

ࠓҰ൪ΠέͯΔVue.js੡؅ཧը໘ ςϯϓϨʔτͷ͝঺հ 2019/09/27 WebφΠτٶ࡚ vol.6 େ௩ਅݴ
ࣗݾ঺հ ɾTwitterɿ͠Μ͛Μ@ٶ࡚ ɾձࣾɹɿ߹ಉձࣾϊϚυϦ ୅ද ɾεΩϧɿLaravel, Vue.js, FirebaseͳͲ ɾࣄۀɹɿWebγεςϜͷडୗ։ൃ ɾैۀһɿࣗ෼ +
Πϯλʔϯ1໊ ɾझຯɹɿα΢φ, αʔϑΟϯ, Ωϟϯϓ ϑϦʔϥϯεɾ෭ۀɾΠϯλʔϯืूͯ͠·͢ʂʂ Ұॹʹಇ͖·ͤΜ͔ʁʁ
None
؅ཧը໘ Ͳ͏΍ͬͯ࡞ͬͯ·͢ʁ
؅ཧը໘ͷ࡞Γํ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮૷ όοΫΤϯυ࣮૷ ˣ ϑϧεΫϥονͰ ϑϩϯτΛ࣮૷ ༧ࢉ͋Γ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮૷
όοΫΤϯυ࣮૷ ˣ σβΠϯςϯϓϨʔτͰ ϑϩϯτΛ࣮૷ ༧ࢉͳ͠
None
None
ͱ͏ͱ͏ ݟ͚ͭ·ͨ͠ʂʂ
Vue-element-admin
None
vue-element-adminͱ͸ • Vue.js੡ͷUIϑϨʔϜϫʔΫ Element Λ࢖༻ • େن໛ͰෳࡶͳγϯάϧϖʔδΞϓϦέʔγϣ ϯͷߏங͕Մೳ • ແྉ
• Githubελʔ਺ 40,000Ҏ্ ※vue-admin 9,000ɺvuestic-admin 6,000
ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
None
ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
None
ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
None
ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
·ͱΊ • Vue.jsͷνϡʔτϦΞϧऴྃޙͷεςοϓ Ξοϓͱͯ͠৮ͬͯΈΔ͜ͱΛ͓͢͢Ί • vuex, vue-router, axiosͳͲͷvue.js։ൃͰ Α͘࢖͏ϥΠϒϥϦͷ࢖͍ํ΍ೝূೝՄͷ࣮ ૷ํ๏Λཧղ͢Δ͜ͱ͕Ͱ͖Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
None
None