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

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

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

Other Decks in Programming

See All in Programming
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
5
490
ソフトウェアラスタライザ
Avatar for Fadis fadis
0
160
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
Avatar for hond hond0413
0
240
VibeCodingからAgenticWorkflowへ
Avatar for starfish719 starfish719
0
700
Detecting Compromised CI with eBPF and Cilium Tetragon
Avatar for Liz Rice lizrice
0
220
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
Avatar for kosuke T kosuket
0
540
プロポーザルを書いてもらう
Avatar for pvcresin pvcresin
0
560
「つくるAI」だけではバグは見つからない　～テストに必要な「見つけるAI」を分離させる戦略～
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
120
Building a Meta Ray-Ban display app
Avatar for Akio Itaya akkeylab
0
170
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
6.5k
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
2
340
AWS DevOps AgentのAzure接続機能を検証して見えた活用法／Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
250

Featured

See All Featured
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
210
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
780
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
210
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
510
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
73
41k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
250
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
620
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
280
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
380
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k

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