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

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

Avatar for Satoshi Ebisawa Satoshi Ebisawa
October 02, 2011
Programming
2
600

 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
200
Easy AJAX on Rails
Avatar for Satoshi Ebisawa satococoa
5
4.4k
API 担当者が知りたい iOS のこと
Avatar for Satoshi Ebisawa satococoa
4
3.3k
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.4k
p4d (PHP Conference 2013)
Avatar for Satoshi Ebisawa satococoa
0
810

Other Decks in Programming

See All in Programming
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
Avatar for nrs nrslib
7
3.4k
プログラミングどうやる？ ～テスト駆動開発から学ぶ達人の型～
Avatar for Atsushi Okui a_okui
0
180
Can AI Take Over Frontend QA? - Navigating the Paradigm Shift: A Developer's Mindset for the Future - #layerx_frontend
Avatar for teyamagu teyamagu
PRO
2
1.4k
麻雀点数計算問題生成タスクから学ぶ Single Agentの限界と Agentic Workflowの底力
Avatar for po3rin po3rin
5
1.7k
Local Peer-to-Peer APIはどのように使われていくのか？
Avatar for Hal hal_spidernight
2
280
Server Less Code More - コードを書かない時代に生きるサーバーレスデザイン / server-less-code-more
Avatar for geeawa gawa
5
1.6k
Deep Dive into Kotlin Flow
Avatar for Matsuda Jumpei jmatsu
1
420
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
Avatar for MinoDriven minodriven
3
1k
メモリ不足との戦い〜大量データを扱うアプリでの実践例〜
Avatar for ああうえ kwzr
1
280
プログラマのための作曲入門
Avatar for CHEEBOW cheebow
0
420
さようなら Date。 ようこそTemporal！ 3年間先行利用して得られた知見の共有
Avatar for 8-beeeaaat!!! 8beeeaaat
3
1.5k
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
Avatar for teamLab teamlab
PRO
3
200

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k

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