Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Sinatraでわかる!Webアプリの仕組み
Search
Satoshi Ebisawa
October 02, 2011
Programming
2
590
Sinatraでわかる!Webアプリの仕組み
#p4d
第2回デザイナー向けプログラム部にて発表
Satoshi Ebisawa
October 02, 2011
Tweet
Share
More Decks by Satoshi Ebisawa
See All by Satoshi Ebisawa
kubernetes
satococoa
0
200
Easy AJAX on Rails
satococoa
5
4.4k
API 担当者が知りたい iOS のこと
satococoa
4
3.3k
Web デザイナのための GitHub ハンズオン
satococoa
1
1k
RubyMotion について
satococoa
1
2.3k
RubyMotion によるアプリケーション開発の実践
satococoa
0
5k
iOS でポエムをつづろう!
satococoa
5
13k
プログラマとデザイナのコミュニティのつくりかた
satococoa
5
7.4k
p4d (PHP Conference 2013)
satococoa
0
800
Other Decks in Programming
See All in Programming
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
330
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
430
新世界の理解
koriym
0
130
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
320
一人でAIプロダクトを作るならAIにはもっと働いてもらいたい / I want AI to work harder
rkaga
4
360
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
120
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
rvirus0817
0
180
Reactの歴史を振り返る
tutinoko
1
170
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
shunghsiyu
0
180
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
120
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
170
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
170
Featured
See All Featured
Faster Mobile Websites
deanohume
308
31k
Music & Morning Musume
bryan
46
6.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
790
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Side Projects
sachag
455
43k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Speed Design
sergeychernyshev
32
1.1k
Transcript
2011-08-28 ୈ̎ճσβΠφʔ͚ϓϩάϥϜ෦ SinatraͰΘ͔ΔʂWebΞϓϦͷΈ ւɹ૱ @satococoa
֓ཁ ✤ WebΞϓϦͷΈʹ͍ͭͯɺͬ͘͟Γઆ໌͠·͢ɻ ✤ ࣮ྫͱͯ͠RubyͷγϯϓϧͳWAF*1 Ͱ͋ΔSinatra*2 Λ͍·͢ɻ ✴ 1: Web
Application Frameworkͷ͜ͱɻRailsCakePHPͳͲɻ ✴ 2: http://www.sinatrarb.com/
WebΞϓϦͷΈʢͬ͘͟Γʣ ΫϥΠΞϯτ PC, iPhone, ...etc. Webαʔό Apache, nginx...etc. DBαʔό MySQL,
...etc. 1. 2. 3. 4. 1.ϦΫΤετΛૹΔ 2.DBʹΫΤϦʢߋ৽औಘͷ໋ྩʣΛૹΔ 3.DB͔ΒΫΤϦͷ݁Ռʢ൱ཁٻͨ͠σʔλʣΛड͚औΔ 4.ϨεϙϯεΛฦ͢ʢHTML, CSS, JS, JSON, XML, ...etc.)
ϒϥβ͔ΒૹΕΔͷ ͜Ε͚ͩʂ ϦΫΤετ GET σʔλΛऔಘ POST σʔλΛ࡞ PUT σʔλΛߋ৽ DELETE
σʔλΛআ HEAD σʔλͷใΛऔಘ
* WebΠϯεϖΫλFirebugͰݟΒΕ·͢ɻ ϦΫΤετͱϨεϙϯε ·ͣ୯७ͳGETΞΫηεͷϔομ
* WebΠϯεϖΫλFirebugͰݟΒΕ·͢ɻ ϦΫΤετͱϨεϙϯε POSTͰσʔλΛૹ͍ͬͯ·͢ɻૹ৴ޙɺτοϓϖʔδϔϦμΠϨΫτ͞Ε͍ͯ·͢ɻ
ϓϩάϥϜ͕͖͢͜ͱ ✤ ϦΫΤετʹԠͯ͡ɺϑΝΠϧΛอଘͨ͠ΓɺσʔλΛอଘͨ͠Γ͢ Δ͜ͱ ✤ ϨεϙϯεΛฦ͢͜ͱ ✤ HTMLͩͬͨΓɺCSSͩͬͨΓɺଞͷURLඈʂͱ͍͏໋ྩͩͬ ͨΓ৭ʑɻ ✤
ฦ͢༰͚ͩͰͳ͘ɺϔομॏཁͱ͍͏͜ͱɻ
Sinatraͷಛ ✤ γϯϓϧͰ͋ΓɺϦΫΤετɾϨεϙϯεͷ֓೦͕Θ͔Γ͍͢ɻ ✤ ͖ͳϥΠϒϥϦΛΈ߹Θͤͯ͏͜ͱ͕Ͱ͖Δ ✤ Model: ActiveRecord, DataMapper, Sequel,
Mongoid, ...etc. ✤ View: ERB, HAML, Slim, ...etc. ✤ WebϓϩάϥϜͷೖʹ࠷దʂ
αϯϓϧΞϓϦ ✤ https://github.com/prog4designer/sinatra_bbs ✤ Sinatra + HAMLͰ࡞͍ͬͯ·͢ɻ ✤ σʔλྻʢϝϞϦʣʹೖΕ͍ͯ·͢ɻ※࠶ىಈ͢Δͱফ͑·͢ɻ ✤
ඇৗʹ؆୯ͳ̍ߦνϟοτఔͷػೳ͕࣮͞Ε͍ͯ·͢ɻ
ࠓճΒͳ͔ͬͨ͜ͱ ✤ σʔλϕʔεΛ͍·ͤΜͰͨ͠ɻ ✤ Ϧιʔεʢσʔλʣͷߋ৽ɾআΛ࣮͍ͯ͠·ͤΜɻ ✤ σβΠϯօແͰ͢ɻ Fxxk!! Fork!!