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
420
春だから始めよう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
55
Other Decks in Technology
See All in Technology
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
ACRiルーム最新情報とAMD GPUサーバーのご紹介
anjn
0
150
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
AI研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
130
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
LLMアプリケーションの評価の実践と課題 ~PharmaXにおける今後の展望~
pharma_x_tech
2
160
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
420
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
20240725 LLMによるDXのビジョンと、今何からやるべきか @Azure OpenAI Service Dev Day
nrryuya
3
1.2k
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Faster Mobile Websites
deanohume
303
30k
GitHub's CSS Performance
jonrohan
1026
450k
Into the Great Unknown - MozCon
thekraken
20
1.3k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
Gamification - CAS2011
davidbonilla
78
4.9k
Writing Fast Ruby
sferik
623
60k
Done Done
chrislema
179
15k
How to name files
jennybc
67
96k
What the flash - Photography Introduction
edds
65
11k
Web Components: a chance to create the future
zenorocha
307
41k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
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