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
180
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.3k
p4d (PHP Conference 2013)
satococoa
0
790
Other Decks in Programming
See All in Programming
一緒に働きたくなるプログラマの思想 #QiitaConference
mu_zaru
84
21k
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
160
Beyond_the_Prompt__Evaluating__Testing__and_Securing_LLM_Applications.pdf
meteatamel
0
120
TVer iOSチームの共通認識の作り方 - Findy Job LT iOSアプリ開発の裏側 開発組織が向き合う課題とこれから
techtver
PRO
0
110
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
suzukimar
0
150
TSConfigからTypeScriptの世界を覗く
planck16
1
160
ComposeでのPicture in Picture
takathemax
0
150
DevDay2025-OracleDatabase-kernel-addressing-history
oracle4engineer
PRO
1
120
Serving TUIs over SSH with Go
caarlos0
0
800
データベースの技術選定を突き詰める ~複数事例から考える最適なデータベースの選び方~
nnaka2992
3
3k
インプロセスQAにおいて大事にしていること / In-process QA Meetup
medley
0
190
エンジニア向けCursor勉強会 @ SmartHR
yukisnow1823
3
13k
Featured
See All Featured
Embracing the Ebb and Flow
colly
85
4.7k
Into the Great Unknown - MozCon
thekraken
38
1.8k
Navigating Team Friction
lara
185
15k
Typedesign – Prime Four
hannesfritz
41
2.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building Applications with DynamoDB
mza
94
6.4k
Optimising Largest Contentful Paint
csswizardry
37
3.2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
How GitHub (no longer) Works
holman
314
140k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
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!!