SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Sinatra                   Web
             @satococoa

2011-08-28
✤   Web
✤   Web

✤         Ruby   WAF*1   Sinatra*2
✤   Web

✤                  Ruby              WAF*1         Sinatra*2




✴   1: Web Application Framework   Rails CakePHP
✴   2: http://www.sinatrarb.com/
Web
                  1.                  2.
                       Web
                                             DB
    PC,                 Apache,
                                           MySQL, ...etc.
iPhone, ...etc.        nginx...etc.
                  4.                  3.
Web
                       1.                  2.
                            Web
                                                  DB
         PC,                 Apache,
                                                MySQL, ...etc.
     iPhone, ...etc.        nginx...etc.
                       4.                  3.

1.
Web
                       1.                  2.
                            Web
                                                  DB
         PC,                 Apache,
                                                MySQL, ...etc.
     iPhone, ...etc.        nginx...etc.
                       4.                  3.

1.
2.DB
Web
                       1.                  2.
                            Web
                                                  DB
         PC,                 Apache,
                                                MySQL, ...etc.
     iPhone, ...etc.        nginx...etc.
                       4.                  3.

1.
2.DB
3.DB
Web
                       1.                        2.
                               Web
                                                             DB
         PC,                    Apache,
                                                        MySQL, ...etc.
     iPhone, ...etc.           nginx...etc.
                       4.                        3.

1.
2.DB
3.DB
4.                      HTML, CSS, JS, JSON, XML, ...etc.)
GET

 POST

 PUT

DELETE

HEAD
GET

 POST

 PUT

DELETE

HEAD
GET

* Web    Firebug
POST

* Web   Firebug
✤
✤




✤




    ✤   HTML   CSS   URL



    ✤
Sinatra
Sinatra

✤
Sinatra

✤




✤




    ✤   Model: ActiveRecord, DataMapper, Sequel, Mongoid, ...etc.

    ✤   View: ERB, HAML, Slim, ...etc.
Sinatra

✤




✤




    ✤   Model: ActiveRecord, DataMapper, Sequel, Mongoid, ...etc.

    ✤   View: ERB, HAML, Slim, ...etc.

✤   Web
✤   https://github.com/prog4designer/sinatra_bbs
✤   https://github.com/prog4designer/sinatra_bbs

✤   Sinatra + HAML
✤   https://github.com/prog4designer/sinatra_bbs

✤   Sinatra + HAML

✤                                         ※
✤   https://github.com/prog4designer/sinatra_bbs

✤   Sinatra + HAML

✤                                         ※

✤
✤
✤




✤
✤




✤




✤
! !
         k
✤




      xx
    F
✤




✤
! !
          k
✤




     xoxr
    F
✤




✤

Weitere ähnliche Inhalte

Was ist angesagt?

[Js hcm] Deploying node.js with Forever.js and nginx
[Js hcm] Deploying node.js with Forever.js and nginx[Js hcm] Deploying node.js with Forever.js and nginx
[Js hcm] Deploying node.js with Forever.js and nginxNicolas Embleton
 
Redmine on amazon ec2
Redmine on amazon ec2Redmine on amazon ec2
Redmine on amazon ec2Ikuru Kanuma
 
Intro to Node.js (v1)
Intro to Node.js (v1)Intro to Node.js (v1)
Intro to Node.js (v1)Chris Cowan
 
Why Bundler 1.1 will be much faster
Why Bundler 1.1 will be much fasterWhy Bundler 1.1 will be much faster
Why Bundler 1.1 will be much fasterPat Shaughnessy
 
Railsチュートリアルの歩き方 (第4版)
Railsチュートリアルの歩き方 (第4版)Railsチュートリアルの歩き方 (第4版)
Railsチュートリアルの歩き方 (第4版)Yohei Yasukawa
 
Welcome to ClojureScript
Welcome to ClojureScriptWelcome to ClojureScript
Welcome to ClojureScriptIkuru Kanuma
 
CSS Nite in FUKUSHIMA, Vol.4 スライド
CSS Nite in FUKUSHIMA, Vol.4 スライドCSS Nite in FUKUSHIMA, Vol.4 スライド
CSS Nite in FUKUSHIMA, Vol.4 スライドKotaro Akama
 
Jassa la GeekMeet Bucuresti
Jassa la GeekMeet BucurestiJassa la GeekMeet Bucuresti
Jassa la GeekMeet Bucurestialexnovac
 

Was ist angesagt? (10)

[Js hcm] Deploying node.js with Forever.js and nginx
[Js hcm] Deploying node.js with Forever.js and nginx[Js hcm] Deploying node.js with Forever.js and nginx
[Js hcm] Deploying node.js with Forever.js and nginx
 
Node.js and Ruby
Node.js and RubyNode.js and Ruby
Node.js and Ruby
 
Redmine on amazon ec2
Redmine on amazon ec2Redmine on amazon ec2
Redmine on amazon ec2
 
Intro to Node.js (v1)
Intro to Node.js (v1)Intro to Node.js (v1)
Intro to Node.js (v1)
 
Why Bundler 1.1 will be much faster
Why Bundler 1.1 will be much fasterWhy Bundler 1.1 will be much faster
Why Bundler 1.1 will be much faster
 
Railsチュートリアルの歩き方 (第4版)
Railsチュートリアルの歩き方 (第4版)Railsチュートリアルの歩き方 (第4版)
Railsチュートリアルの歩き方 (第4版)
 
Welcome to ClojureScript
Welcome to ClojureScriptWelcome to ClojureScript
Welcome to ClojureScript
 
Solaris mysql sop
Solaris mysql sopSolaris mysql sop
Solaris mysql sop
 
CSS Nite in FUKUSHIMA, Vol.4 スライド
CSS Nite in FUKUSHIMA, Vol.4 スライドCSS Nite in FUKUSHIMA, Vol.4 スライド
CSS Nite in FUKUSHIMA, Vol.4 スライド
 
Jassa la GeekMeet Bucuresti
Jassa la GeekMeet BucurestiJassa la GeekMeet Bucuresti
Jassa la GeekMeet Bucuresti
 

Andere mochten auch

Dailyroutines
DailyroutinesDailyroutines
Dailyroutinesyesenia26
 
趣味プログラミングのすすめ
趣味プログラミングのすすめ趣味プログラミングのすすめ
趣味プログラミングのすすめSatoshi Ebisawa
 
WebデザイナーのためのGit勉強会 ~準備編~
WebデザイナーのためのGit勉強会 ~準備編~WebデザイナーのためのGit勉強会 ~準備編~
WebデザイナーのためのGit勉強会 ~準備編~Satoshi Ebisawa
 
WebデザイナーのためのGit勉強会 ~応用編~
WebデザイナーのためのGit勉強会 ~応用編~WebデザイナーのためのGit勉強会 ~応用編~
WebデザイナーのためのGit勉強会 ~応用編~Satoshi Ebisawa
 
Describing tools
Describing toolsDescribing tools
Describing toolsyesenia26
 
The past-simple
The past-simpleThe past-simple
The past-simpleyesenia26
 
WebデザイナーのためのGit勉強会 ~基本操作編~
WebデザイナーのためのGit勉強会 ~基本操作編~WebデザイナーのためのGit勉強会 ~基本操作編~
WebデザイナーのためのGit勉強会 ~基本操作編~Satoshi Ebisawa
 
Tools review
Tools reviewTools review
Tools reviewyesenia26
 
Class observation rubric
Class observation rubricClass observation rubric
Class observation rubricyesenia26
 
100 дотор 2 оронтой тоонд хуваах baigal
100 дотор 2 оронтой тоонд хуваах baigal100 дотор 2 оронтой тоонд хуваах baigal
100 дотор 2 оронтой тоонд хуваах baigalGoo-uzegslen6866
 

Andere mochten auch (16)

Dailyroutines
DailyroutinesDailyroutines
Dailyroutines
 
趣味プログラミングのすすめ
趣味プログラミングのすすめ趣味プログラミングのすすめ
趣味プログラミングのすすめ
 
Dayana perez
Dayana perezDayana perez
Dayana perez
 
WebデザイナーのためのGit勉強会 ~準備編~
WebデザイナーのためのGit勉強会 ~準備編~WebデザイナーのためのGit勉強会 ~準備編~
WebデザイナーのためのGit勉強会 ~準備編~
 
Hbankenship
HbankenshipHbankenship
Hbankenship
 
Preposition
PrepositionPreposition
Preposition
 
WebデザイナーのためのGit勉強会 ~応用編~
WebデザイナーのためのGit勉強会 ~応用編~WebデザイナーのためのGit勉強会 ~応用編~
WebデザイナーのためのGit勉強会 ~応用編~
 
Describing tools
Describing toolsDescribing tools
Describing tools
 
The past-simple
The past-simpleThe past-simple
The past-simple
 
WebデザイナーのためのGit勉強会 ~基本操作編~
WebデザイナーのためのGit勉強会 ~基本操作編~WebデザイナーのためのGit勉強会 ~基本操作編~
WebデザイナーのためのGit勉強会 ~基本操作編~
 
Graduation 2011
Graduation 2011Graduation 2011
Graduation 2011
 
Slide sync
Slide syncSlide sync
Slide sync
 
Tools review
Tools reviewTools review
Tools review
 
Class observation rubric
Class observation rubricClass observation rubric
Class observation rubric
 
Unit plan
Unit planUnit plan
Unit plan
 
100 дотор 2 оронтой тоонд хуваах baigal
100 дотор 2 оронтой тоонд хуваах baigal100 дотор 2 оронтой тоонд хуваах baigal
100 дотор 2 оронтой тоонд хуваах baigal
 

Ähnlich wie Sinatraでわかる!webアプリの仕組み

豆瓣技术架构的发展历程
豆瓣技术架构的发展历程豆瓣技术架构的发展历程
豆瓣技术架构的发展历程George Ang
 
豆瓣 Qcon2009 Beijing
豆瓣 Qcon2009 Beijing豆瓣 Qcon2009 Beijing
豆瓣 Qcon2009 Beijingyiditushe
 
Krug Fat Client
Krug Fat ClientKrug Fat Client
Krug Fat ClientPaul Klipp
 
iPhone Web Development
iPhone Web DevelopmentiPhone Web Development
iPhone Web DevelopmentAndy Peters
 
Toster - Understanding the Rails Web Model and Scalability Options
Toster - Understanding the Rails Web Model and Scalability OptionsToster - Understanding the Rails Web Model and Scalability Options
Toster - Understanding the Rails Web Model and Scalability OptionsFabio Akita
 
Understanding the Rails web model and scalability options
Understanding the Rails web model and scalability optionsUnderstanding the Rails web model and scalability options
Understanding the Rails web model and scalability options.toster
 
End-to-end HTML5 APIs - The Geek Gathering 2013
End-to-end HTML5 APIs - The Geek Gathering 2013End-to-end HTML5 APIs - The Geek Gathering 2013
End-to-end HTML5 APIs - The Geek Gathering 2013Alexandre Morgaut
 
Rails as iOS Application Backend
Rails as iOS Application BackendRails as iOS Application Backend
Rails as iOS Application Backendmaximeguilbot
 
Hdc09 I Phone Dev Connecting To Web
Hdc09   I Phone Dev Connecting To WebHdc09   I Phone Dev Connecting To Web
Hdc09 I Phone Dev Connecting To WebAndy Peters
 
Don't touch the mobile parts
Don't touch the mobile partsDon't touch the mobile parts
Don't touch the mobile partsFrancesco Fullone
 
State of the art: server-side javaScript - NantesJS
State of the art: server-side javaScript - NantesJSState of the art: server-side javaScript - NantesJS
State of the art: server-side javaScript - NantesJSAlexandre Morgaut
 
JavaScript History
JavaScript HistoryJavaScript History
JavaScript HistoryRhio Kim
 
Scalable Networking
Scalable NetworkingScalable Networking
Scalable Networkingl xf
 
Nodejs a-practical-introduction-oredev
Nodejs a-practical-introduction-oredevNodejs a-practical-introduction-oredev
Nodejs a-practical-introduction-oredevFelix Geisendörfer
 
MongoFr : MongoDB as a log Collector
MongoFr : MongoDB as a log CollectorMongoFr : MongoDB as a log Collector
MongoFr : MongoDB as a log CollectorPierre Baillet
 
Free Software and the Future of Database Technology
Free Software and the Future of Database TechnologyFree Software and the Future of Database Technology
Free Software and the Future of Database Technologyelliando dias
 

Ähnlich wie Sinatraでわかる!webアプリの仕組み (20)

豆瓣技术架构的发展历程
豆瓣技术架构的发展历程豆瓣技术架构的发展历程
豆瓣技术架构的发展历程
 
豆瓣 Qcon2009 Beijing
豆瓣 Qcon2009 Beijing豆瓣 Qcon2009 Beijing
豆瓣 Qcon2009 Beijing
 
Krug Fat Client
Krug Fat ClientKrug Fat Client
Krug Fat Client
 
IoT-javascript-2019-fosdem
IoT-javascript-2019-fosdemIoT-javascript-2019-fosdem
IoT-javascript-2019-fosdem
 
iPhone Web Development
iPhone Web DevelopmentiPhone Web Development
iPhone Web Development
 
20080528dublinpt1
20080528dublinpt120080528dublinpt1
20080528dublinpt1
 
Toster - Understanding the Rails Web Model and Scalability Options
Toster - Understanding the Rails Web Model and Scalability OptionsToster - Understanding the Rails Web Model and Scalability Options
Toster - Understanding the Rails Web Model and Scalability Options
 
Understanding the Rails web model and scalability options
Understanding the Rails web model and scalability optionsUnderstanding the Rails web model and scalability options
Understanding the Rails web model and scalability options
 
End-to-end HTML5 APIs - The Geek Gathering 2013
End-to-end HTML5 APIs - The Geek Gathering 2013End-to-end HTML5 APIs - The Geek Gathering 2013
End-to-end HTML5 APIs - The Geek Gathering 2013
 
Rails as iOS Application Backend
Rails as iOS Application BackendRails as iOS Application Backend
Rails as iOS Application Backend
 
Hdc09 I Phone Dev Connecting To Web
Hdc09   I Phone Dev Connecting To WebHdc09   I Phone Dev Connecting To Web
Hdc09 I Phone Dev Connecting To Web
 
Don't touch the mobile parts
Don't touch the mobile partsDon't touch the mobile parts
Don't touch the mobile parts
 
State of the art: server-side javaScript - NantesJS
State of the art: server-side javaScript - NantesJSState of the art: server-side javaScript - NantesJS
State of the art: server-side javaScript - NantesJS
 
macospptok.pptx
macospptok.pptxmacospptok.pptx
macospptok.pptx
 
JavaScript History
JavaScript HistoryJavaScript History
JavaScript History
 
Scalable Networking
Scalable NetworkingScalable Networking
Scalable Networking
 
Nodejs a-practical-introduction-oredev
Nodejs a-practical-introduction-oredevNodejs a-practical-introduction-oredev
Nodejs a-practical-introduction-oredev
 
MongoFr : MongoDB as a log Collector
MongoFr : MongoDB as a log CollectorMongoFr : MongoDB as a log Collector
MongoFr : MongoDB as a log Collector
 
JIRA Virtualisation
JIRA VirtualisationJIRA Virtualisation
JIRA Virtualisation
 
Free Software and the Future of Database Technology
Free Software and the Future of Database TechnologyFree Software and the Future of Database Technology
Free Software and the Future of Database Technology
 

Kürzlich hochgeladen

AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 

Kürzlich hochgeladen (20)

AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 

Sinatraでわかる!webアプリの仕組み

  • 1. Sinatra Web @satococoa 2011-08-28
  • 2.
  • 3. Web
  • 4. Web ✤ Ruby WAF*1 Sinatra*2
  • 5. Web ✤ Ruby WAF*1 Sinatra*2 ✴ 1: Web Application Framework Rails CakePHP ✴ 2: http://www.sinatrarb.com/
  • 6. Web 1. 2. Web DB PC, Apache, MySQL, ...etc. iPhone, ...etc. nginx...etc. 4. 3.
  • 7. Web 1. 2. Web DB PC, Apache, MySQL, ...etc. iPhone, ...etc. nginx...etc. 4. 3. 1.
  • 8. Web 1. 2. Web DB PC, Apache, MySQL, ...etc. iPhone, ...etc. nginx...etc. 4. 3. 1. 2.DB
  • 9. Web 1. 2. Web DB PC, Apache, MySQL, ...etc. iPhone, ...etc. nginx...etc. 4. 3. 1. 2.DB 3.DB
  • 10. Web 1. 2. Web DB PC, Apache, MySQL, ...etc. iPhone, ...etc. nginx...etc. 4. 3. 1. 2.DB 3.DB 4. HTML, CSS, JS, JSON, XML, ...etc.)
  • 13. GET * Web Firebug
  • 14. POST * Web Firebug
  • 15.
  • 16.
  • 17. ✤ ✤ ✤ HTML CSS URL ✤
  • 20. Sinatra ✤ ✤ ✤ Model: ActiveRecord, DataMapper, Sequel, Mongoid, ...etc. ✤ View: ERB, HAML, Slim, ...etc.
  • 21. Sinatra ✤ ✤ ✤ Model: ActiveRecord, DataMapper, Sequel, Mongoid, ...etc. ✤ View: ERB, HAML, Slim, ...etc. ✤ Web
  • 22.
  • 23. https://github.com/prog4designer/sinatra_bbs
  • 24. https://github.com/prog4designer/sinatra_bbs ✤ Sinatra + HAML
  • 25. https://github.com/prog4designer/sinatra_bbs ✤ Sinatra + HAML ✤ ※
  • 26. https://github.com/prog4designer/sinatra_bbs ✤ Sinatra + HAML ✤ ※ ✤
  • 27.
  • 28.
  • 31. ! ! k ✤ xx F ✤ ✤
  • 32. ! ! k ✤ xoxr F ✤ ✤

Hinweis der Redaktion

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n