24
Thin Server Architecture ででででででで で でで 2014/2/21

Thin Server Architectureでブログ作った #ikam

Embed Size (px)

Citation preview

Page 1: Thin Server Architectureでブログ作った #ikam

Thin Server Architectureでブログ作った

槙 俊明2014/2/21

Page 2: Thin Server Architectureでブログ作った #ikam
Page 3: Thin Server Architectureでブログ作った #ikam
Page 4: Thin Server Architectureでブログ作った #ikam
Page 5: Thin Server Architectureでブログ作った #ikam
Page 6: Thin Server Architectureでブログ作った #ikam

Thin Server Architecture の何が嬉しいの?

REST API Server

HTML (Web Browser) JSON

Page 7: Thin Server Architectureでブログ作った #ikam

Thin Server Architecture の何が嬉しいの?

REST API Server

HTML (Web Browser)

Smart Phone/Tablet

Desktop App

CLI

JSON

JSON

JSON

JSON

Page 8: Thin Server Architectureでブログ作った #ikam

Thin Server Architecture の何が嬉しいの?

REST API Server

HTML (Web Browser)

Smart Phone/Tablet

Desktop App

CLI

JSON

JSON

JSON

JSON

クライアントが変わってもサーバーサイドはそのまま!

Page 9: Thin Server Architectureでブログ作った #ikam

Thin Server Architecture な Blog

• http://blog.ik.am• ソース : https://github.com/making/categolj2-backend

Page 10: Thin Server Architectureでブログ作った #ikam

Thin Server Architecture な Blog

• http://blog.ik.am• ソース : https://github.com/making/categolj2-backend

Pull req 募集中

Page 11: Thin Server Architectureでブログ作った #ikam

機能• 記事管理機能• ユーザー管理機能• リンク管理機能• ファイルアップロード管理機能• などなど

Page 12: Thin Server Architectureでブログ作った #ikam

機能• 記事管理機能• ユーザー管理機能• リンク管理機能• ファイルアップロード管理機能• などなど

ちょっとした CMS にも使えるよ

Page 13: Thin Server Architectureでブログ作った #ikam

Client (Single Page Application)

Thin Server

REST API Server

Frontend App Backend App

DB

SQL

JSONJSON

Page 14: Thin Server Architectureでブログ作った #ikam

Client (Single Page Application)

Thin Server

REST API Server

Frontend App Backend App

DB

SQLSpring MVC

Backbone.js

JPA

Backbone.jsBootstrapUIKit

JSONJSON

Page 15: Thin Server Architectureでブログ作った #ikam

API 一覧• https://

github.com/making/categolj2-backend#apis

Page 16: Thin Server Architectureでブログ作った #ikam

Demo !

Page 17: Thin Server Architectureでブログ作った #ikam

デメリット

•普通に作ると、 Ajax ごりごりになるので検索エンジンがコンテンツ拾ってくれない

Page 18: Thin Server Architectureでブログ作った #ikam

デメリット

_人人人人人人人人人_> ゼロググラビリティ 

< ̄ Y^Y^Y^Y^Y^Y^Y^Y^Y^Y  ̄

Page 19: Thin Server Architectureでブログ作った #ikam

突然ですが

Page 20: Thin Server Architectureでブログ作った #ikam

あなたも簡単にかっこいい管理画面ができます

Page 21: Thin Server Architectureでブログ作った #ikam

そう、 Bootstrap ならね

Page 22: Thin Server Architectureでブログ作った #ikam

http://bit.ly/hajiboo

Page 23: Thin Server Architectureでブログ作った #ikam

というわけで

•おれおれ BLOG の自慢と

•本の宣伝に来ました

Page 24: Thin Server Architectureでブログ作った #ikam

ご清聴ありがとうございました

http://bit.ly/hajiboo