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くれ






超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


DB

デザイナ担当：HTML/CSS

フロントエンド担当：JavaScript

バックエンド担当：*/DB

Flash

17

スマートデバイス


DB

バックエンド担当：*/DB

JSONでいいよ

JSONでいいよ

JSONでいいよ

JSONでいいよ

こっちはこっちで大変ですが。

え?

JSON?

18

そしてJSフレームワークの世界へ

To be continued...

json吸って吐く機械

Technology