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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for euledge euledge
May 19, 2018
Technology
0
520

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

Hamamatsu.js#3 発表資料

Avatar for euledge

euledge

May 19, 2018
Tweet

More Decks by euledge

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

Other Decks in Technology

See All in Technology
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
330
データの整合性を保ちたいだけなんだ
Avatar for ShoheiMitani shoheimitani
8
3.2k
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
600
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
940
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
180
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
160
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
190
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
640
Ruby版 JSXのRuxが気になる
Avatar for SansanTech sansantech
PRO
0
160
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
450
量子クラウドサービスの裏側　〜Deep Dive into OQTOPUS〜
Avatar for OQTOPUS oqtopus
0
130
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
180

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
51
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
100
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
890
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k

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