Submit Search
Js mvc
0 likes
696 views
Net Kanayan
1 of 36
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
More Related Content
PDF
Nodejs
和樹 川端
PDF
Js frameworkの紹介
Ryo Shimada
PDF
OSC 2016 Nagoya - MineOSのすすめ -
roamer7038
PDF
JS開発環境を晒す。
Eiji Kuroda
PDF
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
PPTX
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
PPT
10回目nodejs
Takuya Shishido
PDF
XSSの傾向と対策
Yusuke Sangenya
Nodejs
和樹 川端
Js frameworkの紹介
Ryo Shimada
OSC 2016 Nagoya - MineOSのすすめ -
roamer7038
JS開発環境を晒す。
Eiji Kuroda
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
10回目nodejs
Takuya Shishido
XSSの傾向と対策
Yusuke Sangenya
What's hot
(20)
PDF
Playで作るwebsocketサーバ
ke-m kamekoopa
PPTX
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
PDF
WordBench Nagoya 2015年3月勉強会
Kei Nomura
PDF
Javaで最強のfizz buzz
yy yank
PDF
Html5 nagoya 07
Yoshiaki Sugimoto
PPT
Android mvc-frameworkが凄くて泣きそう
naoyuki miyata
PPTX
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
Yuki Hirano
PDF
20150523
Toshihiro Suzuki
PDF
WordBench大阪18th
Go Imai
PDF
Vim = VM
Shougo
PPTX
WebSocketでリアルタイム通信 (第13回学生LT資料)
stmkza
PPT
20090121 J QueryからはじめるJava Script~初級編~
Hiromu Shioya
PDF
Javascript を使ってみよう!!
誠 小林
PPTX
Mqttの通信を見てみよう
Suemasu Takashi
PDF
GroovyでJSON2014
Yasuharu Hayami
PDF
Traffix Jam インストール方法
kohiharu
PDF
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
PPT
node.js
Masataka Ohara
KEY
EmitJSの環境をちょこっと調べた
kyon mm
PDF
Unite vim
Shougo
Playで作るwebsocketサーバ
ke-m kamekoopa
EWD 3トレーニングコース#15 ewd-xpressでjQuery以外のフレームワークを利用する
Kiyoshi Sawada
WordBench Nagoya 2015年3月勉強会
Kei Nomura
Javaで最強のfizz buzz
yy yank
Html5 nagoya 07
Yoshiaki Sugimoto
Android mvc-frameworkが凄くて泣きそう
naoyuki miyata
JavaScriptの仕組みと未来のJavaScript ~ESNextとは~
Yuki Hirano
20150523
Toshihiro Suzuki
WordBench大阪18th
Go Imai
Vim = VM
Shougo
WebSocketでリアルタイム通信 (第13回学生LT資料)
stmkza
20090121 J QueryからはじめるJava Script~初級編~
Hiromu Shioya
Javascript を使ってみよう!!
誠 小林
Mqttの通信を見てみよう
Suemasu Takashi
GroovyでJSON2014
Yasuharu Hayami
Traffix Jam インストール方法
kohiharu
WebAssembly と Rust の入口の向かいにある道路のベンチに腰掛けるレベルのさわってみた感想を共有
zaru sakuraba
node.js
Masataka Ohara
EmitJSの環境をちょこっと調べた
kyon mm
Unite vim
Shougo
Ad
Viewers also liked
(8)
PDF
FileReader and canvas and server silde
Net Kanayan
PDF
Nseg jquery mobile
Net Kanayan
KEY
Ll xcode
Net Kanayan
ODP
Windows store app html
Net Kanayan
PDF
Gunma ruby
Net Kanayan
PDF
Ssl
Net Kanayan
PDF
Fxos lt
Net Kanayan
KEY
Tdd&peapro
Net Kanayan
FileReader and canvas and server silde
Net Kanayan
Nseg jquery mobile
Net Kanayan
Ll xcode
Net Kanayan
Windows store app html
Net Kanayan
Gunma ruby
Net Kanayan
Ssl
Net Kanayan
Fxos lt
Net Kanayan
Tdd&peapro
Net Kanayan
Ad
More from Net Kanayan
(20)
PDF
Osc16gm
Net Kanayan
PDF
Open source
Net Kanayan
PDF
Http2入門の入門
Net Kanayan
PDF
Es6 cognition
Net Kanayan
PDF
ES6 はじめました
Net Kanayan
PDF
Image convert
Net Kanayan
PDF
Blueberrypi
Net Kanayan
PDF
Browser push notifications
Net Kanayan
PDF
Http
Net Kanayan
PDF
Basic vulnerability
Net Kanayan
PDF
Js kusen
Net Kanayan
KEY
Sass less
Net Kanayan
KEY
Web creed
Net Kanayan
KEY
J S Smartphone
Net Kanayan
KEY
Smart phone gunma.web
Net Kanayan
PDF
Smart phone
Net Kanayan
PDF
2010 12gunmaweb
Net Kanayan
PDF
Html5 css3 websocket
Net Kanayan
PDF
Gunmaweb
Net Kanayan
PDF
CgiSecure
Net Kanayan
Osc16gm
Net Kanayan
Open source
Net Kanayan
Http2入門の入門
Net Kanayan
Es6 cognition
Net Kanayan
ES6 はじめました
Net Kanayan
Image convert
Net Kanayan
Blueberrypi
Net Kanayan
Browser push notifications
Net Kanayan
Http
Net Kanayan
Basic vulnerability
Net Kanayan
Js kusen
Net Kanayan
Sass less
Net Kanayan
Web creed
Net Kanayan
J S Smartphone
Net Kanayan
Smart phone gunma.web
Net Kanayan
Smart phone
Net Kanayan
2010 12gunmaweb
Net Kanayan
Html5 css3 websocket
Net Kanayan
Gunmaweb
Net Kanayan
CgiSecure
Net Kanayan
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
#2:
\n
#3:
\n
#4:
\n
#5:
\n
#6:
\n
#7:
\n
#8:
\n
#9:
\n
#10:
\n
#11:
\n
#12:
\n
#13:
\n
#14:
\n
#15:
\n
#16:
\n
#17:
\n
#18:
\n
#19:
\n
#20:
\n
#21:
\n
#22:
\n
#23:
\n
#24:
\n
#25:
\n
#26:
\n
#27:
\n
#28:
\n
#29:
\n
#30:
\n
#31:
\n
#32:
\n
#33:
\n
#34:
\n
#35:
\n
#36:
\n
#37:
\n
Download