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
370
春だから始めよう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
110
AlexaSkillのVUIを改善した話
euledge
0
50
Other Decks in Technology
See All in Technology
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
290
MapLibreとAmazon Location Service
dayjournal
1
160
DMM.com アルファ室採用案内資料
hsugita
1
160
ChatGPT for IT Service Management (IT Pro)
dahatake
7
1.6k
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
0
330
Cracking the KubeCon CfP
inductor
2
250
Building Dashboards as a Hobby
egmc
0
230
競技としてのKaggle、役に立つKaggle
yu4u
3
1.7k
Featured
See All Featured
A Tale of Four Properties
chriscoyier
151
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
Rails Girls Zürich Keynote
gr2m
91
13k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Producing Creativity
orderedlist
PRO
337
39k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Side Projects
sachag
451
41k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
Documentation Writing (for coders)
carmenintech
60
3.9k
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