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

フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Yuuki Sumida Yuuki Sumida
December 22, 2018
Technology
1.1k
0

フロントエンドわからなさすぎるのでVue CLIが吐き出すファイルを読む / Read the files generated by Vue CLI

Avatar for Yuuki Sumida

Yuuki Sumida

December 22, 2018

More Decks by Yuuki Sumida

See All by Yuuki Sumida
stddev_popとstddev_sampの話 / stddev_pop and stddev_samp
Avatar for Yuuki Sumida razon
0
720
Monacaのビルド結果をSlackに通知したいマン[WIP] / Notify Monaca build results to Slack [WIP]
Avatar for Yuuki Sumida razon
0
490
ノベルティカンファレンス in 地方 / Novelty conference in local region
Avatar for Yuuki Sumida razon
0
890
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
Avatar for Yuuki Sumida razon
1
290
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
Avatar for Yuuki Sumida razon
0
71
昔Reactで書いたコードをHyperappに移植した話 / Porting react to hyperapp
Avatar for Yuuki Sumida razon
0
290
今の飲みは次の飲みへ / For the current drinking party to the next drinking party
Avatar for Yuuki Sumida razon
0
70
大都会アワード2017 / Daitokai awards 2017
Avatar for Yuuki Sumida razon
0
960
合体事故した話
Avatar for Yuuki Sumida razon
0
710

Other Decks in Technology

See All in Technology
Chainlitで作るお手軽チャットUI
Avatar for tomo ynt0485
0
280
AIのReact習熟度を測る
Avatar for uhyo uhyo
2
660
Agile and AI Redmine Japan 2026
Avatar for Kenji Hiranabe hiranabe
3
340
フィジカル版Github Onshapeの紹介
Avatar for shiba_8ro shiba_8ro
0
290
あなたの知らないPDFのアクセシビリティ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
220
2026 TECHFRESH 畢業分享會 - 開發日常大解密！從領域驅動到企業級上線
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
現場のトークンマネジメント
Avatar for dak2 dak2
0
140
Oracle Cloud Infrastructure：2026年6月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
150
アジャイルな経理と Claude Code と 経営の未来
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
170
2026TECHFRESH畢業分享會 - AI 時代的人生存檔點
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
AIはどのように 組織のアジリティを変えるのか？
Avatar for J.K junki
4
1.1k
AWS Security Agent といっしょに脅威モデリングをやってみよう
Avatar for amarelo_n24 amarelo_n24
1
180

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
200
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
410
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
400
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
140
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
7
1.8k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
730
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
230
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
390

Transcript

  1. None

  2. #gbdaitokai とか #忘年会議 とか 株式会社アイネット テックリード 兼 採⽤・⼈事担当 兼 営業

    兼 以下略 Yuuki Sumida (@razon) ABOUT ME

  3. 前回のあらすじ

  4. よろしくおね がいします

  5. None

  6. https://cli.vuejs.org/

  7. https://vuejs.org/v2/guide/

  8. $ npm install -g @vue/cli @vue/cli-service-global $ vue -V 3.2.1

  9. $ vue ui

  10. None
  11. None
  12. None

  13. package.json

  14. node_modules/@vue/cli-service/bin/cli-service.js

  15. node_modules/@vue/cli-service/lib/commands/serve.js

  16. https://webpack.js.org/

  17. https://github.com/webpack/webpack-dev-server

  18. node_modules/@vue/cli-service/package.json

  19. node_modules/@vue/cli-plugin-babel/index.js

  20. https://cli.vuejs.org/guide/plugins-and-presets.html#plugins

  21. https://www.npmjs.com/search?q=%40vue%2Fcli-plugin

  22. https://cli.vuejs.org/config/#global-cli-config

  23. vue-cli-serviceがビルドなどのタスクを担当 ビルド⾃体はwebpack4(とwebpack-dev-server) プラグインごとにビルドの設定を読み込んでチェ ーンしている 基本config lessだがプロジェクトごとの設定は設 定ファイルを追加して書いていく フロントエンドわからん ざっくりとまとめ

  24. ご清聴ありがとうございました おしまい