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
Search
ToruTakagi
April 29, 2018
Technology
0
100
Vue.js
IT研修で5分間LTを行った資料です。
聴衆はプログラミング初心者でしたので、それに合わせたものです。
ToruTakagi
April 29, 2018
Tweet
Share
More Decks by ToruTakagi
See All by ToruTakagi
アスペクト指向プログラミング
torutakagi
0
140
Webフロントの変化 ~時代はPWAへ?~
torutakagi
0
73
Other Decks in Technology
See All in Technology
ServiceNow Knowledge Learning Rise up
manarobot
0
200
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
240
オーナーシップを持つ領域を明確にする
konifar
13
3.1k
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
230
継続的な改善 x ⾮連続的な進化
sansantech
PRO
3
140
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
160
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2k
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
380
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
750
4年前、あるじゃん老害エンジニアLT合戦に登壇、米国西海岸コンピュータ歴史博物館体験記の続編
toshi_atsumi
0
220
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
340
データベース02: データベースの概念
trycycle
0
150
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Being A Developer After 40
akosma
57
580k
Fantastic passwords and where to find them - at NoRuKo
philnash
37
2.5k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
The Invisible Side of Design
smashingmag
294
49k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
The Mythical Team-Month
searls
216
42k
Into the Great Unknown - MozCon
thekraken
10
990
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
Transcript
勝利条件 ・全員が表題を良いものだと認識 ・半分が表題を勉強したいと思う 前回のフィードバック ・体が揺れてしまう ・デザイン的に壁が出来てしまう ・用語の定義が不十分 ・ストーリーが微妙
高木 徹 @TTrpbm Vue.js!!
Building User Interface HTML/CSS/JavaScript WHAT IS Vue.js! 2018/4/23 3
WHAT IS FRAMEWORK! ルールに則った記述で効果を得る 2018/4/23 4
背景 フロントエンドの変化 5 2018/4/23
目的 6 Vue.jsを使いたい 2018/4/23
なぜ Vue.js を選んだ? 7 ✔ 世界中で愛されてる ✔ 小規模から大規模に対応 ✔ 学習コストが低い
2018/4/23
FRONT END FRAMEWORK 2018/4/23 8 図 1 2017 年のフロントエンドフレームワークの GitHub
スターランキング [1]Micheal Rambeau, “bestof.js.org,“ https://risingstars.js.org/2017/en/#section-framework, 2018-01-01( 閲覧日 :2018-04-20)
JavaScript Rising Stars 2018/4/23 9 図 2 2017 年の JavaScript
の GitHub スターランキング [2] [2]Micheal Rambeau, “bestof.js.org,“ https://risingstars.js.org/2017/en/, 2018-01-01( 閲覧日 :2018-04-20)
なぜ Vue.js を選んだ? 10 ✔ 世界中で愛されてる ✔ 小規模から大規模に対応 ✔ 学習コストが低い
2018/4/23
PROGRESSIVE Framework! 2018/4/23 11 図 3 ProgressiveFramework[3] [3]Evan You, “Vue.js,“
https://jp.vuejs.org/index.html, 2018-02-06( 閲覧日 :2018-04-20)
なぜ Vue.js を選んだ? 12 ✔ 世界中で愛されてる ✔ 小規模から大規模に対応 ✔ 学習コストが低い
2018/4/23
13 ▪ HTML/CSS/JavaScriptでOK ▪ 公式リファレンスが日本語対応 2018/4/23
Vue.js の魅力 14 ✔ コンポーネント指向 ✔ リアクティブ ✔ more... 2018/4/23
Single file components! 2018/4/23 15 図 4 コンポーネント指向 [3] 図
5 シングルファイルコンポーネント [3]
Vue.js の魅力 16 ✔ コンポーネント指向 ✔ リアクティブ ✔ more... 2018/4/23
Two-way binding! 2018/4/23 17 図 6 リアクティブなソースコード例 図 7 リアクティブ例
2018/4/23 18 図 8 基礎から学ぶ Vue.js[4] [4]mio, “ 基礎から学ぶ Vue.js,“
https://www.amazon.co.jp/ 基礎から学ぶ -Vue-js-mio/dp/4863542453, 2018-04-12( 閲覧日 :2018-04-20)
Vue FES JAPAN! 2018/4/23 19 図 9 Vue Fes Japan[5]
[5]kazupon, “Vue Fes Japan,“ https://vuefes.jp/, 2018-03-23( 閲覧日 :2018-04-20)
Simple & EASY 2018/4/23 20 図 10 Simple VS Easy[6]
[6]Evan Clark Williams, “Twitter,“ https://twitter.com/youyuxi/status/431669784770392064, 2016-05-24( 閲覧日 :2018-04-20)