Submit Search
Upload
Vuejs meetup
•
3 likes
•
2,936 views
K
Kamimura Taichi
Follow
vuejsにありがとうを伝えました。
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 73
Download now
Download to read offline
Recommended
銀河レベルのLT(とは)
銀河レベルのLT(とは)
Akihiro Kuwano
2017/10/19の AWS Startup Tech でLTした資料です(`・ω・´)ゞ
MongoDBの可能性の話
MongoDBの可能性の話
Akihiro Kuwano
道玄坂LTで発表した資料です!!!
MySQL Fabricつらい
MySQL Fabricつらい
yoku0825
2014/12/12 MySQL Casual Talks vol.7
20150216 Unity Hands-on 「できる!Unity 2D」
20150216 Unity Hands-on 「できる!Unity 2D」
Mori Tetsuya
2015年02月16日 に TechBuzz Space にて開催された「第5回 Unity ハンズオン」の資料です。
これからはじめるひとのためのdev.mysql.com
これからはじめるひとのためのdev.mysql.com
yoku0825
2014/04/24 MySQL勉強会 in 大阪(第6回)にリモート参加しようとして失敗したスライド。。 http://atnd.org/events/49005
AssetBundle と TextureCompression のおはなし
AssetBundle と TextureCompression のおはなし
Mori Tetsuya
第18回 Unity 勉強会 にて発表しました。
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Capybaraで雑にWebスクレイピングをしようという話
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
下記勉強会の発表資料です。 --------------------------------------------------------- JSLOVE 〜JavaScriptを愛する人の話を聞いてみよう〜 http://devlove.doorkeeper.jp/events/5811 ---------------------------------------------------------
Recommended
銀河レベルのLT(とは)
銀河レベルのLT(とは)
Akihiro Kuwano
2017/10/19の AWS Startup Tech でLTした資料です(`・ω・´)ゞ
MongoDBの可能性の話
MongoDBの可能性の話
Akihiro Kuwano
道玄坂LTで発表した資料です!!!
MySQL Fabricつらい
MySQL Fabricつらい
yoku0825
2014/12/12 MySQL Casual Talks vol.7
20150216 Unity Hands-on 「できる!Unity 2D」
20150216 Unity Hands-on 「できる!Unity 2D」
Mori Tetsuya
2015年02月16日 に TechBuzz Space にて開催された「第5回 Unity ハンズオン」の資料です。
これからはじめるひとのためのdev.mysql.com
これからはじめるひとのためのdev.mysql.com
yoku0825
2014/04/24 MySQL勉強会 in 大阪(第6回)にリモート参加しようとして失敗したスライド。。 http://atnd.org/events/49005
AssetBundle と TextureCompression のおはなし
AssetBundle と TextureCompression のおはなし
Mori Tetsuya
第18回 Unity 勉強会 にて発表しました。
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Capybaraで雑にWebスクレイピングをしようという話
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
下記勉強会の発表資料です。 --------------------------------------------------------- JSLOVE 〜JavaScriptを愛する人の話を聞いてみよう〜 http://devlove.doorkeeper.jp/events/5811 ---------------------------------------------------------
AssetBundle (もどき) の作り方
AssetBundle (もどき) の作り方
Mori Tetsuya
2015年09月25日 (金) に開催された「第34回 Unity 勉強会」での発表資料です。 Unity が提供する AssetBundle の機能を褒めたり Dis ったりする内容となっていますw AssetBundle をアプリとかに実装する話は含まれませんので、ご注意ください。
MySQLの系譜について少々
MySQLの系譜について少々
yoku0825
2014/10/11 Chiba.pm #5
Rubyで始めるWebスクレイピング
Rubyで始めるWebスクレイピング
Takuro Sasaki
Rubyで始めるWebスクレイピング 第1回Webスクレイピング勉強会@東京 発表資料
今日からはじめるリファクタリング
今日からはじめるリファクタリング
Junya Shimazu
Martin Fowlerの名著「リファクタリング- プログラムの体質改善テクニック-」より今日から実践できるリファクタリングテクニックの紹介
React+fluxを導入した話
React+fluxを導入した話
Yuki Ishikawa
2015.12.16 JS オジサン #6 二日目
サーバを運用する時代は終わった
サーバを運用する時代は終わった
Yuki Ishikawa
2015.12.08 Meguro.es #1
gulp芸
gulp芸
Yuki Ishikawa
2015/10/28 Gotanda.js #1
リアルタイムweb入門
リアルタイムweb入門
Hiromu Shioya
リアルタイムweb入門 EventMachineとWebSocketでリアルタイムwebアプリを作ってみた 2010-11-06 社内技術発表会
WordPressの構造を理解しよう
WordPressの構造を理解しよう
Kanako Kobayashi
「WordPressもくもく勉強会 at コエド第7回」で発表したスライドです。 WordPressのインストールから投稿までで、実際にどのファイルにデータが設定されて、データベースのどのテーブルにデータが登録されるかを確認しながら、構造を理解しようという内容で発表したスライドです。 --------- 「WordPressもくもく勉強会」についての詳細 --------- WordPressなどで制作するための初心者勉強会&もくもく会です。 「もくもく」の意味は、個人でコツコツと学習するという意味です。 学習中にわからないことがあれば、みんなで考えましょう!という勉強スタイルです)^o^( ハンズオン、セミナー形式の勉強会をお探しの方へ。 この勉強会は、もくもく(自主)勉強会が中心になります。 もし、ハンズオンやセミナー形式の勉強会を受講したい方は以下のセミナーをお勧めします。 ゼロから始めるWordPress勉強会|Co-Edo WordPress 勉強会 https://coedo-wordpress.doorkeeper.jp/ このイベントについて 目的は3つです。 セッション(講演)が上手くなること。 近くの人に気軽に聞けて問題解決の手助けになること。 交流して、仲間を増やすこと。 前半で、セッション(講演)をして、そのあとはもくもく会です。 自分達で、もくもく勉強して、セッションで発表して、、、を繰り返すことで学習レベルを引きあげよう!!という勉強会です。 セッションはだれでも発表してもよいので、恐れずに発表してください! (※セッションは希望者のみで、10分程度です。) また、経験者の方は、セッションの訓練の場として、講師のように参加してくれると嬉しいです(・∀・) 勉強会運営についてスライドにまとめています。 SlideShare WordPressもくもく勉強会について―WordPressもくもく倶楽部 http://www.slideshare.net/YoshinoriKoba/word-presswordpress 情報共有やイベント告知のためのグループがあります。 細かなイベント開催内容や、講演したスライド、Swiftの学習に役立つ情報、最新情報などをみんなで共有しています。 FaceBook:ゼロから始めるWordPress勉強会グループ Twitter:ハッシュタグ #wpmoku DoorKeeper:https://wp-moku.doorkeeper.jp/ コンテンツ 動画でも配信予定です。 Ustream中継 WordPressもくもく勉強会 http://www.ustream.tv/channel/wordpress%E3%82%82%E3%81%8F%E3%82%82%E3%81%8F%E5%8B%89%E5%BC%B7%E4%BC%9A Youtube再生リスト WordPressもくもく勉強会 https://www.youtube.com/playlist?list=PL2ojdc4KhtHlwgLqOmGcOUsXSps8_rE-x
ruby 関数化のメリット
ruby 関数化のメリット
Kamimura Taichi
rubyにて処理を関数としてまとめたときのメリットを記述しました。
ajaxってなんなの
ajaxってなんなの
Kamimura Taichi
ajaxを使うとどんないいことがあるか、ふわっとした解説を行いました。
わからないことがわからないときにどうしたらよいのか。
わからないことがわからないときにどうしたらよいのか。
Kamimura Taichi
プログラミング学習者が初めに陥りがちな、「わからないところがわからない」ときにどうしたらよいか考えてみました。
Session管理とRailsのcookie store
Session管理とRailsのcookie store
Kamimura Taichi
ログイン機能を支えるsession管理の話と、Railsのcookie storeの話です。ステートフル・ステートレスの話が出てきます。
git addの解説
git addの解説
Kamimura Taichi
git add の解説です。
Ruby - オブジェクト指向入門
Ruby - オブジェクト指向入門
Kamimura Taichi
rubyによるオブジェクト指向プログラミング入門です。 たいやき。
Ansible roleとinventoryの書き方
Ansible roleとinventoryの書き方
Kamimura Taichi
Ansibleの
vim入門
vim入門
Kamimura Taichi
vimとatomを比較したり、vimコマンドと真空波動研を比較したスライドです。
Ansible超入門
Ansible超入門
Kamimura Taichi
ansible超入門です。
What is git commit? - git commitって何なの?
What is git commit? - git commitって何なの?
Kamimura Taichi
commitとsaveを比較して、commitとは何かについて解説をした資料です。
angularJS vs angular2
angularJS vs angular2
Kamimura Taichi
angularJSとangular2を比較した時の話です。
More Related Content
What's hot
AssetBundle (もどき) の作り方
AssetBundle (もどき) の作り方
Mori Tetsuya
2015年09月25日 (金) に開催された「第34回 Unity 勉強会」での発表資料です。 Unity が提供する AssetBundle の機能を褒めたり Dis ったりする内容となっていますw AssetBundle をアプリとかに実装する話は含まれませんので、ご注意ください。
MySQLの系譜について少々
MySQLの系譜について少々
yoku0825
2014/10/11 Chiba.pm #5
Rubyで始めるWebスクレイピング
Rubyで始めるWebスクレイピング
Takuro Sasaki
Rubyで始めるWebスクレイピング 第1回Webスクレイピング勉強会@東京 発表資料
今日からはじめるリファクタリング
今日からはじめるリファクタリング
Junya Shimazu
Martin Fowlerの名著「リファクタリング- プログラムの体質改善テクニック-」より今日から実践できるリファクタリングテクニックの紹介
React+fluxを導入した話
React+fluxを導入した話
Yuki Ishikawa
2015.12.16 JS オジサン #6 二日目
サーバを運用する時代は終わった
サーバを運用する時代は終わった
Yuki Ishikawa
2015.12.08 Meguro.es #1
gulp芸
gulp芸
Yuki Ishikawa
2015/10/28 Gotanda.js #1
リアルタイムweb入門
リアルタイムweb入門
Hiromu Shioya
リアルタイムweb入門 EventMachineとWebSocketでリアルタイムwebアプリを作ってみた 2010-11-06 社内技術発表会
WordPressの構造を理解しよう
WordPressの構造を理解しよう
Kanako Kobayashi
「WordPressもくもく勉強会 at コエド第7回」で発表したスライドです。 WordPressのインストールから投稿までで、実際にどのファイルにデータが設定されて、データベースのどのテーブルにデータが登録されるかを確認しながら、構造を理解しようという内容で発表したスライドです。 --------- 「WordPressもくもく勉強会」についての詳細 --------- WordPressなどで制作するための初心者勉強会&もくもく会です。 「もくもく」の意味は、個人でコツコツと学習するという意味です。 学習中にわからないことがあれば、みんなで考えましょう!という勉強スタイルです)^o^( ハンズオン、セミナー形式の勉強会をお探しの方へ。 この勉強会は、もくもく(自主)勉強会が中心になります。 もし、ハンズオンやセミナー形式の勉強会を受講したい方は以下のセミナーをお勧めします。 ゼロから始めるWordPress勉強会|Co-Edo WordPress 勉強会 https://coedo-wordpress.doorkeeper.jp/ このイベントについて 目的は3つです。 セッション(講演)が上手くなること。 近くの人に気軽に聞けて問題解決の手助けになること。 交流して、仲間を増やすこと。 前半で、セッション(講演)をして、そのあとはもくもく会です。 自分達で、もくもく勉強して、セッションで発表して、、、を繰り返すことで学習レベルを引きあげよう!!という勉強会です。 セッションはだれでも発表してもよいので、恐れずに発表してください! (※セッションは希望者のみで、10分程度です。) また、経験者の方は、セッションの訓練の場として、講師のように参加してくれると嬉しいです(・∀・) 勉強会運営についてスライドにまとめています。 SlideShare WordPressもくもく勉強会について―WordPressもくもく倶楽部 http://www.slideshare.net/YoshinoriKoba/word-presswordpress 情報共有やイベント告知のためのグループがあります。 細かなイベント開催内容や、講演したスライド、Swiftの学習に役立つ情報、最新情報などをみんなで共有しています。 FaceBook:ゼロから始めるWordPress勉強会グループ Twitter:ハッシュタグ #wpmoku DoorKeeper:https://wp-moku.doorkeeper.jp/ コンテンツ 動画でも配信予定です。 Ustream中継 WordPressもくもく勉強会 http://www.ustream.tv/channel/wordpress%E3%82%82%E3%81%8F%E3%82%82%E3%81%8F%E5%8B%89%E5%BC%B7%E4%BC%9A Youtube再生リスト WordPressもくもく勉強会 https://www.youtube.com/playlist?list=PL2ojdc4KhtHlwgLqOmGcOUsXSps8_rE-x
What's hot
(9)
AssetBundle (もどき) の作り方
AssetBundle (もどき) の作り方
MySQLの系譜について少々
MySQLの系譜について少々
Rubyで始めるWebスクレイピング
Rubyで始めるWebスクレイピング
今日からはじめるリファクタリング
今日からはじめるリファクタリング
React+fluxを導入した話
React+fluxを導入した話
サーバを運用する時代は終わった
サーバを運用する時代は終わった
gulp芸
gulp芸
リアルタイムweb入門
リアルタイムweb入門
WordPressの構造を理解しよう
WordPressの構造を理解しよう
More from Kamimura Taichi
ruby 関数化のメリット
ruby 関数化のメリット
Kamimura Taichi
rubyにて処理を関数としてまとめたときのメリットを記述しました。
ajaxってなんなの
ajaxってなんなの
Kamimura Taichi
ajaxを使うとどんないいことがあるか、ふわっとした解説を行いました。
わからないことがわからないときにどうしたらよいのか。
わからないことがわからないときにどうしたらよいのか。
Kamimura Taichi
プログラミング学習者が初めに陥りがちな、「わからないところがわからない」ときにどうしたらよいか考えてみました。
Session管理とRailsのcookie store
Session管理とRailsのcookie store
Kamimura Taichi
ログイン機能を支えるsession管理の話と、Railsのcookie storeの話です。ステートフル・ステートレスの話が出てきます。
git addの解説
git addの解説
Kamimura Taichi
git add の解説です。
Ruby - オブジェクト指向入門
Ruby - オブジェクト指向入門
Kamimura Taichi
rubyによるオブジェクト指向プログラミング入門です。 たいやき。
Ansible roleとinventoryの書き方
Ansible roleとinventoryの書き方
Kamimura Taichi
Ansibleの
vim入門
vim入門
Kamimura Taichi
vimとatomを比較したり、vimコマンドと真空波動研を比較したスライドです。
Ansible超入門
Ansible超入門
Kamimura Taichi
ansible超入門です。
What is git commit? - git commitって何なの?
What is git commit? - git commitって何なの?
Kamimura Taichi
commitとsaveを比較して、commitとは何かについて解説をした資料です。
angularJS vs angular2
angularJS vs angular2
Kamimura Taichi
angularJSとangular2を比較した時の話です。
More from Kamimura Taichi
(11)
ruby 関数化のメリット
ruby 関数化のメリット
ajaxってなんなの
ajaxってなんなの
わからないことがわからないときにどうしたらよいのか。
わからないことがわからないときにどうしたらよいのか。
Session管理とRailsのcookie store
Session管理とRailsのcookie store
git addの解説
git addの解説
Ruby - オブジェクト指向入門
Ruby - オブジェクト指向入門
Ansible roleとinventoryの書き方
Ansible roleとinventoryの書き方
vim入門
vim入門
Ansible超入門
Ansible超入門
What is git commit? - git commitって何なの?
What is git commit? - git commitって何なの?
angularJS vs angular2
angularJS vs angular2
Vuejs meetup
1.
Vue.jsに、 ありがとう @carotene4035
2.
自己紹介 • サーバ(時々フロント)エンジニア
• Qiitaが好き • 最近、詐欺にあいかけた
3.
Qiita
4.
Qiita
5.
詐欺 • 最近、詐欺にあいかけました •
仲良くなった女性から マンション買わされそうになりました • 皆も気をつけようね(有楽町/御徒町ヤバイ)
6.
本題
7.
最近のフレームワークは 便利だな〜
8.
双方向データバインディング
9.
リアクティブシステム
10.
こちらがあまり書かなくても、 勝手にやってくれる
11.
すごい楽
12.
だだ………
13.
大体の人にとって、ブラックボックス
14.
別にいいや Vueがよしなにやってくれるし
15.
そう、 信じてた
16.
しかし最近、
17.
身の回りのことが いろいろ 信じられなくなってきた
18.
そう、きっかけは
19.
だまされたこと
20.
何も信じられなく なってしまった
21.
「自分が今まで書いてきた ソースコード」
22.
果たして 正しかったのか?
23.
「只今 サーバメンテナンス中です」
24.
本当に メンテナンスしているのか?
25.
何もかもが、 信じられなくなり、
26.
ついに矛先はVue.jsへ
27.
双方向データバインディング
28.
リアクティブシステム
29.
「これ、 本当にVueが やっているのか?」
30.
「ぜんぜん違うやつ (Reactとか)に 仕事ぶんなげてるんじゃ?」
31.
イメージ
32.
錯乱する僕の頭の中で 1つの説が生まれた
33.
Vue.js、サボってる説
34.
検証
35.
リアクティブシステム
36.
37.
38.
39.
data objectから、 算出プロパティに
「値が変わったよ」と 通知する必要がある
40.
本当にVueが 通知しているのか?
41.
ソースコードを読むと…
42.
してた…… h;ps://github.com/vuejs/vue/blob/dev/src/core/observer/index.js
(170行目付近)
43.
44.
data object は
ge;erとse;erをもっている
45.
そして、自身と依存関係にある 算出プロパティを知っている
46.
47.
48.
49.
50.
ただ、はじめは 依存関係を知らない
空っぽ
51.
つまり、この状態
52.
これを
53.
こうしたい
54.
依存関係、 だれが解決してるの?
55.
ソースコードを読むと…
56.
やっぱり Vueが解決してた…
h;ps://github.com/vuejs/vue/blob/dev/src/core/observer/index.js (190行目付近)
57.
58.
59.
60.
61.
62.
63.
64.
すでに依存関係の解決が できているから、 通知ができる
65.
時系列 依存関係解決 通知
66.
結論
67.
Vue.js、サボってなかった
68.
それどころか、 ほんとうにいろいろ やってくれていた
69.
文句も言わずに…
70.
疑ってごめんな…
71.
Vue.js …
72.
73.
ご清聴、 ありがとうございました
Download now