Soumettre la recherche
Mettre en ligne
Node.jsで始める Modern JavaScript Framework
•
8 j'aime
•
2,715 vues
kamiyam .
Suivre
2014.7.5 夏のJAWS-UG三都物語 2014 Trac4 Node.js Osaka コミュニティ
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 41
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Sails.jsのメリット・デメリット
Sails.jsのメリット・デメリット
Ito Kohta
MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介
kamiyam .
Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築
AimingStudy
Hello, Node.js
Hello, Node.js
Shin Sekaryo
Node.js で Web アプリ開発
Node.js で Web アプリ開発
Tatsumi Naganuma
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Yutaro Miyazaki
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Ryunosuke SATO
Rubyで始めるWebスクレイピング
Rubyで始めるWebスクレイピング
Takuro Sasaki
Recommandé
Sails.jsのメリット・デメリット
Sails.jsのメリット・デメリット
Ito Kohta
MVCフレームワーク Sails.jsについて機能紹介
MVCフレームワーク Sails.jsについて機能紹介
kamiyam .
Node.jsではじめるサーバ構築
Node.jsではじめるサーバ構築
AimingStudy
Hello, Node.js
Hello, Node.js
Shin Sekaryo
Node.js で Web アプリ開発
Node.js で Web アプリ開発
Tatsumi Naganuma
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Yutaro Miyazaki
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Ryunosuke SATO
Rubyで始めるWebスクレイピング
Rubyで始めるWebスクレイピング
Takuro Sasaki
Node.js Hands-On
Node.js Hands-On
Akinari Tsugo
Node js 入門
Node js 入門
Satoshi Takami
Rubyによるクローラー開発
Rubyによるクローラー開発
しくみ製作所
第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料
Koichi Uchimura
Rubyで作るクローラー Ruby crawler
Rubyで作るクローラー Ruby crawler
Takuro Sasaki
JAWSUG architecture-crowler
JAWSUG architecture-crowler
Takuro Sasaki
Jaws ug shimane-1
Jaws ug shimane-1
Mutsumi IWAISHI
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
AWSが誰でも使える理由
AWSが誰でも使える理由
Nobuhiko Futagami
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
Hiroyuki Kusu
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
Isamu Suzuki
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Shunsuke Watanabe
MySQL Fabricつらい
MySQL Fabricつらい
yoku0825
About SnapKit - Open source lab -
About SnapKit - Open source lab -
Daisuke Yamashita
ビルド職人の朝は早い
ビルド職人の朝は早い
Masashi MATSUI
JAWS-UG和歌山第0回キックオフミーティング LT
JAWS-UG和歌山第0回キックオフミーティング LT
三七男 山本
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
ライオンでも分かるVuejs
ライオンでも分かるVuejs
lion-man
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
Nobuhiro Nakashima
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Takayoshi Tanaka
Contenu connexe
Tendances
Node.js Hands-On
Node.js Hands-On
Akinari Tsugo
Node js 入門
Node js 入門
Satoshi Takami
Rubyによるクローラー開発
Rubyによるクローラー開発
しくみ製作所
第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料
Koichi Uchimura
Rubyで作るクローラー Ruby crawler
Rubyで作るクローラー Ruby crawler
Takuro Sasaki
JAWSUG architecture-crowler
JAWSUG architecture-crowler
Takuro Sasaki
Jaws ug shimane-1
Jaws ug shimane-1
Mutsumi IWAISHI
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
AWSが誰でも使える理由
AWSが誰でも使える理由
Nobuhiko Futagami
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
Hiroyuki Kusu
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
Isamu Suzuki
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Shunsuke Watanabe
MySQL Fabricつらい
MySQL Fabricつらい
yoku0825
About SnapKit - Open source lab -
About SnapKit - Open source lab -
Daisuke Yamashita
ビルド職人の朝は早い
ビルド職人の朝は早い
Masashi MATSUI
JAWS-UG和歌山第0回キックオフミーティング LT
JAWS-UG和歌山第0回キックオフミーティング LT
三七男 山本
Ember コミュニティとわたし
Ember コミュニティとわたし
Ryunosuke SATO
ライオンでも分かるVuejs
ライオンでも分かるVuejs
lion-man
Tendances
(20)
Node.js Hands-On
Node.js Hands-On
Node js 入門
Node js 入門
Rubyによるクローラー開発
Rubyによるクローラー開発
第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料
Rubyで作るクローラー Ruby crawler
Rubyで作るクローラー Ruby crawler
JAWSUG architecture-crowler
JAWSUG architecture-crowler
Jaws ug shimane-1
Jaws ug shimane-1
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
AWSが誰でも使える理由
AWSが誰でも使える理由
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
【東京Node学園祭2016】Node.js × Babel で AWS Lambda アプリケーションを開発する
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
MySQL Fabricつらい
MySQL Fabricつらい
About SnapKit - Open source lab -
About SnapKit - Open source lab -
ビルド職人の朝は早い
ビルド職人の朝は早い
JAWS-UG和歌山第0回キックオフミーティング LT
JAWS-UG和歌山第0回キックオフミーティング LT
Ember コミュニティとわたし
Ember コミュニティとわたし
ライオンでも分かるVuejs
ライオンでも分かるVuejs
Similaire à Node.jsで始める Modern JavaScript Framework
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
Nobuhiro Nakashima
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Takayoshi Tanaka
Pwa
Pwa
GIG inc.
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Getting started with node.js
Getting started with node.js
kouzouman
Quarkus Technical Deep Dive - Japanese
Quarkus Technical Deep Dive - Japanese
Chihiro Ito
後期第二回ネットワークチーム講座資料
後期第二回ネットワークチーム講座資料
densan_teacher
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
Y Watanabe
後期講座01
後期講座01
Takenori Nakagawa
A 1-2 One ASP.NET - ASP.NET Web Stack
A 1-2 One ASP.NET - ASP.NET Web Stack
GoAzure
Mvc conf session_1_osada
Mvc conf session_1_osada
Hiroshi Okunushi
One ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
MEANスタック提案プレゼンテーション
MEANスタック提案プレゼンテーション
Takumi Yokoyama
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
最近のASP.NET事情2013Winter
最近のASP.NET事情2013Winter
Narami Kiyokura
SpringMVC
SpringMVC
Akio Katayama
Nodejs
Nodejs
和樹 川端
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Naoya Ito
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
JavaEdge第3回ライブセッション
JavaEdge第3回ライブセッション
Yoichiro Tanaka
Similaire à Node.jsで始める Modern JavaScript Framework
(20)
Node.js基礎の基礎 - Miyazaki.js vol.2
Node.js基礎の基礎 - Miyazaki.js vol.2
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Pwa
Pwa
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Getting started with node.js
Getting started with node.js
Quarkus Technical Deep Dive - Japanese
Quarkus Technical Deep Dive - Japanese
後期第二回ネットワークチーム講座資料
後期第二回ネットワークチーム講座資料
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
後期講座01
後期講座01
A 1-2 One ASP.NET - ASP.NET Web Stack
A 1-2 One ASP.NET - ASP.NET Web Stack
Mvc conf session_1_osada
Mvc conf session_1_osada
One ASP.NET の今とこれから
One ASP.NET の今とこれから
MEANスタック提案プレゼンテーション
MEANスタック提案プレゼンテーション
ServerSideJavaScript
ServerSideJavaScript
最近のASP.NET事情2013Winter
最近のASP.NET事情2013Winter
SpringMVC
SpringMVC
Nodejs
Nodejs
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Bp study39 nodejs
Bp study39 nodejs
JavaEdge第3回ライブセッション
JavaEdge第3回ライブセッション
Plus de kamiyam .
Socket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにか
kamiyam .
Managing multi-package repositories
Managing multi-package repositories
kamiyam .
TypeScript + Express
TypeScript + Express
kamiyam .
プラベワークのススメ
プラベワークのススメ
kamiyam .
kyoto.js13
kyoto.js13
kamiyam .
HomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにか
kamiyam .
Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話
kamiyam .
Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話
kamiyam .
ヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオン
kamiyam .
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
kamiyam .
JavaScript Performance 20160723
JavaScript Performance 20160723
kamiyam .
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
kamiyam .
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
kamiyam .
Async Enhancement
Async Enhancement
kamiyam .
はじめてのVue.js
はじめてのVue.js
kamiyam .
Scalable Node.js with Redis Store
Scalable Node.js with Redis Store
kamiyam .
Gruntの罪と罰
Gruntの罪と罰
kamiyam .
Node.js勉強会 Framework Koa
Node.js勉強会 Framework Koa
kamiyam .
知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術
kamiyam .
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
kamiyam .
Plus de kamiyam .
(20)
Socket.ioとBabylonJSで作ったIoT的ななにか
Socket.ioとBabylonJSで作ったIoT的ななにか
Managing multi-package repositories
Managing multi-package repositories
TypeScript + Express
TypeScript + Express
プラベワークのススメ
プラベワークのススメ
kyoto.js13
kyoto.js13
HomeKitとNode.jsを使ってSiriでコントロールするなにか
HomeKitとNode.jsを使ってSiriでコントロールするなにか
Kinectを使った インタラクティブコンテンツを作った話
Kinectを使った インタラクティブコンテンツを作った話
Node.jsでKinectを触ろうとして色々しくじった話
Node.jsでKinectを触ろうとして色々しくじった話
ヒカ☆ラボ@Osaka NodeBotsハンズオン
ヒカ☆ラボ@Osaka NodeBotsハンズオン
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
Node.js をさりげなく取り入れた 最近のフロントエンド事情について
JavaScript Performance 20160723
JavaScript Performance 20160723
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
WordBench Osaka #48 About Calypso
WordBench Osaka #48 About Calypso
Async Enhancement
Async Enhancement
はじめてのVue.js
はじめてのVue.js
Scalable Node.js with Redis Store
Scalable Node.js with Redis Store
Gruntの罪と罰
Gruntの罪と罰
Node.js勉強会 Framework Koa
Node.js勉強会 Framework Koa
知っているつもりで実は知らない 拾う技術捨てる技術
知っているつもりで実は知らない 拾う技術捨てる技術
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
Dernier
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
Dernier
(9)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
Node.jsで始める Modern JavaScript Framework
1.
Node.jsで始める Modern JavaScript Framework 夏のJAWS-UG三都物語
2014 2014.7.5
2.
自己紹介 • かみやん (Twitter@kamiyam) http://nantokaworks.com •
Engineer • たまにカメラの人
3.
コミュニティ紹介 • Node.js Osaka 2,3ヶ月に一度テーマを設けて 発表・シェアする勉強会
4.
5.
近頃、Node.jsどうよ?
6.
JavaScriptが流行っているので 全部Node.jsで構築するのか???
7.
それはない個人的には実装しているけど…
8.
ServerSideがJavaScriptだから 出来ることもある
9.
Modernな実装パターン バックエンドはデータを返すだけ の APIサーバとして実装し、フロ ントエンドでデータの表示を行う 仕組み
10.
Sails.js + Vue.js
11.
Sails.js サーバサイド処理を行う MVC JavaScript Framework http://sailsjs.org/
12.
Sails.js • Ruby on
Railsに影響を受けたフレームワーク • Controller/View + Routing • Sails.io (Socket.io v0.9系 バンドル) • CRUD 対応 • v0.9.16(開発版: v0.10.0-rc8)
13.
Sails.js DEMO
14.
Vue.js フロントエンド処理を行う MVVM JavaScript Framework http://vuejs.org/
15.
Vue.js • 軽量 • シンプル •
MVVMフレームワーク • データバインディング • v0.10.5
16.
DataServer DOM 1 2 3 4 Front
17.
DataServer DOM 1 2 3 4 Front
18.
DataServer DOM 1 2 3 4 1 2 3 4 Front
19.
DataServer DOM 1 2 3 4 1 2 3 4 Front
20.
DataServer DOM 1 2 3 4 1 2 3 4 1 2 3 4 Front
21.
DataServer DOM 1 2 3 4 1 2 3 4 1 2 3 4 Front それぞれの情報を 保持している
22.
Front DataServer DOM 1 2 3 4 1 2 3 4 1 2 3 4 5 5
5
23.
Front DataServer DOM 1 2 3 4 1 2 4 1 2 3 4 5 5
5
24.
Front DataServer DOM 1 2 3 4 1 2 4 1 2 3 4 5 5
5
25.
Front DataServer DOM 1 2 4 1 2 4 1 2 3 4 5 5
5
26.
Front DataServer DOM 1 2 4 1 2 4 1 2 4 5 5
5
27.
Front DataServer DOM 1 2 4 1 2 4 1 2 4 5 5
5
28.
Front DataServer DOM 1 2 1 2 4 1 2 4 5 5
5
29.
Front DataServer DOM 1 2 1 2 4 1 2 4 5 5
5
30.
Front DataServer DOM 1 2 1 2 1 2 4 5 5
5
31.
Front DataServer DOM 1 2 1 2 1 2 4 5 5
5 それぞれの段階で 操作を行う
32.
DataとDOMは情報を双方向で 同期(バインディグ)したい
33.
Front DataServer DOM 1 2 3 4 5
34.
Front DataServer DOM 1 2 3 4 5
35.
Front DataServer DOM 1 2 3 4 1 2 3 4 1 2 3 4 5 5
5
36.
Front DataServer DOM 1 2 4 1 2 4 1 2 3 4 5 5
5
37.
Front DataServer DOM 1 2 1 2 1 2 3 4 5 5
5
38.
Vue.js DEMO
39.
まとめ • JSON • データバインディング •
データ駆動
40.
参考 • TodoMVC http://todomvc.com/ • 軽量でパワフルなデータバインディングMVVM,
vue.jsで遊ん でみた http://mizchi.hatenablog.com/entry/2014/02/13/153742 • お前自分ちのページャUIが本当に速いと思ってんの? https://speakerdeck.com/mizchi/oqian-zi-fen- tifalsepeziyauigaben-dang-nisu-itosi-tutenfalse
41.
ご清聴ありがとうございました
Télécharger maintenant