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

春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs

Avatar for euledge euledge
May 19, 2018
Technology
520
0

 春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs

Hamamatsu.js#3 発表資料

Avatar for euledge

euledge

May 19, 2018

More Decks by euledge

See All by euledge
初Amplifyデプロイした話.pdf
Avatar for euledge euledge
0
130
AlexaSkillのVUIを改善した話
Avatar for euledge euledge
0
69

Other Decks in Technology

See All in Technology
When Does a Local Qwen Start to Break
Avatar for Shoto morshoto
0
190
V8コントリビュート超入門
Avatar for Riya Amemiya riyaamemiya
0
150
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
Avatar for Jotaro Nishime jnishime_dresscode
2
1.4k
生成AIのテナント制御とシャドーMCP対策 | AIを"止めずに"、情報を守る
Avatar for yu yukun
0
130
アリアドネの糸と、20年ごとの建て替え ── 長尾真『電子図書館』を、伊勢で読み直す / Rereading Makoto Nagao’s "Electronic Library" in Ise
Avatar for Kiyota Yoji, Ph.D. ykiyota
0
110
Snowflakeで実現する全社横断の顧客の声（VOC）分析・活用基盤@Snowflake World Tour Tokyo 2026
Avatar for yuto16 yuto16
0
120
全員がプロダクトへ向き合う組織を持続成長させるために——組織づくりのフライホイールと4象限 / The Flywheel Model and Four Quadrants for Organizational Design
Avatar for hiro-torii hiro_torii
4
920
多摩川(.dev)ランニング入門 / Tamagawa.dev#3
Avatar for FUJIWARA Shunichiro fujiwara3
3
410
日経電子版を支えていく Kasane Design System/fec_fukuoka
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
260
Bet AI Day 2026丨How We Bet AI: AIとともに働く場をつくる
Avatar for LayerX layerx
PRO
2
2.8k
Driving AI Adoption Using In-House GPUs to Serve Qwen
Avatar for po3rin po3rin
2
470
プロダクト思考 × 基盤思考を AIで実現する Compound Engineering
Avatar for Watanabe Takeshi(Buzz) tkc66buzz
1
290

Featured

See All Featured
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
290
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
410
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
510
Visualization
Avatar for Eitan Lees eitanlees
152
17k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
490
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
560
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
490
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k

Transcript

  1. 春だからはじめようVue.js @euledge Hamamatsu.js #3

  2. 自己紹介 氏名 黒柳 仁 (@euledge) 今までの開発 Windows(イントラ向けDesktop,Web) AIX(イントラ向け Motif GUI)

    CAD,PLMカスタマイズ BtoC Webサイト 環境構築 Vagrant,Ansible,Docker 経験した言語 C++, Java, Rails, PHP

  3. 本日の内容 • 私がVue.jsを使いだしたきっかけ • Vue.jsの基本を紹介 • Vue.jsで開発するときに知ってると便利なこと

  4. 初心者でも学習コストが低いこと

  5. 再利用可能なコンポーネント可能

  6. 日本語の情報が得られること

  7. Javascript Frameworkの選定

  8. Github Starsトレンド React Vuejs Angular

  9. None
  10. None

  11. Vue.jsとは メインコミッター Evan You

  12. ライブコーディングやってみる

  13. Vueはじめるにはここから

  14. 条件レンダリング

  15. 繰り返し

  16. クラスと属性のバインディング

  17. 算出プロパティ

  18. フォーム入力バインディング

  19. イベントとメソッド

  20. コンポーネント

  21. 単一ファイルコンポーネント 詳しくは https://jp.vuejs.org/v2/guide/single-file- components.html

  22. 他のライブラリの併用

  23. Vue.jsもっと知りたい?

  24. https://jp.vuejs.org/

  25. http://gihyo.jp/dev/serial/01/vuejs/0001

  26. https://www.amazon.co.jp/dp/B07BS62Z94

  27. https://www.amazon.co.jp/dp/4863542453

  28. 今日からVue.jsやってみたくなった?

  29. https://jsfiddle.net

  30. https://codesandbox.io

  31. VSCode 拡張機能 vue スニペット

  32. VSCode 拡張機能 browser sync

  33. Vue.js devtools