1
JSON吸って吐く機械
Java屋から見たいまさらのWeb感の話
2014.06.13
@youten_redo
2
目次
• クライアントとサーバ
• HTML
• DynamicなHTMLとCGI
• JavaScriptとDHTML
• PHPとかJava EEとか
• MVC
• AjaxとRESTful API
• フロントエンドとバックエンド
3
クライアント
クライアントとサーバ
クライアント
サーバ
4
HTML
GET
text/html
image/*
HTML
GIF
JPEG
PNG
5
DynamicなHTMLとCGI
GET/POST
Perl
C
G
I
text/html
6
JavaScriptとDHTML
GET
text/html
HTML
Java
Script
CSS
Flash
JavaApplet
QuickTime
7
PHPとかJava EEとか
GET/POST
PHP
text/html
Servlet
Java
Script
CSS
DB
8
MVC
GET/POST
text/html
DB
業務
ロジック
ORM
Servlet
jsp
HTML
JavaScript
CSS
9
Model-View-Controller
M
C
V
10
密結合のスパゲッティ秘伝のソース和え
M?
C?
V?
11
超jsp
GET/POST
*/*
DB
超jsp
(HTML, CSS,
JavaScript,
Java, jstl,
Velocity, etc.)
O
R
M
バリデーション
12
一方PHPは
GET/POST
text/html
DB
CMS
GIF
JPEG
PNG
13
一般人
インターネット
mixi
fb
LINE
何か
何か
14
AjaxとRESTful API
POST/GET/PUT/DELETE
json/application
HTML
Java
Script
CSS
JSON
吸って
吐く
DB
15
俺用の
HTMLくれ
俺用の
HTMLくれ
俺用の
HTMLくれ
俺用の
HTMLくれ
俺用の
HTMLくれ
俺用の
HTMLくれ
超jspの限界
DB
超jsp
(HTML, CSS,
JavaScript,
Java, jstl,
V...
16
JSON吸って吐く機械
HTML
Java
Script
CSS
JSON
吸って
吐く
DB
デザイナ
担当:HTML/CSS
フロントエンド
担当:JavaScript
バックエンド
担当:*/DB
Flash
17
スマートデバイス
JSON
吸って
吐く
DB
バックエンド
担当:*/DB
JSONで
いいよ
JSONで
いいよ
JSONで
いいよ
JSONで
いいよ
こっちはこっちで
大変ですが。
え?
JSON?
18
そしてJSフレームワークの世界へ
To be continued...
Upcoming SlideShare
Loading in...5
×

JSON吸って吐く機械

3,983

Published on

JSON-push-pop-server-machine is enough. Roll Over JSP.

Published in: Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,983
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
9
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

Transcript of "JSON吸って吐く機械"

  1. 1. 1 JSON吸って吐く機械 Java屋から見たいまさらのWeb感の話 2014.06.13 @youten_redo
  2. 2. 2 目次 • クライアントとサーバ • HTML • DynamicなHTMLとCGI • JavaScriptとDHTML • PHPとかJava EEとか • MVC • AjaxとRESTful API • フロントエンドとバックエンド
  3. 3. 3 クライアント クライアントとサーバ クライアント サーバ
  4. 4. 4 HTML GET text/html image/* HTML GIF JPEG PNG
  5. 5. 5 DynamicなHTMLとCGI GET/POST Perl C G I text/html
  6. 6. 6 JavaScriptとDHTML GET text/html HTML Java Script CSS Flash JavaApplet QuickTime
  7. 7. 7 PHPとかJava EEとか GET/POST PHP text/html Servlet Java Script CSS DB
  8. 8. 8 MVC GET/POST text/html DB 業務 ロジック ORM Servlet jsp HTML JavaScript CSS
  9. 9. 9 Model-View-Controller M C V
  10. 10. 10 密結合のスパゲッティ秘伝のソース和え M? C? V?
  11. 11. 11 超jsp GET/POST */* DB 超jsp (HTML, CSS, JavaScript, Java, jstl, Velocity, etc.) O R M バリデーション
  12. 12. 12 一方PHPは GET/POST text/html DB CMS GIF JPEG PNG
  13. 13. 13 一般人 インターネット mixi fb LINE 何か 何か
  14. 14. 14 AjaxとRESTful API POST/GET/PUT/DELETE json/application HTML Java Script CSS JSON 吸って 吐く DB
  15. 15. 15 俺用の HTMLくれ 俺用の HTMLくれ 俺用の HTMLくれ 俺用の HTMLくれ 俺用の HTMLくれ 俺用の HTMLくれ 超jspの限界 DB 超jsp (HTML, CSS, JavaScript, Java, jstl, Velocity, etc.) O R M バリデーション デザイナ 担当:HTML/CSS アプリプログラマ 担当:Java/jsp/JavaScript インフラプログラマ 担当:Java/DB
  16. 16. 16 JSON吸って吐く機械 HTML Java Script CSS JSON 吸って 吐く DB デザイナ 担当:HTML/CSS フロントエンド 担当:JavaScript バックエンド 担当:*/DB Flash
  17. 17. 17 スマートデバイス JSON 吸って 吐く DB バックエンド 担当:*/DB JSONで いいよ JSONで いいよ JSONで いいよ JSONで いいよ こっちはこっちで 大変ですが。 え? JSON?
  18. 18. 18 そしてJSフレームワークの世界へ To be continued...
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×