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

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

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
730
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
900
おれたちのファイナルファンタジー勉強会 アンケート / Final Fantasy Survey
Avatar for Yuuki Sumida razon
1
300
今の飲みは次の飲みへ[完結編] / For the current drinking party to the next drinking party -final version-
Avatar for Yuuki Sumida razon
0
79
昔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
77
大都会アワード2017 / Daitokai awards 2017
Avatar for Yuuki Sumida razon
0
960
合体事故した話
Avatar for Yuuki Sumida razon
0
720

Other Decks in Technology

See All in Technology
トヨタ⽣産⽅式(TPS)⼊⾨
Avatar for Recruit recruitengineers
PRO
2
540
Agent 時代の Kaggle 展望 / kaggle-in-the-agentic-era
Avatar for Shotaro Ishihara upura
1
600
事業価値と Engineering 2026年度版
Avatar for Recruit recruitengineers
PRO
41
21k
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
53k
GitHub CopilotのFinOps - AI CreditのObservabilityと価値を生むためのエージェント設計
Avatar for yuriemori yuriemori
0
140
【CEDEC2026】専門性の高いデフォルメチームが挑んだ人材育成戦略 〜Cygames Academiaの企画から実施まで〜
Avatar for Cygames, Inc. cygames
PRO
0
500
攻撃と防御で学ぶAI時代のプロダクトセキュリティ演習
Avatar for Recruit recruitengineers
PRO
2
490
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
Avatar for Wolfgang Wagner wolfgangwagner
0
140
取引先から届く 「セキュリティチェックシート」の読み解き方
Avatar for かーでぃ kamadamakoto
0
120
【CEDEC2026】コードレビュー支援ツール開発から学ぶ：LLMを用いた業務システムの実践的な運用設計と誤出力対策
Avatar for Cygames, Inc. cygames
PRO
0
590
第3回しろおびセキュリティスポンサーセッション
Avatar for ogiogi log0417
0
150
[しろおび夏祭り2026] チャットするAIから、作業するAIへ - 使われ方の変化と、その裏側で起きていること
Avatar for kk0n kk0n
0
1.6k

Featured

See All Featured
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
650
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
200
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
920
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
980
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
330
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
460
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
520

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. ご清聴ありがとうございました おしまい