知人が集まる会で、なんでも良いから作って欲しいと依頼をもらって作った資料です。

1. Web系エンジニアなん
て簡単
2015年5月25日(月) ビタミンの会
高橋 和樹
• 1章 webアプリケーションとは
• 2章 エンジニアの思考法
• 総括

2. テモナ株式会社
テクニカル リーダー
高橋 和樹
社会人4年目 25歳
ITの世界で働きたくてインターン(PHP)
自分でサービスを作りたい
現職テモナ株式会社ではrailsに没頭
踊れるエンジニア
Facebook :
https://www.facebook.com/kazukiiin

3. 1章 webアプリケーションとは
• htmlとCSS
• rubyってなに？
• DBってなに？
• ruby on railsってなに？
• まとめ

4. htmlとCSS

5. htmlは場所、CSSは装飾

6. rubyってなに？

7. コンピューターの分かる言葉で指示を出す。

8. 例えば注文を検索

9. Order.find(1)

10. 検索した注文が存在している
かの確認

11. order = Order.find(1)
order.blank?
=> true or false

12. 存在していたら、削除する

13. order = Order.find(1)
unless order.blank?
order.destroy
end

14. DBってなに？

15. データを保存する
データベースに関しては、2章で勉強
しましょう！

16. ruby on railsってなに？

17. フレームワーク！
マーケティングの3Cや4Pと一緒。

18. 1章 Webアプリケーションとは
まとめ

19. サービスを提供するには、サー
バーとかもっと色々な知識が
必要になるけれど、、、

20. 『webページを表示する技術』
に限った時に
要するにこれだけ！！
html,CSS,ruby,DB,
ruby on rails

21. 2章 エンジニアの思考法
~データベースを理解する~
• why?
• リレーショナル・データベースとは？
• DB設計を一緒にやってみる。
• まとめ

22. why?
• データベース設計は、すべての機能のベースに
なる！
• 少しでも理解があると、非エンジニアでも要
件定義が出来る！(・・・・はず！)

23. リレーショナル・データベー
スとは？

24. 関係データベース（かんけいデータベース、リ
レーショナルデータベース、英: relational
database）は関係モデル（リレーショナル
データモデル）にもとづいて設計、開発される
データベースである。
関係モデルってなんだろう？
引用: http://ja.wikipedia.org/wiki/関係データベース

25. DB設計を一緒にやってみる。

26. お客様情報を定義する

27. id 名前 電話番号 住所
1 田中 09099999999 東京
2 高橋 09088888888 北海道
3 鈴木 09077777777" 福岡
4 佐藤 09066666666" 大阪
users

28. 注文情報を定義する

29. id 注文番号 注文日 お支払い方法
1 E1201503110 2015-05-24 代引き
2 E1201504080 2015-05-25
クレジットカー
ド
3 E1201504160 2015-05-23 NP後払い
4 E1201505190 2015-05-23 代引き
orders

30. 誰が入れた注文？

31. id user_id 注文番号 注文日 お支払い方法
1 1
E12015031
10
2015-05-24 代引き
2 2
E12015040
80
2015-05-25
クレジットカ
ード
3 1
E12015041
60
2015-05-23 NP後払い
4 1
E12015051
90
2015-05-23 代引き
orders

32. 何を買ったの？

33. id 商品名 金額
1 レッドブル 200
2 菓子パン 150
3 コーヒー 100
4 牛乳 110
line_items

34. どの注文？

35. id order_id 商品名 金額
1 1 レッドブル 200
2 2 菓子パン 150
3 2 コーヒー 100
4 3 牛乳 110
line_items

36. 全体で見る

37. id order_id 商品名 金額
1 1 レッドブル 200
2 2 菓子パン 150
3 2 コーヒー 100
4 3 牛乳 110
id user_id 注文番号 注文日 お支払い方法
1 1 E120150311 2015-05-24 代引き
2 2 E120150408 2015-05-25 クレジットカ
3 1 E120150416 2015-05-23 NP後払い
4 1 E120150519 2015-05-23 代引き
id 名前 電話番号 住所
1 田中 09099999999 東京
2 高橋 09088888888 北海道
3 鈴木 09077777777" 福岡
4 佐藤 09066666666" 大阪
id 名前 電話番号 住所
1 田中 09099999999 東京
2 高橋 09088888888 北海道
3 鈴木 09077777777" 福岡
4 佐藤 09066666666" 大阪
id user_id 注文番号 注文日 お支払い方法
1 1 E120150311 2015-05-24 代引き
2 2 E120150408 2015-05-25 クレジットカ
3 1 E120150416 2015-05-23 NP後払い
4 1 E120150519 2015-05-23 代引き
id order_id 商品名 金額
1 1 レッドブル 200
2 2 菓子パン 150
3 2 コーヒー 100
4 3 牛乳 110
users
orders
line_items

38. 2章 エンジニアの思考法
まとめ

39. リレーショナル・データベースに関して駆け足
で説明しました。
関連性を〇〇_id
で定義する。
理解出来ましたでしょうか？

40. 総括
• htmlとCSSでデザインを組む。
• ruby でPCに指示を出す(直感的！！)
• ruby on rails は、マーケティングフレームワークと一
緒。
• リレーショナル・データベースは、Excelをちょっ難し
くしたくらい！

41. 要するに
Web系エンジニアなん
て簡単？？
END