Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Sinatraでわかる！Webアプリの仕組み

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Satoshi Ebisawa Satoshi Ebisawa
October 02, 2011
Programming
630
2

 Sinatraでわかる！Webアプリの仕組み

#p4d
第２回デザイナー向けプログラム部にて発表

Avatar for Satoshi Ebisawa

Satoshi Ebisawa

October 02, 2011

More Decks by Satoshi Ebisawa

See All by Satoshi Ebisawa
kubernetes
Avatar for Satoshi Ebisawa satococoa
0
250
Easy AJAX on Rails
Avatar for Satoshi Ebisawa satococoa
5
4.5k
API 担当者が知りたい iOS のこと
Avatar for Satoshi Ebisawa satococoa
4
3.4k
Web デザイナのための GitHub ハンズオン
Avatar for Satoshi Ebisawa satococoa
1
1.1k
RubyMotion について
Avatar for Satoshi Ebisawa satococoa
1
2.3k
RubyMotion によるアプリケーション開発の実践
Avatar for Satoshi Ebisawa satococoa
0
5.1k
iOS でポエムをつづろう！
Avatar for Satoshi Ebisawa satococoa
5
14k
プログラマとデザイナのコミュニティのつくりかた
Avatar for Satoshi Ebisawa satococoa
5
7.8k
p4d (PHP Conference 2013)
Avatar for Satoshi Ebisawa satococoa
0
870

Other Decks in Programming

See All in Programming
手動確認はもう限界 〜XCUITestでCustom URL Schemeの遷移を起動種別ごとに自動テストする〜 / Testing Custom URL Schemes with XCUITest
Avatar for otouto otouto
0
360
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
Avatar for 赤神青空 akagami
PRO
0
180
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
9k
ゲームコントローラやキーボードのファームウェアをSwiftで書く
Avatar for Kishikawa Katsumi kishikawakatsumi
1
270
大喜利で理解するLLM as a Judge / Understanding LLM-as-a-Judge through Ogiri
Avatar for rockname rockname
0
170
wkhtmltopdfの次どうするか問題2026
Avatar for Shinichi Maeshima willnet
2
1.8k
TiDB Cloudのカスタムコントローラーによるオートスケール対応
Avatar for takaidohigasi takaidohigasi
0
140
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
230
アクセシビリティから考える情報設計
Avatar for high-g high_g_engineer
0
420
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
2.5k
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
1
560
一人だけ、Kiroが静止する日
Avatar for Hideyuki Nagata hideg
0
140

Featured

See All Featured
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
830
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
590
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
290
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
58k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k

Transcript

  1. 2011-08-28 ୈ̎ճσβΠφʔ޲͚ϓϩάϥϜ෦ SinatraͰΘ͔ΔʂWebΞϓϦͷ࢓૊Έ ւ࿝୔ɹ૱ @satococoa

  2. ֓ཁ ✤ WebΞϓϦͷ࢓૊Έʹ͍ͭͯɺͬ͘͟Γઆ໌͠·͢ɻ ✤ ࣮૷ྫͱͯ͠Ruby੡ͷγϯϓϧͳWAF*1 Ͱ͋ΔSinatra*2 Λ࢖͍·͢ɻ ✴ 1: Web

    Application Frameworkͷ͜ͱɻRails΍CakePHPͳͲɻ ✴ 2: http://www.sinatrarb.com/

  3. 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.)

  4. ϒϥ΢β͔ΒૹΕΔͷ͸ ͜Ε͚ͩʂ ϦΫΤετ GET σʔλΛऔಘ POST σʔλΛ࡞੒ PUT σʔλΛߋ৽ DELETE

    σʔλΛ࡟আ HEAD σʔλͷ৘ใΛऔಘ

  5. * WebΠϯεϖΫλ΍FirebugͰݟΒΕ·͢ɻ ϦΫΤετͱϨεϙϯε ·ͣ͸୯७ͳGETΞΫηεͷϔομ

  6. * WebΠϯεϖΫλ΍FirebugͰݟΒΕ·͢ɻ ϦΫΤετͱϨεϙϯε POSTͰσʔλΛૹ͍ͬͯ·͢ɻૹ৴ޙɺτοϓϖʔδϔϦμΠϨΫτ͞Ε͍ͯ·͢ɻ

  7. ϓϩάϥϜ͕͢΂͖͜ͱ ✤ ϦΫΤετʹԠͯ͡ɺϑΝΠϧΛอଘͨ͠ΓɺσʔλΛอଘͨ͠Γ͢ Δ͜ͱ ✤ ϨεϙϯεΛฦ͢͜ͱ ✤ HTMLͩͬͨΓɺCSSͩͬͨΓɺଞͷURL΁ඈ΂ʂͱ͍͏໋ྩͩͬ ͨΓ৭ʑɻ ✤

    ฦ͢಺༰͚ͩͰ͸ͳ͘ɺϔομ΋ॏཁͱ͍͏͜ͱɻ

  8. Sinatraͷಛ௃ ✤ γϯϓϧͰ͋ΓɺϦΫΤετɾϨεϙϯεͷ֓೦͕Θ͔Γ΍͍͢ɻ ✤ ޷͖ͳϥΠϒϥϦΛ૊Έ߹Θͤͯ࢖͏͜ͱ͕Ͱ͖Δ ✤ Model: ActiveRecord, DataMapper, Sequel,

    Mongoid, ...etc. ✤ View: ERB, HAML, Slim, ...etc. ✤ WebϓϩάϥϜͷೖ໳ʹ࠷దʂ

  9. αϯϓϧΞϓϦ ✤ https://github.com/prog4designer/sinatra_bbs ✤ Sinatra + HAMLͰ࡞͍ͬͯ·͢ɻ ✤ σʔλ͸഑ྻʢϝϞϦʣʹೖΕ͍ͯ·͢ɻ※࠶ىಈ͢Δͱফ͑·͢ɻ ✤

    ඇৗʹ؆୯ͳ̍ߦνϟοτఔ౓ͷػೳ͕࣮૷͞Ε͍ͯ·͢ɻ

  10. ࠓճ΍Βͳ͔ͬͨ͜ͱ ✤ σʔλϕʔεΛ࢖͍·ͤΜͰͨ͠ɻ ✤ Ϧιʔεʢσʔλʣͷߋ৽ɾ࡟আΛ࣮૷͍ͯ͠·ͤΜɻ ✤ σβΠϯ͸օແͰ͢ɻ Fxxk!! Fork!!