48
LOUPE Study #1

Sinatra軽量Web開発 - LOUPE Study #1

Embed Size (px)

DESCRIPTION

株式会社LOUPE エンジニアチームの勉強会「LOUPE Study」の発表資料です。 第一回目の担当は僕。 テーマは「SinatraでのWeb開発について」でした。

Citation preview

Page 1: Sinatra軽量Web開発 - LOUPE Study #1

LOUPE Study #1

Page 2: Sinatra軽量Web開発 - LOUPE Study #1

★おねがい★

Page 3: Sinatra軽量Web開発 - LOUPE Study #1

リモートプレゼン 結構寂しいので

いつもよりリアクション大きめで お願いします!

Page 4: Sinatra軽量Web開発 - LOUPE Study #1
Page 5: Sinatra軽量Web開発 - LOUPE Study #1

Sinatra 軽量Web開発

Page 6: Sinatra軽量Web開発 - LOUPE Study #1

Sinatra 軽量Web開発

Speaker:Engineer Team"Takuya Mukohira(MK)

2014/09/08"LOUPE Study #1

Page 7: Sinatra軽量Web開発 - LOUPE Study #1

Ruby on

Rails

Page 8: Sinatra軽量Web開発 - LOUPE Study #1

人類はRailsに乗ることによって 大規模なWebアプリケーション

を 効率的に開発する事が 可能になった。

Page 9: Sinatra軽量Web開発 - LOUPE Study #1

on Rails

Page 10: Sinatra軽量Web開発 - LOUPE Study #1

Ruby on RailsによるWeb開発設定より規約(CoC)

同じ作業を繰り返さない(DRY)

MVCモデル

Railsに乗ってしまえば、 サクサクと開発ができる!

Page 11: Sinatra軽量Web開発 - LOUPE Study #1

Ruby on RailsによるWeb開発何をするにも rails generate …

知っておくべき規約がたくさん(Ex. モデル名は単数形、   URLも好きに決められない…

「これってModelに書くの?Controllerに書くの?」

Railsに乗るのって 結構大変…

Page 12: Sinatra軽量Web開発 - LOUPE Study #1

Railsに乗ると  コストがかかる…

Page 13: Sinatra軽量Web開発 - LOUPE Study #1

Railsに乗る必要、 ある?

Page 14: Sinatra軽量Web開発 - LOUPE Study #1

Railsに乗る必要の 無い例

Page 15: Sinatra軽量Web開発 - LOUPE Study #1
Page 16: Sinatra軽量Web開発 - LOUPE Study #1

都会人「1駅くらい歩くか」

Page 17: Sinatra軽量Web開発 - LOUPE Study #1

Railsに乗る必要、 本当にある?

Page 18: Sinatra軽量Web開発 - LOUPE Study #1

Railsに乗る必要の無い例

• ページ遷移少なめ

• deviceとかrails_adminとか使わない

• Active RecordやAction Mailerを使わない

Page 19: Sinatra軽量Web開発 - LOUPE Study #1

Ruby on Other Ways…

Page 20: Sinatra軽量Web開発 - LOUPE Study #1

もし、あなたが Railsに乗る必要が無いならば…

Page 21: Sinatra軽量Web開発 - LOUPE Study #1

Sinatrahttp://www.sinatrarb.com/

Page 22: Sinatra軽量Web開発 - LOUPE Study #1

First App

Page 23: Sinatra軽量Web開発 - LOUPE Study #1

First App$ ruby app.rb

$ open http://localhost:4567

Page 24: Sinatra軽量Web開発 - LOUPE Study #1

ちょっとまじめにやる場合

Page 25: Sinatra軽量Web開発 - LOUPE Study #1

ちょっとまじめにやる場合

← Controller← 設定ファイル← ドキュメントルート

← views

Page 26: Sinatra軽量Web開発 - LOUPE Study #1

app.rb(Controller)

Page 27: Sinatra軽量Web開発 - LOUPE Study #1

app.rb(Controller)

↓GETで← ‘/‘ にアクセスすると

↑このブロックを実行する。

Page 28: Sinatra軽量Web開発 - LOUPE Study #1

views← views/layout.erb

views/index.erb ↓

Page 29: Sinatra軽量Web開発 - LOUPE Study #1

Awesome :)

Page 30: Sinatra軽量Web開発 - LOUPE Study #1

豊富なテンプレートエンジン

Page 31: Sinatra軽量Web開発 - LOUPE Study #1

豊富なテンプレートエンジン

SCSS Coffee Script にも対応

Page 32: Sinatra軽量Web開発 - LOUPE Study #1

ちょっとしたモノ を

作るのに便利

Page 33: Sinatra軽量Web開発 - LOUPE Study #1

ちょっとしたモノの例

$ open http://mktakuya.net

Page 34: Sinatra軽量Web開発 - LOUPE Study #1

"

 http://mktakuya.net/超小機能Webサイト

Active Record未使用

CSSフレームワークには Bootstrap 3

テンプレートエンジンは Erbを使用。

SCSS使用

Page 35: Sinatra軽量Web開発 - LOUPE Study #1
Page 36: Sinatra軽量Web開発 - LOUPE Study #1
Page 37: Sinatra軽量Web開発 - LOUPE Study #1
Page 38: Sinatra軽量Web開発 - LOUPE Study #1
Page 39: Sinatra軽量Web開発 - LOUPE Study #1

Poke to MK

Page 40: Sinatra軽量Web開発 - LOUPE Study #1

Poke to MK寝坊したMKを叩き起こす

学校に来ないMKを叩き起こす

仕事中に昼寝しにいったMKを叩き起こす

Page 41: Sinatra軽量Web開発 - LOUPE Study #1

Powerd by

Page 42: Sinatra軽量Web開発 - LOUPE Study #1

Controller

Page 43: Sinatra軽量Web開発 - LOUPE Study #1

Controller

簡単なロジックを組み込める!!

Page 44: Sinatra軽量Web開発 - LOUPE Study #1
Page 45: Sinatra軽量Web開発 - LOUPE Study #1

SinatraでWeb開発

• 簡単なサイトなら、Railsに乗る必要は無い。

• 軽めのフレームワークを使おう!

• そんな時にSinatraが便利なんですよ。

Page 46: Sinatra軽量Web開発 - LOUPE Study #1

軽量かつシンプルなのでハードウェアに組み込むのもアリ!?

Page 47: Sinatra軽量Web開発 - LOUPE Study #1

Sinatra 軽量Web開発

Speaker:Engineer Team"Takuya Mukohira(MK)

Page 48: Sinatra軽量Web開発 - LOUPE Study #1

Thank You