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
520
0
Share
春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs
Hamamatsu.js#3 発表資料
euledge
May 19, 2018
More Decks by euledge
See All by euledge
初Amplifyデプロイした話.pdf
euledge
0
120
AlexaSkillのVUIを改善した話
euledge
0
67
Other Decks in Technology
See All in Technology
Zephyr(RTOS)でOpenPLCを実装してみた
iotengineer22
0
180
「できない」のアウトプット 同人誌『精神を壊してからの』シリーズ出版を 通して得られたこと
comi190327
3
520
Move Fast and Break Things: 10 in 20
ramimac
0
110
JEDAI認定プログラム JEDAI Order 2026 受賞者一覧 / JEDAI Order 2026 Winners
databricksjapan
0
440
Bill One 開発エンジニア 紹介資料
sansan33
PRO
5
18k
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
kkato1
0
170
Navigation APIと見るSvelteKitのWeb標準志向
yamanoku
2
140
AI時代のIssue駆動開発のススメ
moongift
PRO
0
330
Databricks Appsで実現する社内向けAIアプリ開発の効率化
r_miura
0
230
開発チームとQAエンジニアの新しい協業モデル -年末調整開発チームで実践する【QAリード施策】-
kaomi_wombat
0
280
LLMに何を任せ、何を任せないか
cap120
11
6.8k
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
giginet
PRO
2
260
Featured
See All Featured
Utilizing Notion as your number one productivity tool
mfonobong
4
280
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
How to Think Like a Performance Engineer
csswizardry
28
2.5k
Producing Creativity
orderedlist
PRO
348
40k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
150
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
690
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
A designer walks into a library…
pauljervisheath
211
24k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
140
Code Review Best Practice
trishagee
74
20k
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