Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs
Search
euledge
May 19, 2018
Technology
0
510
春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs
Hamamatsu.js#3 発表資料
euledge
May 19, 2018
Tweet
Share
More Decks by euledge
See All by euledge
初Amplifyデプロイした話.pdf
euledge
0
120
AlexaSkillのVUIを改善した話
euledge
0
64
Other Decks in Technology
See All in Technology
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
140
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
4
360
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
710
How to achieve interoperable digital identity across Asian countries
fujie
0
140
自動テストのコストと向き合ってみた
qa
0
220
AWS 잘하는 개발자 되기 - AWS 시작하기: 클라우드 개념부터 IAM까지
kimjaewook
0
130
綺麗なデータマートをつくろう_データ整備を前向きに考える会 / Let's create clean data mart
brainpadpr
3
380
Git in Team
kawaguti
PRO
3
350
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
720
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
kenichirokimura
3
290
許しとアジャイル
jnuank
1
140
from Sakichi Toyoda to Agile
kawaguti
PRO
1
110
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Speed Design
sergeychernyshev
32
1.2k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
The Cost Of JavaScript in 2023
addyosmani
54
9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Fireside Chat
paigeccino
40
3.7k
Transcript
春だからはじめようVue.js @euledge Hamamatsu.js #3
自己紹介 氏名 黒柳 仁 (@euledge) 今までの開発 Windows(イントラ向けDesktop,Web) AIX(イントラ向け Motif GUI)
CAD,PLMカスタマイズ BtoC Webサイト 環境構築 Vagrant,Ansible,Docker 経験した言語 C++, Java, Rails, PHP
本日の内容 • 私がVue.jsを使いだしたきっかけ • Vue.jsの基本を紹介 • Vue.jsで開発するときに知ってると便利なこと
初心者でも学習コストが低いこと
再利用可能なコンポーネント可能
日本語の情報が得られること
Javascript Frameworkの選定
Github Starsトレンド React Vuejs Angular
None
None
Vue.jsとは メインコミッター Evan You
ライブコーディングやってみる
Vueはじめるにはここから
条件レンダリング
繰り返し
クラスと属性のバインディング
算出プロパティ
フォーム入力バインディング
イベントとメソッド
コンポーネント
単一ファイルコンポーネント 詳しくは https://jp.vuejs.org/v2/guide/single-file- components.html
他のライブラリの併用
Vue.jsもっと知りたい?
https://jp.vuejs.org/
http://gihyo.jp/dev/serial/01/vuejs/0001
https://www.amazon.co.jp/dp/B07BS62Z94
https://www.amazon.co.jp/dp/4863542453
今日からVue.jsやってみたくなった?
https://jsfiddle.net
https://codesandbox.io
VSCode 拡張機能 vue スニペット
VSCode 拡張機能 browser sync
Vue.js devtools