Submit Search
Upload
Js mvc
•
Download as KEY, PDF
•
0 likes
•
694 views
Net Kanayan
Follow
Technology
Report
Share
Report
Share
1 of 36
Download now
Recommended
Hello Nodejs
Nodejs
Nodejs
和樹 川端
イマドキのjs frameworkを紹介します
Js frameworkの紹介
Js frameworkの紹介
Ryo Shimada
OSC名古屋 2016 東海道らぐLT大会発表でしたやつ 初LT
OSC 2016 Nagoya - MineOSのすすめ -
OSC 2016 Nagoya - MineOSのすすめ -
roamer7038
2016 Oct JSの開発環境を晒してみます。
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
10回目nodejs
10回目nodejs
Takuya Shishido
CAMPHOR- 定例LTの発表資料です.XSS とは何かという解説と,それを防ぐための手法を2つ紹介します.
XSSの傾向と対策
XSSの傾向と対策
Yusuke Sangenya
Recommended
Hello Nodejs
Nodejs
Nodejs
和樹 川端
イマドキのjs frameworkを紹介します
Js frameworkの紹介
Js frameworkの紹介
Ryo Shimada
OSC名古屋 2016 東海道らぐLT大会発表でしたやつ 初LT
OSC 2016 Nagoya - MineOSのすすめ -
OSC 2016 Nagoya - MineOSのすすめ -
roamer7038
2016 Oct JSの開発環境を晒してみます。
JS開発環境を晒す。
JS開発環境を晒す。
Eiji Kuroda
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
10回目nodejs
10回目nodejs
Takuya Shishido
CAMPHOR- 定例LTの発表資料です.XSS とは何かという解説と,それを防ぐための手法を2つ紹介します.
XSSの傾向と対策
XSSの傾向と対策
Yusuke Sangenya
社内LT資料
Playで作るwebsocketサーバ
Playで作るwebsocketサーバ
ke-m kamekoopa
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
WordBench Nagoya 2015年3月勉強会『WordPress標準デザイン講座 Version4.x対応』出版記念企画 静的HTMLファイルからWordPressブログを作ってみよう!(ワークショップ形式)の前半講義用スライドです
WordBench Nagoya 2015年3月勉強会
WordBench Nagoya 2015年3月勉強会
Kei Nomura
第16回 渋谷じゃばのLT資料
Javaで最強のfizz buzz
Javaで最強のfizz buzz
yy yank
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
Android mvc-frameworkが凄くて泣きそう
Android mvc-frameworkが凄くて泣きそう
naoyuki miyata
ESNextってなんぞ?を解説するために作った資料です。
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
Yuki Hirano
20150523
20150523
Toshihiro Suzuki
WordBench大阪18th
WordBench大阪18th
Go Imai
Vim = VM
Vim = VM
Shougo
第13回学生LT(https://student-lt.connpass.com/event/91539/)で発表したスライドです。
WebSocketでリアルタイム通信 (第13回学生LT資料)
WebSocketでリアルタイム通信 (第13回学生LT資料)
stmkza
20090121 J QueryからはじめるJava Script~初級編~
20090121 J QueryからはじめるJava Script~初級編~
Hiromu Shioya
モヤLT発表資料 http://www.facebook.com/event.php?eid=227870077275504
Javascript を使ってみよう!!
Javascript を使ってみよう!!
誠 小林
2016.8.25 開催のIoT LT西東京版で使用したスライド
Mqttの通信を見てみよう
Mqttの通信を見てみよう
Suemasu Takashi
GroovyでJSON2014
GroovyでJSON2014
Yasuharu Hayami
Traffix Jam のインストール方法
Traffix Jam インストール方法
Traffix Jam インストール方法
kohiharu
ソースコード https://github.com/zaru/webassembly-demo デモ https://zaru.github.io/webassembly-demo/rust-canvas/canvas.html
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
node.js
node.js
Masataka Ohara
EmitJSの環境をちょこっと調べた
EmitJSの環境をちょこっと調べた
kyon mm
現在私が開発中のunite.vimに関する紹介です。オマケとして、今までの発表をダイジェスト形式で御届けしています。
Unite vim
Unite vim
Shougo
FileReader and canvas and server silde
FileReader and canvas and server silde
FileReader and canvas and server silde
Net Kanayan
Nseg jquery mobile
Nseg jquery mobile
Net Kanayan
More Related Content
What's hot
社内LT資料
Playで作るwebsocketサーバ
Playで作るwebsocketサーバ
ke-m kamekoopa
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
WordBench Nagoya 2015年3月勉強会『WordPress標準デザイン講座 Version4.x対応』出版記念企画 静的HTMLファイルからWordPressブログを作ってみよう!(ワークショップ形式)の前半講義用スライドです
WordBench Nagoya 2015年3月勉強会
WordBench Nagoya 2015年3月勉強会
Kei Nomura
第16回 渋谷じゃばのLT資料
Javaで最強のfizz buzz
Javaで最強のfizz buzz
yy yank
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
Android mvc-frameworkが凄くて泣きそう
Android mvc-frameworkが凄くて泣きそう
naoyuki miyata
ESNextってなんぞ?を解説するために作った資料です。
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
Yuki Hirano
20150523
20150523
Toshihiro Suzuki
WordBench大阪18th
WordBench大阪18th
Go Imai
Vim = VM
Vim = VM
Shougo
第13回学生LT(https://student-lt.connpass.com/event/91539/)で発表したスライドです。
WebSocketでリアルタイム通信 (第13回学生LT資料)
WebSocketでリアルタイム通信 (第13回学生LT資料)
stmkza
20090121 J QueryからはじめるJava Script~初級編~
20090121 J QueryからはじめるJava Script~初級編~
Hiromu Shioya
モヤLT発表資料 http://www.facebook.com/event.php?eid=227870077275504
Javascript を使ってみよう!!
Javascript を使ってみよう!!
誠 小林
2016.8.25 開催のIoT LT西東京版で使用したスライド
Mqttの通信を見てみよう
Mqttの通信を見てみよう
Suemasu Takashi
GroovyでJSON2014
GroovyでJSON2014
Yasuharu Hayami
Traffix Jam のインストール方法
Traffix Jam インストール方法
Traffix Jam インストール方法
kohiharu
ソースコード https://github.com/zaru/webassembly-demo デモ https://zaru.github.io/webassembly-demo/rust-canvas/canvas.html
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
node.js
node.js
Masataka Ohara
EmitJSの環境をちょこっと調べた
EmitJSの環境をちょこっと調べた
kyon mm
現在私が開発中のunite.vimに関する紹介です。オマケとして、今までの発表をダイジェスト形式で御届けしています。
Unite vim
Unite vim
Shougo
What's hot
(20)
Playで作るwebsocketサーバ
Playで作るwebsocketサーバ
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
WordBench Nagoya 2015年3月勉強会
WordBench Nagoya 2015年3月勉強会
Javaで最強のfizz buzz
Javaで最強のfizz buzz
Html5 nagoya 07
Html5 nagoya 07
Android mvc-frameworkが凄くて泣きそう
Android mvc-frameworkが凄くて泣きそう
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
20150523
20150523
WordBench大阪18th
WordBench大阪18th
Vim = VM
Vim = VM
WebSocketでリアルタイム通信 (第13回学生LT資料)
WebSocketでリアルタイム通信 (第13回学生LT資料)
20090121 J QueryからはじめるJava Script~初級編~
20090121 J QueryからはじめるJava Script~初級編~
Javascript を使ってみよう!!
Javascript を使ってみよう!!
Mqttの通信を見てみよう
Mqttの通信を見てみよう
GroovyでJSON2014
GroovyでJSON2014
Traffix Jam インストール方法
Traffix Jam インストール方法
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
node.js
node.js
EmitJSの環境をちょこっと調べた
EmitJSの環境をちょこっと調べた
Unite vim
Unite vim
Viewers also liked
FileReader and canvas and server silde
FileReader and canvas and server silde
FileReader and canvas and server silde
Net Kanayan
Nseg jquery mobile
Nseg jquery mobile
Net Kanayan
Ll xcode
Ll xcode
Net Kanayan
Windows store app html
Windows store app html
Net Kanayan
Gunma ruby
Gunma ruby
Net Kanayan
SSL
Ssl
Ssl
Net Kanayan
firefox open web board LT
Fxos lt
Fxos lt
Net Kanayan
Tdd&peapro
Tdd&peapro
Net Kanayan
Viewers also liked
(8)
FileReader and canvas and server silde
FileReader and canvas and server silde
Nseg jquery mobile
Nseg jquery mobile
Ll xcode
Ll xcode
Windows store app html
Windows store app html
Gunma ruby
Gunma ruby
Ssl
Ssl
Fxos lt
Fxos lt
Tdd&peapro
Tdd&peapro
More from Net Kanayan
Gunma.web
Osc16gm
Osc16gm
Net Kanayan
オープンソースの定義
Open source
Open source
Net Kanayan
HTTP/2 入門の入門
Http2入門の入門
Http2入門の入門
Net Kanayan
es6 cognition
Es6 cognition
Es6 cognition
Net Kanayan
iggg 2015/09 で発表した資料です。
ES6 はじめました
ES6 はじめました
Net Kanayan
Image convert
Image convert
Net Kanayan
Blueberry Pi
Blueberrypi
Blueberrypi
Net Kanayan
Browser push notifications
Browser push notifications
Net Kanayan
Http
Http
Net Kanayan
Basic vulnerability
Basic vulnerability
Net Kanayan
Js kusen
Js kusen
Net Kanayan
Sass less
Sass less
Net Kanayan
Web creed
Web creed
Net Kanayan
J S Smartphone
J S Smartphone
Net Kanayan
Smart phone gunma.web
Smart phone gunma.web
Net Kanayan
Smart phone
Smart phone
Net Kanayan
2010 12gunmaweb
2010 12gunmaweb
Net Kanayan
Html5 css3 websocket
Html5 css3 websocket
Net Kanayan
Gunmaweb
Gunmaweb
Net Kanayan
CgiSecure
CgiSecure
Net Kanayan
More from Net Kanayan
(20)
Osc16gm
Osc16gm
Open source
Open source
Http2入門の入門
Http2入門の入門
Es6 cognition
Es6 cognition
ES6 はじめました
ES6 はじめました
Image convert
Image convert
Blueberrypi
Blueberrypi
Browser push notifications
Browser push notifications
Http
Http
Basic vulnerability
Basic vulnerability
Js kusen
Js kusen
Sass less
Sass less
Web creed
Web creed
J S Smartphone
J S Smartphone
Smart phone gunma.web
Smart phone gunma.web
Smart phone
Smart phone
2010 12gunmaweb
2010 12gunmaweb
Html5 css3 websocket
Html5 css3 websocket
Gunmaweb
Gunmaweb
CgiSecure
CgiSecure
Recently uploaded
Key topics covered: - Understanding Ballerina's role in integrations: features and advantages - Designing and implementing REST APIs for integration - Designing and implementing GraphQL services with Ballerina - Monitoring and observing applications - Introduction to data integration
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
This is an introduction to MAPPO's paper.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
NewSQLの可用性構成パターン (OCHaCafe Season 8 #4 発表資料) 2024年5月8日(水) NTTデータグループ 技術開発本部 小林 隆浩
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
2022年10月27日に社内向けに開催した勉強会資料の社外公開版です(発表8分程度)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Jue Wang, Wentao Zhu, Pichao Wang, Xiang Yu, Linda Liu, Mohamed Omar, Raffay Hamid, " Selective Structured State-Spaces for Long-Form Video Understanding" CVPR2023 https://openaccess.thecvf.com/content/CVPR2023/html/Wang_Selective_Structured_State-Spaces_for_Long-Form_Video_Understanding_CVPR_2023_paper.html
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWANスマート距離検出センサー DS20Lカタログ
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Syed Talal Wasim, Muzammal Naseer, Salman Khan, Ming-Hsuan Yang, Fahad Shahbaz Khan , "Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Grounding" arXiv2024 https://arxiv.org/abs/2401.00901v2
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
2024年5月8日 Power Platform 勉強会 #1 LT資料
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
Recently uploaded
(12)
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
Js mvc
1.
javascript の MVC
@kanayannet
2.
JS の MVC
の話題の前に...
3.
ちょっと JS の歴史を振り返ってみる
4.
出会ったのは、199x年
5.
「何か、ブラウザ内で動的に動く ものがあるぞ?なんだ∼?」
6.
こういうのとか
7.
個人的に非常に 懐かしいですねw
8.
1996年、 IE 3.0 に搭載されたそうです。
by wikipedia
9.
しかし、いけない事 やる人も出てきたね
10.
ちなみに、これは、 OKボタンを何回押しても alert メッセージが出ます><
11.
中には、javascript をウィルスと同じ
扱いにしてしまう人も... (ブラウザの javascript 無効 etc..)
12.
2000∼2004 は javascript暗黒の時代?
13.
救世主 現る
14.
2005年
Ajax の登場!
15.
Asynchronous + JavaScript
+ XML その名の通り、 JS なしでは動きません!
16.
HTTP通信を行うためのJavaScript組み 込みクラスによる非同期通信を利用 し、通信結果に応じて動的にページの 一部を書き換える事が出来る
17.
例えばこんな事が可能になる ユーザのマウス操作に反応して 地図画像を画面遷移せずに ダウンロードして表示する
↓↓↓↓
18.
JSON の登場
19.
JavaScript Object Notation テキストベースのデータフォーマット
↓↓↓ [{“name”: “hiroaki kanazawa”, “status”:”real name”}, {“name”:”kanayannet”, “status”:”handle name”}]
20.
今日では Ajax で
request を投げて、 JSON データを受け取り、 JS でView を生成する方法が増えてきた
21.
そろそろ、本題に入ります。
22.
今から二つのコードをお見せします。
23.
一つの関数の中でデータの受け取り とView の作成を行ってます。
24.
データ受け取りと、View の作成を
分けています。
25.
とはいえ、View の関数が同じ空間にいるので
もうちょっと、分離出来ないかな∼?
26.
「Javascript の MVC
フレームワーク あるよ∼。」
27.
@tatsuoSakurai
株式会社 万葉 「backbone.js」 っていって最近注目する 企業も増えてきたよ∼。
28.
そんな訳で早速、使ってみた。
29.
自分の好きな食べ物をランダムに追加表示する
アプリの作成を目指します
30.
こっちはちなみに View に関わる部分です。
31.
HTMLファイルからこんな感じに実行
32.
試しにデモを見せます
33.
感想 最低限必要なコードが大きくなりやすいので ちょっとしたJSアプリには向かないかも? しかし、(View とModelを)分離しないと 後でコードを修正する時に 大変だな∼と思う場合には便利です。
34.
重要 この手のライブラリを使ってコードを書くと 「あ∼なるほど、こういう粒で切っていくのも 手だな∼」という良い勉強になりますw
35.
今後ともチャレンジしますw
36.
ご清聴ありがとうございました
Editor's Notes
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Download now