SlideShare a Scribd company logo
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
✤




✤

More Related Content

What's hot

[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
Nicolas Embleton
 
Redmine on amazon ec2
Redmine on amazon ec2Redmine on amazon ec2
Redmine on amazon ec2
Ikuru 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 faster
Pat Shaughnessy
 
Railsチュートリアルの歩き方 (第4版)
Railsチュートリアルの歩き方 (第4版)Railsチュートリアルの歩き方 (第4版)
Railsチュートリアルの歩き方 (第4版)
Yohei Yasukawa
 
Welcome to ClojureScript
Welcome to ClojureScriptWelcome to ClojureScript
Welcome to ClojureScript
Ikuru 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
 

What's hot (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
 

Viewers also liked

Dailyroutines
DailyroutinesDailyroutines
Dailyroutinesyesenia26
 
趣味プログラミングのすすめ
趣味プログラミングのすすめ趣味プログラミングのすすめ
趣味プログラミングのすすめ
Satoshi Ebisawa
 
Dayana perez
Dayana perezDayana perez
Dayana perez
Dayana Pérez
 
WebデザイナーのためのGit勉強会 ~準備編~
WebデザイナーのためのGit勉強会 ~準備編~WebデザイナーのためのGit勉強会 ~準備編~
WebデザイナーのためのGit勉強会 ~準備編~Satoshi Ebisawa
 
Hbankenship
HbankenshipHbankenship
Hbankenship
hannablankenship
 
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
 
Graduation 2011
Graduation 2011Graduation 2011
Graduation 2011
evilchicken
 
Slide sync
Slide syncSlide sync
Slide sync
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
 

Viewers also liked (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
 

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

豆瓣技术架构的发展历程
豆瓣技术架构的发展历程豆瓣技术架构的发展历程
豆瓣技术架构的发展历程George Ang
 
豆瓣 Qcon2009 Beijing
豆瓣 Qcon2009 Beijing豆瓣 Qcon2009 Beijing
豆瓣 Qcon2009 Beijingyiditushe
 
Krug Fat Client
Krug Fat ClientKrug Fat Client
Krug Fat ClientPaul Klipp
 
IoT-javascript-2019-fosdem
IoT-javascript-2019-fosdemIoT-javascript-2019-fosdem
IoT-javascript-2019-fosdem
Phil www.rzr.online.fr
 
iPhone Web Development
iPhone Web DevelopmentiPhone Web Development
iPhone Web Development
Andy Peters
 
20080528dublinpt1
20080528dublinpt120080528dublinpt1
20080528dublinpt1
Jeff Hammerbacher
 
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
 
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
Fabio Akita
 
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
Alexandre Morgaut
 
Rails as iOS Application Backend
Rails as iOS Application BackendRails as iOS Application Backend
Rails as iOS Application Backend
maximeguilbot
 
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 parts
Francesco 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
 
macospptok.pptx
macospptok.pptxmacospptok.pptx
macospptok.pptx
MadanAcharya7
 
JavaScript History
JavaScript HistoryJavaScript History
JavaScript History
Rhio 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-oredev
Felix Geisendörfer
 
MongoFr : MongoDB as a log Collector
MongoFr : MongoDB as a log CollectorMongoFr : MongoDB as a log Collector
MongoFr : MongoDB as a log Collector
Pierre Baillet
 
JIRA Virtualisation
JIRA VirtualisationJIRA Virtualisation
JIRA Virtualisation
Mike Cannon-Brookes
 
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
 

Similar to 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
 
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 - 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
 
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
 

Recently uploaded

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
Product School
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Fwdays
 

Recently uploaded (20)

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 

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

Editor's Notes

  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