json吸って吐く機械

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,

Velocity, etc.）

O R M

ﾊﾞﾘﾃﾞｰｼｮﾝ

デザイナ 担当：HTML/CSS

アプリプログラマ 担当：Java/jsp/JavaScript

インフラプログラマ 担当：Java/DB

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...