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
620
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
240
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.7k
p4d (PHP Conference 2013)
Avatar for Satoshi Ebisawa satococoa
0
850

Other Decks in Programming

See All in Programming
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
270
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
480
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
プラグインで拡張される Context をtype-safe にする難しさと設計判断
Avatar for kazupon kazupon
2
580
密結合なバックエンドから TypeScript のコードを生成する
Avatar for kemuridama kemuridama
1
710
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
350
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
Avatar for hideki kinjyo o0h
PRO
2
220
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
12k
「エンジニアインターン、どうやって取った？」準備のリアルを語るLT会 Progate BAR
Avatar for akio akiomatic
0
120
Spec Driven Development | AI Summit Lisbon
Avatar for Daniel Sogl danielsogl
PRO
0
150
dRuby over BLE
Avatar for makicamel makicamel
2
300
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
Avatar for izumin5210 izumin5210
2
1.6k

Featured

See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
420
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
140
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
140
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
8.5k

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