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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
ToruTakagi
April 29, 2018
Technology
0
140
Vue.js
IT研修で5分間LTを行った資料です。
聴衆はプログラミング初心者でしたので、それに合わせたものです。
ToruTakagi
April 29, 2018
Tweet
Share
More Decks by ToruTakagi
See All by ToruTakagi
アスペクト指向プログラミング
torutakagi
0
240
Webフロントの変化 ~時代はPWAへ?~
torutakagi
0
89
Other Decks in Technology
See All in Technology
広告の効果検証を題材にした因果推論の精度検証について
zozotech
PRO
0
170
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
590
配列に見る bash と zsh の違い
kazzpapa3
1
140
超初心者からでも大丈夫!オープンソース半導体の楽しみ方〜今こそ!オレオレチップをつくろう〜
keropiyo
0
110
生成AI時代にこそ求められるSRE / SRE for Gen AI era
ymotongpoo
5
3.1k
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
250
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
550
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
350
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
slsops
2
240
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
2
190
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
oracle4engineer
PRO
2
140
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
570
Featured
See All Featured
Scaling GitHub
holman
464
140k
The SEO Collaboration Effect
kristinabergwall1
0
350
From π to Pie charts
rasagy
0
120
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Side Projects
sachag
455
43k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
340
Ethics towards AI in product and experience design
skipperchong
2
190
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Abbi's Birthday
coloredviolet
1
4.7k
It's Worth the Effort
3n
188
29k
Designing for humans not robots
tammielis
254
26k
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)