Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
2
610

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

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

Avatar for Satoshi Ebisawa

Satoshi Ebisawa

October 02, 2011
Tweet

More Decks by Satoshi Ebisawa

See All by Satoshi Ebisawa
kubernetes
Avatar for Satoshi Ebisawa satococoa
0
230
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
5k
iOS でポエムをつづろう！
Avatar for Satoshi Ebisawa satococoa
5
14k
プログラマとデザイナのコミュニティのつくりかた
Avatar for Satoshi Ebisawa satococoa
5
7.6k
p4d (PHP Conference 2013)
Avatar for Satoshi Ebisawa satococoa
0
830

Other Decks in Programming

See All in Programming
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1.1k
2026年は Rust 置き換えが流行る！ / 20260220-niigata-5min-tech
Avatar for girigiribauer girigiribauer
0
210
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
490
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
1
340
Rubyと楽しいをつくる / Creating joy with Ruby
Avatar for chobishiba chobishiba
0
200
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
Avatar for mazrean mazrean
1
300
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜 / Understanding nil in Go Interface Representation and Why nil != nil
Avatar for kuro kuro_kurorrr
3
1.5k
日本だけで解禁されているアプリ起動の方法
Avatar for Ryu-nakayama ryunakayama
0
360
Raku Raku Notion 20260128
Avatar for hareyaka hareyakayuruyaka
0
420
Rails Girls Tokyo 18th GMO Pepabo Sponsor Talk
Avatar for Yuto Kondo yutokyokutyo
0
180
Claude Code、ちょっとした工夫で開発体験が変わる
Avatar for Toranosuke Minamikawa tigertora7571
0
190

Featured

See All Featured
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
150
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
130
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
76
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
750
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
170
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
96

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!!