thin server architectureでブログ作った #ikam
TRANSCRIPT
![Page 1: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/1.jpg)
Thin Server Architectureでブログ作った
槙 俊明2014/2/21
![Page 2: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/2.jpg)
![Page 3: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/3.jpg)
![Page 4: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/4.jpg)
![Page 5: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/5.jpg)
![Page 6: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/6.jpg)
Thin Server Architecture の何が嬉しいの?
REST API Server
HTML (Web Browser) JSON
![Page 7: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/9.jpg)
Thin Server Architecture な Blog
• http://blog.ik.am• ソース : https://github.com/making/categolj2-backend
![Page 10: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/10.jpg)
Thin Server Architecture な Blog
• http://blog.ik.am• ソース : https://github.com/making/categolj2-backend
Pull req 募集中
![Page 11: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/11.jpg)
機能• 記事管理機能• ユーザー管理機能• リンク管理機能• ファイルアップロード管理機能• などなど
![Page 12: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/12.jpg)
機能• 記事管理機能• ユーザー管理機能• リンク管理機能• ファイルアップロード管理機能• などなど
ちょっとした CMS にも使えるよ
![Page 13: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/13.jpg)
Client (Single Page Application)
Thin Server
REST API Server
Frontend App Backend App
DB
SQL
JSONJSON
![Page 14: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/14.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/15.jpg)
API 一覧• https://
github.com/making/categolj2-backend#apis
![Page 16: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/16.jpg)
Demo !
![Page 17: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/17.jpg)
デメリット
•普通に作ると、 Ajax ごりごりになるので検索エンジンがコンテンツ拾ってくれない
![Page 18: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/18.jpg)
デメリット
_人人人人人人人人人_> ゼロググラビリティ
< ̄ Y^Y^Y^Y^Y^Y^Y^Y^Y^Y  ̄
![Page 19: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/19.jpg)
突然ですが
![Page 20: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/20.jpg)
あなたも簡単にかっこいい管理画面ができます
![Page 21: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/21.jpg)
そう、 Bootstrap ならね
![Page 22: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/22.jpg)
http://bit.ly/hajiboo
![Page 23: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/23.jpg)
というわけで
•おれおれ BLOG の自慢と
•本の宣伝に来ました
![Page 24: Thin Server Architectureでブログ作った #ikam](https://reader036.vdocuments.pub/reader036/viewer/2022062405/554f7695b4c905bb178b550c/html5/thumbnails/24.jpg)
ご清聴ありがとうございました
http://bit.ly/hajiboo