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
790
Other Decks in Programming
See All in Programming
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
760
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
2
610
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.8k
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
560
Julia という言語について (FP in Julia « SIDE: F ») for 関数型まつり2025
antimon2
3
970
XSLTで作るBrainfuck処理系
makki_d
0
210
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
360
Using AI Tools Around Software Development
inouehi
0
1.2k
無関心の谷
kanayannet
0
180
Select API from Kotlin Coroutine
jmatsu
1
180
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
0
310
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Code Review Best Practice
trishagee
68
18k
Done Done
chrislema
184
16k
Designing Experiences People Love
moore
142
24k
Rails Girls Zürich Keynote
gr2m
94
14k
Git: the NoSQL Database
bkeepers
PRO
430
65k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Six Lessons from altMBA
skipperchong
28
3.8k
How to Ace a Technical Interview
jacobian
277
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Gamification - CAS2011
davidbonilla
81
5.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.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!!