Recommended
More Related Content
What's hot
社内勉強会 - 書籍管理Webシステム
- 2. 書籍管理システム • 所持している書籍を管理 • 借りたい本・欲しい本を共有 • 誰がどのスキルを有しているか共有 13年8月19日月曜日
- 3. ベース技術 • Sinatra • Twitter Bootstrap • MongoDB 13年8月19日月曜日
- 4. Sinatra • Ruby製Webフレームワーク • MCモデル • ちょー簡単 • 第１回で発表 13年8月19日月曜日
- 5. Hello World require ‘sinatra’ get ‘/’ do p ‘Hello World!’ end 13年8月19日月曜日
- 6. Ruby :Web Server • WEBrick • Mongrel -> thin (<= Heroku推奨) • Phusion Passenger (Standalone) • Unicorn old new 13年8月19日月曜日
- 9. Rack実装 class App def call(env) case env[‘REQUEST_METHOD’] when ‘GET’ [ 200, { ‘Content-Type’ => ‘text/html’ }, [‘<html><head></head><body>hello</body></html>] ] end end end 引数を１つ持つ callメソッドを実装 •ステータスコード •レスポンスヘッダ(Hash) •レスポンスボディ(Array) を返す 13年8月19日月曜日
- 10. Rackup require ‘app.rb’ run App.new $ROOT - app.rb - config.ru $> rackup config.ru 13年8月19日月曜日
- 11. Twitter Bootstrap • 簡単に綺麗なWebサイトが作れる • Bootstrap 3 RC 1 • レスポンシブデザイン強化 • 後方互換なし • 没個性 13年8月19日月曜日
- 12. サンプル 13年8月19日月曜日
- 14. MongoDB • NoSQL • Not Only SQL != RDBMS • MongoDBはドキュメント指向型 • JSON形式でデータを保存 • スキーマレス 13年8月19日月曜日
- 15. NoSQL • Key-Value型 • Redis / Riak / Memcached • ドキュメント指向型 • MongoDB / CouchDB • カラム指向型 • HBase / Cassandra 13年8月19日月曜日
- 16. ✕ テーブル ⃝ コレクション { "_id" : ObjectId("47cc67093475..."), "username" : "bob", "address" : { "street" : "123 Main Street", "city" : "Springfield", "state" : "NY" } } > db.users.find({"address.state" : "NY"}) User collection 13年8月19日月曜日
- 18. 開発の流れ • サンプルHTML作成 • Sinatraで静的Webシステム化 • MongoDB連携 • Amazonとの連携 13年8月19日月曜日
- 21. 静的Webシステム化 • Sinatra使って表示 • Webシステムの雛形を作るレベル • bundler • haml • layout.haml • git 13年8月19日月曜日
- 22. layout.haml %html %head %body = yield index.haml %h1 Hello World! app.rb require ‘sinatra’ get ‘/’ do haml :index end <html> <head> </head> <body> <h1> Hello World! </h1> </body> </html> 13年8月19日月曜日
- 23. DB連携 • mongoid • Object Document Mapper • mongoid3の情報が少ない… • 画像保存方法 • Base64文字列として保存 • 文字列として画像表示 class Book include MongoID::Document field :title, type: String field :author, type: String field :asin validates_uniqueness_of :asin end 13年8月19日月曜日
- 24. Base64 • Base64エンコード CGI.escape(Base64.encode64(open(‘hoge.jpg’).read)) • 表示 <img src=”data:image/png;base64,IVFHODIUEE....”/> 13年8月19日月曜日
- 25. Amazon連携 • 書籍情報をAmazonから取得 • gem ‘amazon-ecs’ • ASINコードベース • Amazon Product Advertising API • AWSアカウント • Amazonアソシエイトアカウント 13年8月19日月曜日
- 26. デプロイ • heroku • vagrant / chef 13年8月19日月曜日
- 27. heroku • RubyのPaaS • 最近Javaも行けるらしい • gitでデプロイ • heroku toolbeltでコマンド操作 • 公式からダウンロード推奨 13年8月19日月曜日
- 28. herokuでハマる① • カレントディレクトリがロードパスに 含まれない • ✕ require ‘app.rb’ • ⃝ require ‘./app.rb’ 13年8月19日月曜日
- 29. herokuでハマる② • sinatra/reloader • sinatra/reloaderはdev環境でのみ動くよ うにすべきらしい require ‘sinatra/reloader’ if development? configure :development do Bundler.require :development register Sinatra::Reloader end 13年8月19日月曜日
- 30. herokuでハマる③ • Webrick -> thin • config.ru • Procfile(foreman) • modular style -> classic style web: bundler exec config.ru -p $PORT class App < Sinatra::Base get ‘/’ do ‘hello world’ end end get ‘/’ do ‘hello world’ end • なぜかmodularだとforeman動かない… 13年8月19日月曜日
- 33. 今後 • ログインシステム • セション管理 • Chefレシピ 13年8月19日月曜日
- 34. 読む 13年8月19日月曜日
- 35. まとめ • 色々触ってみるの大事 • 便利なものは広まる(Rack / gem) • だるいのがどこか分かる(heroku logs) • Google先生は偉大 • Shut the fuck up, write some code. 13年8月19日月曜日