SlideShare a Scribd company logo
Web App Development
          Be smarter!
4D Japan, Ltd.
HARADA Koichi
Native Application
Platform   Language   Deployment


Mac OS     C          Installer, Copy


Windows    C          Installer
Platform        Language      Deployment


Mac OS          Objective-C   Installer, Copy, App Store


Windows         C/C++/C#/VB   Installer


iOS             Objective-C   App Store


Windows Phone   C/C++/C#/VB   Windows Phone Market Place


Android         Java          Android Market
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
HTML
Frontend
                             CSS
Language
                          JavaScript



       http://www.htmq.com/
Web App Framework at SwapSkills vol28 EN
Perl
              PHP
 Server       Ruby
Language      Java
           JavaScript
               ...
Web App:
  Combination of
various technologies
$
?
Planning
What can be agreed
 -> Dev Process
Water fall
Plan

       Design

           Development

                         Test

                                Release
Agile
Initial
                    Plan

          Analyze           Assesment


          Design                Test

               Implementation           Release
Initial Planning is important
Focus on customers
     concern
MVC Architecture
           Web App
                     View
  Controller


                     Model
So how I can do?
Framework
Why framework?
Web app frameworks


        http://en.wikipedia.org/wiki/
Comparison_of_web_application_frameworks
App development language
Server side   Browser side
   Perl
   PHP
   Ruby        JavaScript
   Java
JavaScript
    ...
Server side
 JavaScript
Server side JavaScript

            SSJS       HTTP        Database

Node.js      ✓           ✓
CouchDB      ✓           ✓           ✓
MongoDB      ✓                       ✓
Wakanda      ✓           ✓           ✓
RDBMS
Access via SQL
NO SQL
           (Not Only SQL)
Document store                Object store




            Key-Value Store
Choose right framework
       for you
Fin

More Related Content

PPT
Mixing Java and PHP with Sugar and WebSphere
PPT
JRuby in a Java World
PDF
Modern Web App Architectures
PPTX
Web Development In 2018
PDF
Rise and Fall of the Frontend Developer
PPTX
Client Side scripting and server side scripting
PPTX
Windows 8
PPTX
Javascript Amsterdam Meetup
Mixing Java and PHP with Sugar and WebSphere
JRuby in a Java World
Modern Web App Architectures
Web Development In 2018
Rise and Fall of the Frontend Developer
Client Side scripting and server side scripting
Windows 8
Javascript Amsterdam Meetup

What's hot (20)

PDF
APIs for mobile
PPTX
Client & server side scripting
PPTX
Back to the Basics - 1 - Introduction to Web Development
PPTX
PDF
Past, present, and future of web assembly - Devfest Nantes 2017
PDF
Refactoring to a Single Page Application
PDF
Wso2 product release webinar introducing jaggery
KEY
Phonegap/Cordova vs Native Application
PDF
Web programming by kiran and team
PPTX
Real-time apps using Xamarin + SignalR
PPTX
Java Training Ahmedabad , Introduction of java web development
PPTX
Native web architcture
PPTX
Host, deploy & scale Blazor Server Apps
PPT
SynapseIndia gives an overview on comparison in PHP & ASP.NET in Terms of Cos...
PDF
A Simpler Web App Architecture (jDays 2016)
PPTX
Xamarin workshop
PDF
Xamarin: The Future of App Development
PDF
Combining react with node js to develop successful full stack web applications
DOCX
ADOBE CQ5 DEVELOPER ONLINE TRAINING
APIs for mobile
Client & server side scripting
Back to the Basics - 1 - Introduction to Web Development
Past, present, and future of web assembly - Devfest Nantes 2017
Refactoring to a Single Page Application
Wso2 product release webinar introducing jaggery
Phonegap/Cordova vs Native Application
Web programming by kiran and team
Real-time apps using Xamarin + SignalR
Java Training Ahmedabad , Introduction of java web development
Native web architcture
Host, deploy & scale Blazor Server Apps
SynapseIndia gives an overview on comparison in PHP & ASP.NET in Terms of Cos...
A Simpler Web App Architecture (jDays 2016)
Xamarin workshop
Xamarin: The Future of App Development
Combining react with node js to develop successful full stack web applications
ADOBE CQ5 DEVELOPER ONLINE TRAINING
Ad

Viewers also liked (6)

PDF
State of the art: Server-Side JavaScript - dejeuner fulljs
PDF
JS in SMS - JS.everywhere(2013)
PDF
End to-end W3C - JS.everywhere(2012) Europe
PDF
Wakanda and the top 5 security risks - JS.everyrwhere(2012) Europe
PDF
Js in Automotive - JS.everywhere(2013)
PDF
angular-wakanda ngParis meetup 15 at 42
State of the art: Server-Side JavaScript - dejeuner fulljs
JS in SMS - JS.everywhere(2013)
End to-end W3C - JS.everywhere(2012) Europe
Wakanda and the top 5 security risks - JS.everyrwhere(2012) Europe
Js in Automotive - JS.everywhere(2013)
angular-wakanda ngParis meetup 15 at 42
Ad

Similar to Web App Framework at SwapSkills vol28 EN (20)

PPTX
Women Who Code, Ground Floor
PDF
Programming for non tech entrepreneurs
PPTX
Unit 1 Part A.pptx bca subject with the ppt
PPTX
The Best Web Development Services And Company in Usa
PDF
Building Cross Platform Mobile Web Apps
PDF
Class 6: Introduction to web technology entrepreneurship
KEY
Notes (2012-06-08)
PPTX
Native vs cross platform vs html5
PDF
Web frameworks
PPTX
Introduction to the Software Development world
PDF
What Are Progressive Web Application Development
PPTX
Introduction to programming world
PDF
Wakanda - apps.berlin.js - 2012-11-29
PDF
An Introduction to Sencha Touch
PPTX
s1 (1).hvjhbbbbbjkjvbbhjhbhnjkjhnhbjbhkjk
PPTX
H1.pptxjkbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
PPTX
Frameworks Galore: A Pragmatic Review
PPTX
Front-end technologies for Wonderful User Experience through Websites
PPTX
baidu开发者大会 - Web App开发框架介绍以及分析
PDF
Meetup. Technologies Intro for Non-Tech People
Women Who Code, Ground Floor
Programming for non tech entrepreneurs
Unit 1 Part A.pptx bca subject with the ppt
The Best Web Development Services And Company in Usa
Building Cross Platform Mobile Web Apps
Class 6: Introduction to web technology entrepreneurship
Notes (2012-06-08)
Native vs cross platform vs html5
Web frameworks
Introduction to the Software Development world
What Are Progressive Web Application Development
Introduction to programming world
Wakanda - apps.berlin.js - 2012-11-29
An Introduction to Sencha Touch
s1 (1).hvjhbbbbbjkjvbbhjhbhnjkjhnhbjbhkjk
H1.pptxjkbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Frameworks Galore: A Pragmatic Review
Front-end technologies for Wonderful User Experience through Websites
baidu开发者大会 - Web App开发框架介绍以及分析
Meetup. Technologies Intro for Non-Tech People

Recently uploaded (20)

PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Spectroscopy.pptx food analysis technology
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
cuic standard and advanced reporting.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Machine learning based COVID-19 study performance prediction
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Empathic Computing: Creating Shared Understanding
Digital-Transformation-Roadmap-for-Companies.pptx
Unlocking AI with Model Context Protocol (MCP)
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Chapter 3 Spatial Domain Image Processing.pdf
Spectroscopy.pptx food analysis technology
Network Security Unit 5.pdf for BCA BBA.
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
cuic standard and advanced reporting.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Machine learning based COVID-19 study performance prediction
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx

Web App Framework at SwapSkills vol28 EN

Editor's Notes

  • #2: Share problem in app development\nSolution\n
  • #3: \n
  • #4: Old good times\n
  • #5: Present\n
  • #6: Various display size\n\n
  • #7: Various display size\n\n
  • #8: Various display size\n\n
  • #9: Solution: Web base app\nWeb browser preinstalled\nSame language\n
  • #10: Solution: Web base app\nWeb browser preinstalled\nSame language\n
  • #11: Solution: Web base app\nWeb browser preinstalled\nSame language\n
  • #12: Windows 8 \ncan call WinRT API directly from JS\n
  • #13: \n
  • #14: Different implementation\n-> improving in recent browsers\n
  • #15: Different implementation\n-> improving in recent browsers\n
  • #16: Different implementation\n-> improving in recent browsers\n
  • #17: Different implementation\n-> improving in recent browsers\n
  • #18: Different implementation\n-> improving in recent browsers\n
  • #19: Different implementation\n-> improving in recent browsers\n
  • #20: Different implementation\n-> improving in recent browsers\n
  • #21: Supported browsers icon\n
  • #22: Chaos web frontend\n
  • #23: Various server languages\n\n
  • #24: \n
  • #25: Chaos, complex -> cost\n
  • #26: What shall I do?\n*Planning\n*Focus on customers concern\n*Use appropriate framework\n
  • #27: \n
  • #28: \n
  • #29: Document\n
  • #30: Communication\nWorking app\n
  • #31: \n
  • #32: \n
  • #33: \n
  • #34: MVC is architecture\nYou need help\n
  • #35: \n
  • #36: Rule, structure, idea are implemented.\nAll you have to do is implement business logic\nMVC base\n\n*can focus on business logic\n*Standard security\n*Quality\n*Cost\n-> success\n\n
  • #37: \n
  • #38: JS is recommended\n
  • #39: Same grammar\nDifference is API\nClient side: BOM and DOM\nServer side: API provided by JS engine\nCan access local storage or file for instance. \n\nCommonJS\n
  • #40: \n
  • #41: 代表的な関係データベース\n\n
  • #42: \n
  • #43: \n
  • #44: \n