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
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
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
180
量子クラウドサービスの裏側　〜Deep Dive into OQTOPUS〜
Avatar for OQTOPUS oqtopus
0
130
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
1
240
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
360
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
380
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
240
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
93k
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
180
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
930
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.4k
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
580

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
88
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
830
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k

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