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)

PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Empathic Computing: Creating Shared Understanding
PDF
Machine learning based COVID-19 study performance prediction
PDF
Approach and Philosophy of On baking technology
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
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
Getting Started with Data Integration: FME Form 101
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
1. Introduction to Computer Programming.pptx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
Programs and apps: productivity, graphics, security and other tools
Unlocking AI with Model Context Protocol (MCP)
NewMind AI Weekly Chronicles - August'25-Week II
Diabetes mellitus diagnosis method based random forest with bat algorithm
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
MIND Revenue Release Quarter 2 2025 Press Release
Empathic Computing: Creating Shared Understanding
Machine learning based COVID-19 study performance prediction
Approach and Philosophy of On baking technology
A comparative study of natural language inference in Swahili using monolingua...
Advanced methodologies resolving dimensionality complications for autism neur...
Per capita expenditure prediction using model stacking based on satellite ima...
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Getting Started with Data Integration: FME Form 101
A comparative analysis of optical character recognition models for extracting...
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Agricultural_Statistics_at_a_Glance_2022_0.pdf
1. Introduction to Computer Programming.pptx
Mobile App Security Testing_ A Comprehensive Guide.pdf

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