Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (20)
Semelhante a WebAppDev勉強会 #2 at cafe? IKAGAWA DO
Semelhante a WebAppDev勉強会 #2 at cafe? IKAGAWA DO (20)
WebAppDev勉強会 #2 at cafe? IKAGAWA DO
- 1. Web Application Devlopment Webアプリ開発勉強会 #2 05.16.12
- 3. Agenda 1. 自己紹介タイム 2. ワークショップ SinatraではじめるWebアプリ開発 #2 3. LT(あれば) 4. ふりかえり
- 5. Self-Introduction • 名前 • 所属 • 好きなこと、最近やっていること などなど・・・
- 7. WorkShop 今日の目標 データベースの検索と データの保存が出来るようになる
- 8. Sinatra ではじめる Webアプリ開発 #2 Sinatra is a DSL for quickly creating web application in Ruby with minimal effort:
- 10. Hello, Sinatraを書こう • 必要なライブラリをrequireしよう • ‘/’にアクセスすると Hello, Sinatra!! という文字列を返すように してみよう
- 11. Hello, Sinatraを書こう 1 require 'rubygems’ 2 require 'sinatra’ 3 4 get '/' do 5 'Hello, Sinatra!’ 6 end 7
- 12. Hello, SinatraをHTMLにしよう • HTMLのデータを返そう • Formタグを使って 文字列を送信できるようにしよう
- 13. Hello, SinatraをHTMLにしよう 1 require ‘rubygems’ 2 require 'sinatra’ 3 4 get '/' do 5 <<-EOS 6 <html> 7 <head> 8 <title>Hello, Sinatra!!</title> 9 </head> 10 <body> 11 <h1>My First Web Application.</h1> 12 <form action="/toukou" method="post"> 13 <div><input type="text" name="message"></div> 14 <div><input type="submit" value="submit"></div> 15 </form> 16 <div>#{str}</div> 17 </body> 18 </html> 19 EOS 20 end
- 14. 投稿されたデータを表示しよう • Formタグのactionで指定したURLを定義し よう (e.g. /toukou) • params変数を使って投稿されたデータを 表示してみよう
- 15. 投稿されたデータを表示しよう 1 require 'rubygems’ 2 require 'sinatra’ 3 4 get '/' do 5 # 省略 6 end 7 8 post '/toukou' do 9 params[:message] 10 # :messageはinputタグのname要素で指定したもの 11 end
- 16. 投稿をHTMLに埋め込もう • 投稿データを配列に保存しよう • 配列の中の投稿を<p>タグで囲もう • そのデータをhtmlに埋め込もう • 投稿後 ‘/’ にリダイレクトしよう
- 17. 投稿をHTMLに埋め込もう 1 require 'rubygems’ 26 2 require 'sinatra’ 27 post '/toukou' do 3 28 Messages << params[:message] 4 Messages = [] 29 5 get '/' do 30 redirect '/’ 6 str = Messages.map do |msg| 31 end 7 "<p>#{msg}</p>” 32 8 end.join("") 9 10 <<-EOS 11 <html> 12 <head> 13 <title>Hello, Sinatra!!</title> 14 </head> 15 <body> 16 <h1>My First Web Application.</h1> 17 <form action="/toukou" method="post"> 18 <div><input type="text" name="message"></div> 19 <div><input type="submit" value="submit"></div> 20 </form> 21 <div>#{str}</div> 22 </body> 23 </html> 24 EOS 25 end
- 18. 思い出せましたか？
- 19. それでは 今日の内容に入ります
- 20. 前回のアプリ
- 22. そこで登場 データベース
- 23. データベースとは • たくさんのデータを整理して保存、取り 出しをするための専用のソフトウェア • 図書館の司書さんのような役割 要求を伝えると効率良く仕事をしてくれ る • 色んな種類があるがリレーショナルデー タベース(RDBMS)というものが主流
- 24. RDBMS • データを表形式で管理する • SQLという特殊な言語で操作する • Excelを想像してみてください
- 25. RDBMS id name age type 1 ちひろ 22 human 2 ポチ 13 dog ... ... ... ... familyテーブル
- 26. SQLの例 id name age type 1 ちひろ 22 human 2 ポチ 13 dog ... ... ... ... familyテーブル select * from family where name=“ちひろ”;
- 27. でもSQL覚えるのって面倒
- 28. そこで登場 Sequel
- 30. Sequelとは • Rubyからデータベースを操作するための ライブラリ • SQLを使わずにDB操作が出来る！
- 31. 実際に使ってみましょう
- 33. Keep Problem Try
- 34. Keep = 良かったところ Problem = 悪かったところ Try = 次回の取り組み