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
75
Other Decks in Technology
See All in Technology
Next.js に疲れた私は Vue3 に癒やされた
akagire
0
140
Grafana x PagerDuty Better Together
jacopen
1
260
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
460
LayerXにおけるLLMプロダクト開発の今までとこれから
layerx
PRO
4
700
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
250
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
160
今さら聞けないDocker入門 〜 Dockerfileのベストプラクティス編
devops_vtj
4
550
本当のAWS基礎
toru_kubota
1
630
Building Dashboards as a Hobby
egmc
0
370
EM完全に理解した と思ったけど、 やっぱり何も分からなかった話 / EM Night Fukuoka #1
hirutas
0
280
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2024年版)
infiniteloop_inc
5
18k
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
2
400
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
515
39k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Ruby is Unlike a Banana
tanoku
96
10k
GitHub's CSS Performance
jonrohan
1025
450k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Designing for humans not robots
tammielis
247
25k
A Tale of Four Properties
chriscoyier
152
22k
Optimising Largest Contentful Paint
csswizardry
12
2.4k
Embracing the Ebb and Flow
colly
80
4.2k
A better future with KSS
kneath
231
16k
Teambox: Starting and Learning
jrom
128
8.4k
RailsConf 2023
tenderlove
8
550
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)