補足などはこちら http://d.hatena.ne.jp/tkawa/20120227/p1 http://d.hatena.ne.jp/tkawa/20120227/p2

1. RESTとRailsスタイル
@tkawa
2012.2.26 第5回デザイナー向けプログラム部 #p4d

2. @tkawa
• 川村 徹
• Rails (Ruby)
• ほぼWebアプリばかり
開発してます
• U2plus http://u2plus.jp/

3. REST

4. RESTって何？
• Webの「建築様式」(Architectural Style)
• ざっくりいうとWebのしくみ・元にな
る考え方
• Webが成功している理由の1つ

5. なぜREST？
Webアプリを作るときは、
「RESTにしたほうがいい」とよく言われるけど…
• Web (HTTP, HTML,...) の特長を十分に活
かす
• 人間とソフトウェア（自動処理）
両方に優しい
• シンプルな設計の指針

6. どうすればREST？
• 抽象的なものなので、使う人によって
意味が違って伝わらないことも…
• 具体的にはどうすればいいの？

8. Railsスタイル
• RESTに沿っていて、さらにより具体的
な設計のパターンを提示している
• 今のところ成功している（！）
• Rails以外で作るときにも使えばいいよ
ね

9. Webのしくみ
（ざっくり）

10. ブラウザ

11. 1.
2.
ブラウザ Webサーバ
1. ブラウザからWebサーバへリクエストを送る
2.レスポンス(HTML, CSS, JavaScript, JPEG,...)を返す

14. 重要なのは
• URL
• リクエストメソッド
• ステータスコード

15. 1.
2.
ブラウザ Webサーバ
URL, リクエストメソッド
1. ブラウザからWebサーバへリクエストを送る
2.レスポンス(HTML, CSS, JavaScript, JPEG,...)を返す
ステータスコード

16. 1.
2.
ブラウザ Webサーバ

17. URL
• Web上に存在する「モノ（情報）」の
名前
• ブラウザのアドレス欄に表示される
• シンプルで意味のわかるものがよい

18. P4Dのwikiに新しくページ作りたいんだけ
ど、どうすればいいんだっけ？

19. P4Dのwikiに新しくページ作りたいんだけ
ど、どうすればいいんだっけ？
GitHubのトップの検索ボックスで
「prog4designer」で検索してください。
そこから下のほうの「meetups」を押して、
右上の「Wiki」を押して、「New Page」を
押してください。

20. P4Dのwikiに新しくページ作りたいんだけ
ど、どうすればいいんだっけ？
https://github.com/prog4designer/meetups/wiki/_new

21. POST https://github.com/prog4designer/meetups/wiki

22. リクエストメソッド
GET POST PUT DELETE
取得 作成 更新 削除
基本的にはこの4つだけ!!
例えば「ログインする」という操作はない

23. リクエスト
GET https://github.com/prog4designer/meetups/wiki
POST https://github.com/prog4designer/meetups/wiki
PUT https://github.com/prog4designer/meetups/wiki
DELETE https://github.com/prog4designer/meetups/wiki
メソッド URL
「モノ」
「どうする」 動詞 名詞

24. GET http://example.com/users/show/123
POST http://example.com/users/create

25. GET http://example.com/users/show/123
GET http://example.com/users/123
POST http://example.com/users/create
POST http://example.com/users

26. GET http://example.com/users/show/123
GET http://example.com/users/123
POST http://example.com/users/create
POST http://example.com/users

27. Railsスタイル

28. GET POST PUT DELETE
/user

29. http://d.hatena.ne.jp/tkawa/20110819
http://d.hatena.ne.jp/tkawa/20110819/p1
http://baseball.example.jp/leagues
http://baseball.example.jp/leagues/central
http://railsapp.example.com/users
http://railsapp.example.com/users/123
/ {まとまり} / {名前, 番号}

30. GET POST PUT DELETE
/users
/users/123

31. GET POST PUT DELETE
/users index create - -
/users/123 show - update destroy
GET /users/new → new
GET /users/123/edit → edit

32. まとめ
• 重要なのは おすすめ
※私が書いたわけではありません
- URL
- リクエストメソッド
- ステータスコード
• Railsスタイルに従えば楽
• つづく？
http://d.hatena.ne.jp/tkawa/searchdiary?
word=*[rest]