1. Web Application Devlopment
Webアプリ開発勉強会 #1
05.09.12

2. Presented by U-moa

3. Agenda
1. 自己紹介タイム
2. ワークショップ
SinatraではじめるWebアプリ開発
3. LT(あれば)
4. ふりかえり

4. 自己紹介タイム
Self-Introduction

5. Self-Introduction
• 名前
• 所属
• 好きなこと、最近やっていること
などなど・・・

6. ワークショップ
Workshop

7. WorkShop
今日の目標
Webアプリの全体像をざっくり掴む

8. Sinatra
ではじめる
Webアプリ開発
Sinatra is a DSL for quickly creating
web application in Ruby with minimal
effort:

9. その前に
Webアプリのしくみ

10. Web
Application
Browser
Database 3 つの要素

11. サーバーに
Web リクエストを送る
Browser
html, css Javascript
を読み込んで を実行する
画面に描画する

12. ブラウザからの
リクエストを
受け付ける Application
データベース
html,css,
からデータを
javascriptを生成し
取得するor書き込む
レスポンスとして
返す

13. アプリケーション
が使うデータを保 だけ
存しておく
データを検索して
取り出す
Database

14. 2. DBの読み書き
Application(Server) Database
1. リクエストを送る
3. レスポンスを返す
Web Browser

15. Sinatra ...
Web Application Framework (WAF)
と呼ばれるもの
リクエストを受けとり、
レスポンスを返すことが仕事

16. トップページを作ろう

17. URLを変えてみよう

18. URLを追加してみよう

19. HTMLを返してみよう

20. データを送信してみよう

21. データを受け取ってみよう

22. リクエストの種類
GET – サーバーからデータを取得するた
めのリクエスト
POST – サーバーへデータを送信するた
めのリクエスト

23. データを格納してみよう

24. データを埋め込んでみよう

25. 完成

26. ふりかえり
Retrospectives

27. Keep
Problem
Try

28. Keep = 良かったところ
Problem = 悪かったところ
Try = 次回の取り組み

29. 5/16 (水)