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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
euledge
May 19, 2018
Technology
520
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
春だから始めよう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
68
Other Decks in Technology
See All in Technology
SoccerMaster: A Vision Foundation Model for Soccer Understanding
kzykmyzw
0
170
全社でのソフトウェアサプライチェーン攻撃対策をやってみた with Takumi Guard
z63d
0
270
CDKで書くECSのベストプラクティス、 改めて考え直す2026 #cdkconf2026
makies
3
940
VPCセキュリティ対応の最新事情
nagisa53
1
290
AI_Dev_Day_製造業領域でのAI活用から見た活用の罠と成功に導く実践知.pdf
kintotechdev
0
160
発表と総括 / Presentations and Summary
ks91
PRO
0
190
AI x 開発生産性を取り巻く予算戦略と投資対効果
i35_267
7
2.9k
伝票作成AIエージェントを支える、LLMOpsとインフラの選択肢 / AICon2026_takeda
rakus_dev
0
260
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
300
データエンジニアリングとドメイン駆動設計
masuda220
PRO
14
2.5k
OpenTelemetryにおけるGoのゼロコード・コンパイル時計装について #fukuokago
quiver
0
210
探索・可視化・自動化を一本化 Amazon Quickでデータ活用スピードを上げる方法
koheiyoshikawa
0
170
Featured
See All Featured
Ethics towards AI in product and experience design
skipperchong
2
330
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
It's Worth the Effort
3n
188
29k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
500
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
180
The Limits of Empathy - UXLibs8
cassininazir
1
530
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
160
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