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

1. 1
JSON吸って吐く機械
Java屋から見たいまさらのWeb感の話
2014.06.13
@youten_redo

2. 2
目次
• クライアントとサーバ
• HTML
• DynamicなHTMLとCGI
• JavaScriptとDHTML
• PHPとかJava EEとか
• MVC
• AjaxとRESTful API
• フロントエンドとバックエンド

3. 3
クライアント
クライアントとサーバ
クライアント
サーバ

4. 4
HTML
GET
text/html
image/*
HTML
GIF
JPEG
PNG

5. 5
DynamicなHTMLとCGI
GET/POST
Perl
C
G
I
text/html

6. 6
JavaScriptとDHTML
GET
text/html
HTML
Java
Script
CSS
Flash
JavaApplet
QuickTime

7. 7
PHPとかJava EEとか
GET/POST
PHP
text/html
Servlet
Java
Script
CSS
DB

8. 8
MVC
GET/POST
text/html
DB
業務
ロジック
ORM
Servlet
jsp
HTML
JavaScript
CSS

9. 9
Model-View-Controller
M
C
V

10. 10
密結合のスパゲッティ秘伝のソース和え
M?
C?
V?

11. 11
超jsp
GET/POST
*/*
DB
超jsp
（HTML, CSS,
JavaScript,
Java, jstl,
Velocity, etc.）
O
R
M
ﾊﾞﾘﾃﾞｰｼｮﾝ

12. 12
一方PHPは
GET/POST
text/html
DB
CMS
GIF
JPEG
PNG

13. 13
一般人
インターネット
mixi
fb
LINE
何か
何か

14. 14
AjaxとRESTful API
POST/GET/PUT/DELETE
json/application
HTML
Java
Script
CSS
JSON
吸って
吐く
DB

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
JSON吸って吐く機械
HTML
Java
Script
CSS
JSON
吸って
吐く
DB
デザイナ
担当：HTML/CSS
フロントエンド
担当：JavaScript
バックエンド
担当：*/DB
Flash

17. 17
スマートデバイス
JSON
吸って
吐く
DB
バックエンド
担当：*/DB
JSONで
いいよ
JSONで
いいよ
JSONで
いいよ
JSONで
いいよ
こっちはこっちで
大変ですが。
え?
JSON?

18. 18
そしてJSフレームワークの世界へ
To be continued...