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
190
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
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
410
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
460
RailsGirls IZUMO スポンサーLT
16bitidol
0
200
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.5k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
6.9k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
210
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
400
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
200
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
860
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
160
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
8.6k
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
KATA
mclloyd
30
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
How GitHub (no longer) Works
holman
314
140k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Balancing Empowerment & Direction
lara
1
450
GraphQLとの向き合い方2022年版
quramy
49
14k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Become a Pro
speakerdeck
PRO
29
5.4k
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!!