SlideShare uma empresa Scribd logo

Hybrid App Development Advantages

•Transferir como KEY, PDF•
•
Kazunari Hara
Kazunari Hara
TecnologiaNegócios
1 de 22
Hybrid app 2011. 9. 22(Thu) @CyberAgent CyberAgent Inc. Smartphone Division Kazunari Hara @herablog
@herablog Hara Kazunari @herablog
@herablog Hara Kazunari @herablog
@herablog Hara Kazunari @herablog
Native vs Web
Native Access to Hardware Rich UI Faster, Smoother
Web Multi-device HTML5 Many developers 
Native vs Web Access to Hardware × Multi-device × Faster, Smoother Developers
Native vs Web
Hybrid +
Why Hybrid ? Speedy & Friendly
Members Designer Server Web Native
Hybrid +
Case 1: Akina App
Case 1: Akina App
Case 1: Akina App Demo
Case 2: Pigg App
Case 2: Pigg App
Case 2: Pigg App Demo
Native vs Web + Hybrid!
Native vs Web
Native vs Web + Hybrid!

Recomendados

Xamarin.Forms
Xamarin.FormsXamarin.Forms
Xamarin.FormsEgor Bogatov
 
Hybrid Mobile Application with Ionic Framework
Hybrid Mobile Application with Ionic FrameworkHybrid Mobile Application with Ionic Framework
Hybrid Mobile Application with Ionic FrameworkDragos Ionita
 
Cognitive services in Business applications
Cognitive services in Business applicationsCognitive services in Business applications
Cognitive services in Business applicationsMichele Aponte
 
Is There An API In That (IoT)?
Is There An API In That (IoT)?Is There An API In That (IoT)?
Is There An API In That (IoT)?ProgrammableWeb
 
Mobile Delivery Run Through
Mobile Delivery Run ThroughMobile Delivery Run Through
Mobile Delivery Run ThroughMike Hartington
 
Hybrid vs native
Hybrid vs nativeHybrid vs native
Hybrid vs nativeAppSquadz Technologies Pvt Ltd
 
Running Web & Mobile in Azure App Service
Running Web & Mobile in Azure App ServiceRunning Web & Mobile in Azure App Service
Running Web & Mobile in Azure App ServicePuja Pramudya
 
Running Web & Mobile App on Azure App Service
Running Web & Mobile App on Azure App ServiceRunning Web & Mobile App on Azure App Service
Running Web & Mobile App on Azure App ServicePuja Pramudya
 

Recomendados

Xamarin.Forms
Xamarin.FormsXamarin.Forms
Xamarin.FormsEgor Bogatov
 
Hybrid Mobile Application with Ionic Framework
Hybrid Mobile Application with Ionic FrameworkHybrid Mobile Application with Ionic Framework
Hybrid Mobile Application with Ionic FrameworkDragos Ionita
 
Cognitive services in Business applications
Cognitive services in Business applicationsCognitive services in Business applications
Cognitive services in Business applicationsMichele Aponte
 
Is There An API In That (IoT)?
Is There An API In That (IoT)?Is There An API In That (IoT)?
Is There An API In That (IoT)?ProgrammableWeb
 
Mobile Delivery Run Through
Mobile Delivery Run ThroughMobile Delivery Run Through
Mobile Delivery Run ThroughMike Hartington
 
Hybrid vs native
Hybrid vs nativeHybrid vs native
Hybrid vs nativeAppSquadz Technologies Pvt Ltd
 
Running Web & Mobile in Azure App Service
Running Web & Mobile in Azure App ServiceRunning Web & Mobile in Azure App Service
Running Web & Mobile in Azure App ServicePuja Pramudya
 
Running Web & Mobile App on Azure App Service
Running Web & Mobile App on Azure App ServiceRunning Web & Mobile App on Azure App Service
Running Web & Mobile App on Azure App ServicePuja Pramudya
 
API First
API FirstAPI First
API FirstKirsten Hunter
 
Mobile app development ppt
Mobile app development pptMobile app development ppt
Mobile app development pptShantanuApurva1
 
React native starter
React native starterReact native starter
React native starterNhan Cao
 
Ionic
IonicIonic
IonicMike Hartington
 
Build Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesBuild Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesLohith Goudagere Nagaraj
 
Introducting Titanium Mobile
Introducting Titanium MobileIntroducting Titanium Mobile
Introducting Titanium MobileAxway Appcelerator
 
Solving Enteprise Mobility Considerations with Telerik Mobile Platform
Solving Enteprise Mobility Considerations with Telerik Mobile PlatformSolving Enteprise Mobility Considerations with Telerik Mobile Platform
Solving Enteprise Mobility Considerations with Telerik Mobile PlatformLohith Goudagere Nagaraj
 
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using EclipseHTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using EclipseGreat Wide Open
 
The integration of joomla with the internet of things concept
The integration of joomla with the internet of things conceptThe integration of joomla with the internet of things concept
The integration of joomla with the internet of things conceptJoomlaDay Australia
 
Native Touches to your Hybrid Mobile Apps
Native Touches to your Hybrid Mobile AppsNative Touches to your Hybrid Mobile Apps
Native Touches to your Hybrid Mobile AppsLohith Goudagere Nagaraj
 
Customizing Data Grids in App Builder
Customizing Data Grids in App BuilderCustomizing Data Grids in App Builder
Customizing Data Grids in App BuilderJohnMcGuigan10
 
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...Jeff Haynie
 
Azure API Management & API Apps [Global Integration Bootcamp 2017]
Azure API Management & API Apps [Global Integration Bootcamp 2017]Azure API Management & API Apps [Global Integration Bootcamp 2017]
Azure API Management & API Apps [Global Integration Bootcamp 2017]Ashley Knowles
 
Creating Master-Detail in Apps in app Builder
Creating Master-Detail in Apps in app BuilderCreating Master-Detail in Apps in app Builder
Creating Master-Detail in Apps in app BuilderJohnMcGuigan10
 
Testing Mobile Applications With Telerik Platform
Testing Mobile Applications With Telerik PlatformTesting Mobile Applications With Telerik Platform
Testing Mobile Applications With Telerik PlatformLohith Goudagere Nagaraj
 
Skyline mobile app_maker
Skyline mobile app_makerSkyline mobile app_maker
Skyline mobile app_makertreasurer392
 
Android and Azure @droidconit 2015
Android and Azure @droidconit 2015Android and Azure @droidconit 2015
Android and Azure @droidconit 2015pietrobr
 
Front End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from TelerikFront End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from TelerikLohith Goudagere Nagaraj
 
Connecting Your In-Premise Database To Mobile Apps
Connecting Your In-Premise Database To Mobile AppsConnecting Your In-Premise Database To Mobile Apps
Connecting Your In-Premise Database To Mobile AppsLohith Goudagere Nagaraj
 
Copyright, Open Source and APIs (towards an Interface Commons)
Copyright, Open Source and APIs (towards an Interface Commons)Copyright, Open Source and APIs (towards an Interface Commons)
Copyright, Open Source and APIs (towards an Interface Commons)3scale
 
Watch the Time
Watch the TimeWatch the Time
Watch the TimeKazunari Hara
 
CSS3 Design Recipe
CSS3 Design RecipeCSS3 Design Recipe
CSS3 Design RecipeKazunari Hara
 

Mais conteúdo relacionado

Mais procurados

Mobile app development ppt
Mobile app development pptMobile app development ppt
Mobile app development pptShantanuApurva1
 
React native starter
React native starterReact native starter
React native starterNhan Cao
 
Build Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesBuild Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesLohith Goudagere Nagaraj
 
Solving Enteprise Mobility Considerations with Telerik Mobile Platform
Solving Enteprise Mobility Considerations with Telerik Mobile PlatformSolving Enteprise Mobility Considerations with Telerik Mobile Platform
Solving Enteprise Mobility Considerations with Telerik Mobile PlatformLohith Goudagere Nagaraj
 
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using EclipseHTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using EclipseGreat Wide Open
 
The integration of joomla with the internet of things concept
The integration of joomla with the internet of things conceptThe integration of joomla with the internet of things concept
The integration of joomla with the internet of things conceptJoomlaDay Australia
 
Customizing Data Grids in App Builder
Customizing Data Grids in App BuilderCustomizing Data Grids in App Builder
Customizing Data Grids in App BuilderJohnMcGuigan10
 
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...Jeff Haynie
 
Azure API Management & API Apps [Global Integration Bootcamp 2017]
Azure API Management & API Apps [Global Integration Bootcamp 2017]Azure API Management & API Apps [Global Integration Bootcamp 2017]
Azure API Management & API Apps [Global Integration Bootcamp 2017]Ashley Knowles
 
Creating Master-Detail in Apps in app Builder
Creating Master-Detail in Apps in app BuilderCreating Master-Detail in Apps in app Builder
Creating Master-Detail in Apps in app BuilderJohnMcGuigan10
 
Testing Mobile Applications With Telerik Platform
Testing Mobile Applications With Telerik PlatformTesting Mobile Applications With Telerik Platform
Testing Mobile Applications With Telerik PlatformLohith Goudagere Nagaraj
 
Skyline mobile app_maker
Skyline mobile app_makerSkyline mobile app_maker
Skyline mobile app_makertreasurer392
 
Android and Azure @droidconit 2015
Android and Azure @droidconit 2015Android and Azure @droidconit 2015
Android and Azure @droidconit 2015pietrobr
 
Front End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from TelerikFront End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from TelerikLohith Goudagere Nagaraj
 
Connecting Your In-Premise Database To Mobile Apps
Connecting Your In-Premise Database To Mobile AppsConnecting Your In-Premise Database To Mobile Apps
Connecting Your In-Premise Database To Mobile AppsLohith Goudagere Nagaraj
 
Copyright, Open Source and APIs (towards an Interface Commons)
Copyright, Open Source and APIs (towards an Interface Commons)Copyright, Open Source and APIs (towards an Interface Commons)
Copyright, Open Source and APIs (towards an Interface Commons)3scale
 

Mais procurados (20)

API First
API FirstAPI First
API First
 
Mobile app development ppt
Mobile app development pptMobile app development ppt
Mobile app development ppt
 
React native starter
React native starterReact native starter
React native starter
 
Ionic
IonicIonic
Ionic
 
Build Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia DevicesBuild Hybrid Mobile Applications for Nokia Lumia Devices
Build Hybrid Mobile Applications for Nokia Lumia Devices
 
Introducting Titanium Mobile
Introducting Titanium MobileIntroducting Titanium Mobile
Introducting Titanium Mobile
 
Solving Enteprise Mobility Considerations with Telerik Mobile Platform
Solving Enteprise Mobility Considerations with Telerik Mobile PlatformSolving Enteprise Mobility Considerations with Telerik Mobile Platform
Solving Enteprise Mobility Considerations with Telerik Mobile Platform
 
HTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using EclipseHTML5 Hybrid Mobile Development Using Eclipse
HTML5 Hybrid Mobile Development Using Eclipse
 
The integration of joomla with the internet of things concept
The integration of joomla with the internet of things conceptThe integration of joomla with the internet of things concept
The integration of joomla with the internet of things concept
 
Native Touches to your Hybrid Mobile Apps
Native Touches to your Hybrid Mobile AppsNative Touches to your Hybrid Mobile Apps
Native Touches to your Hybrid Mobile Apps
 
Customizing Data Grids in App Builder
Customizing Data Grids in App BuilderCustomizing Data Grids in App Builder
Customizing Data Grids in App Builder
 
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...Building a sustainable, cross-platform mobile application strategy - SoCon 20...
Building a sustainable, cross-platform mobile application strategy - SoCon 20...
 
Azure API Management & API Apps [Global Integration Bootcamp 2017]
Azure API Management & API Apps [Global Integration Bootcamp 2017]Azure API Management & API Apps [Global Integration Bootcamp 2017]
Azure API Management & API Apps [Global Integration Bootcamp 2017]
 
Creating Master-Detail in Apps in app Builder
Creating Master-Detail in Apps in app BuilderCreating Master-Detail in Apps in app Builder
Creating Master-Detail in Apps in app Builder
 
Testing Mobile Applications With Telerik Platform
Testing Mobile Applications With Telerik PlatformTesting Mobile Applications With Telerik Platform
Testing Mobile Applications With Telerik Platform
 
Skyline mobile app_maker
Skyline mobile app_makerSkyline mobile app_maker
Skyline mobile app_maker
 
Android and Azure @droidconit 2015
Android and Azure @droidconit 2015Android and Azure @droidconit 2015
Android and Azure @droidconit 2015
 
Front End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from TelerikFront End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from Telerik
 
Connecting Your In-Premise Database To Mobile Apps
Connecting Your In-Premise Database To Mobile AppsConnecting Your In-Premise Database To Mobile Apps
Connecting Your In-Premise Database To Mobile Apps
 
Copyright, Open Source and APIs (towards an Interface Commons)
Copyright, Open Source and APIs (towards an Interface Commons)Copyright, Open Source and APIs (towards an Interface Commons)
Copyright, Open Source and APIs (towards an Interface Commons)
 

Destaque

速くなければスマフォじゃない
速くなければスマフォじゃない速くなければスマフォじゃない
速くなければスマフォじゃないKazunari Hara
 
俺の、プレゼン構築法
俺の、プレゼン構築法俺の、プレゼン構築法
俺の、プレゼン構築法Kazunari Hara
 
スマートフォン時代のWeb制作術 Vol.1
スマートフォン時代のWeb制作術 Vol.1スマートフォン時代のWeb制作術 Vol.1
スマートフォン時代のWeb制作術 Vol.1Kazunari Hara
 
速くなければスマフォじゃない - インターンバージョン-
速くなければスマフォじゃない - インターンバージョン-速くなければスマフォじゃない - インターンバージョン-
速くなければスマフォじゃない - インターンバージョン-Kazunari Hara
 
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかたCA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかたKazunari Hara
 
Native x Webでいいとこどり開発 ~ピグトーク~
Native x Webでいいとこどり開発 ~ピグトーク~Native x Webでいいとこどり開発 ~ピグトーク~
Native x Webでいいとこどり開発 ~ピグトーク~Kazunari Hara
 
スマートフォン時代のWeb制作術 Vol.2
スマートフォン時代のWeb制作術 Vol.2スマートフォン時代のWeb制作術 Vol.2
スマートフォン時代のWeb制作術 Vol.2Kazunari Hara
 
Amebaプラットフォームの作りかた
Amebaプラットフォームの作りかたAmebaプラットフォームの作りかた
Amebaプラットフォームの作りかたKazunari Hara
 
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみアメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみKazunari Hara
 

Destaque (12)

Watch the Time
Watch the TimeWatch the Time
Watch the Time
 
CSS3 Design Recipe
CSS3 Design RecipeCSS3 Design Recipe
CSS3 Design Recipe
 
俺はMETAだ！
俺はMETAだ！俺はMETAだ！
俺はMETAだ！
 
速くなければスマフォじゃない
速くなければスマフォじゃない速くなければスマフォじゃない
速くなければスマフォじゃない
 
俺の、プレゼン構築法
俺の、プレゼン構築法俺の、プレゼン構築法
俺の、プレゼン構築法
 
スマートフォン時代のWeb制作術 Vol.1
スマートフォン時代のWeb制作術 Vol.1スマートフォン時代のWeb制作術 Vol.1
スマートフォン時代のWeb制作術 Vol.1
 
速くなければスマフォじゃない - インターンバージョン-
速くなければスマフォじゃない - インターンバージョン-速くなければスマフォじゃない - インターンバージョン-
速くなければスマフォじゃない - インターンバージョン-
 
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかたCA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
 
Native x Webでいいとこどり開発 ~ピグトーク~
Native x Webでいいとこどり開発 ~ピグトーク~Native x Webでいいとこどり開発 ~ピグトーク~
Native x Webでいいとこどり開発 ~ピグトーク~
 
スマートフォン時代のWeb制作術 Vol.2
スマートフォン時代のWeb制作術 Vol.2スマートフォン時代のWeb制作術 Vol.2
スマートフォン時代のWeb制作術 Vol.2
 
Amebaプラットフォームの作りかた
Amebaプラットフォームの作りかたAmebaプラットフォームの作りかた
Amebaプラットフォームの作りかた
 
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみアメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
 

Semelhante a Hybrid App Development Advantages

HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?jwhatcott
 
Federico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native bothFederico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native bothIxDA_Poznan
 
Debunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application DevelopmentDebunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application DevelopmentAntenna Software
 
Demystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART IDemystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART IRelayware
 
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The EnterpriseBuilding & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The EnterpriseApperian
 
Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)GameWisp
 
Mobile that works for your library
Mobile that works for your libraryMobile that works for your library
Mobile that works for your libraryJeff Wisniewski
 
Enterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired PlatformEnterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired PlatformInfosys
 
Cross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterpriseCross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterpriseVenkat Alagarsamy
 
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012Amanda McConnell
 
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and MustacheRoad to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and MustacheBrian Sam-Bodden
 
Mobile Design for Instructional Designers
Mobile Design for Instructional DesignersMobile Design for Instructional Designers
Mobile Design for Instructional DesignersBrandon Carson
 
WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012Bess Ho
 
Native vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App DevelopmentNative vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App DevelopmentSenthil Kumar Kaliathan
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsTodd Anglin
 
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.comWhen to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.comPerfomatix Solutions
 
Hybrid mobile and Ionic
Hybrid mobile and IonicHybrid mobile and Ionic
Hybrid mobile and IonicLiju Pillai
 
Developing for Multiple Platforms
Developing for Multiple PlatformsDeveloping for Multiple Platforms
Developing for Multiple PlatformsDaniel Pfeiffer
 
Native vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentNative vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentKosala Nuwan Perera
 

Semelhante a Hybrid App Development Advantages (20)

HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?
 
Federico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native bothFederico Lox Lucignano, War of the worlds web or native both
Federico Lox Lucignano, War of the worlds web or native both
 
Debunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application DevelopmentDebunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application Development
 
Demystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART IDemystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART I
 
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The EnterpriseBuilding & Managing The Lifecycle of Mobile Apps For The Enterprise
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
 
Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)
 
Mobile that works for your library
Mobile that works for your libraryMobile that works for your library
Mobile that works for your library
 
Enterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired PlatformEnterprise Mobility with Sybase Unwired Platform
Enterprise Mobility with Sybase Unwired Platform
 
Cross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterpriseCross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterprise
 
WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012WITI Mobile Development Workshop 2012
WITI Mobile Development Workshop 2012
 
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and MustacheRoad to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
 
Mobile Design for Instructional Designers
Mobile Design for Instructional DesignersMobile Design for Instructional Designers
Mobile Design for Instructional Designers
 
WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012
 
Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010
 
Native vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App DevelopmentNative vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App Development
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile Apps
 
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.comWhen to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
When to build a hybrid mobile application? Liju Pillai, www.perfomatix.com
 
Hybrid mobile and Ionic
Hybrid mobile and IonicHybrid mobile and Ionic
Hybrid mobile and Ionic
 
Developing for Multiple Platforms
Developing for Multiple PlatformsDeveloping for Multiple Platforms
Developing for Multiple Platforms
 
Native vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentNative vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application Development
 

Último

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 

Último (20)

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 

Hybrid App Development Advantages

Notas do Editor

  1. 「Hybrid appのすすめ」ということでNativeとWeb両方の良いところを組み合わせたアプリのご紹介をします。\n
  2. サイバーエージェントスマートフォンDiv 原と申します。\n最近はAmebaの閲覧面、Piggのスマートフォン対応、デカグラフを担当しています。\nHTML/CSS/JavaScriptを書くWebのディベロッパーです。\n
  3. サイバーエージェントスマートフォンDiv 原と申します。\n最近はAmebaの閲覧面、Piggのスマートフォン対応、デカグラフを担当しています。\nHTML/CSS/JavaScriptを書くWebのディベロッパーです。\n
  4. サイバーエージェントスマートフォンDiv 原と申します。\n最近はAmebaの閲覧面、Piggのスマートフォン対応、デカグラフを担当しています。\nHTML/CSS/JavaScriptを書くWebのディベロッパーです。\n
  5. サイバーエージェントスマートフォンDiv 原と申します。\n最近はAmebaの閲覧面、Piggのスマートフォン対応、デカグラフを担当しています。\nHTML/CSS/JavaScriptを書くWebのディベロッパーです。\n
  6. さっそくですが、スマートフォンのアプリケーションを作る際には大きく分けて2通りの方法があります。\nひとつめはNative言語(Java, Objective-Cなど)で作る場合、もうひとつはWeb言語(HTML/CSS/JavaScript)で作る場合です。\n会場にいらしゃっている方はどのような環境で開発されている方が多いのでしょうか。\n最近のGoogle I/O 2011でも話されていたようにどちらで作るほうがいいのか、様々な議論があります。\n
  7. Nativeの利点はハードウェアにアクセスできリッチではやく、スムーズなアプリケーションを作れることです。\n\n
  8. 一方Webの利点は多くのデバイスに対応することができ、HTML5を中心とする技術の進歩でモバイルアプリが作りやすくなっていることです。\nまた、弊社の場合は過去の経験からWebの開発者が圧倒的に多いため、開発者をみつけるのもスムーズにすすめられます。\n
  9. さて、それぞれの利点があるなかでどちらの技術を使うことがいい選択なのでしょうか。\n
  10. \n
  11. 考えた結果、思い切って両方合わせてみちゃうことにしました。幸いどのプラットホームにおいてもNativeアプリケーションのなかにWebブラウザを内包することができます。その上にNativeをラップしてアプリケーションとしてリリースします。\n
  12. なぜハイブリットがいいのかというと、両方のいいとこ取りができるからです。\nWebは多くのデバイスに対応でき開発者もたくさんいるため素早く作成できます。Nativeはハードウェアにアクセスでき動きがはやく、スムーズです。\n両方のよいところを合わせてつくれば、効率的で使いやすい。\nつまり「Speedy & Friendly」なんです。\n
  13. 今まで作ってきたなかでとてもやりやすかったメンバー構成はこちらです。\nデザイナー, Web クライアント側の技術者, Native クライアント側の技術者, サーバーのAPI等を作成する技術者\nそれぞれ兼任できる場合は合わせてしまって問題ありません。役割分担として4つにわかれているととてもやりやすかったです。\n
  14. それでは制作実例をみてみます。\n
  15. ひとつめはアッキーナアプリ(iOS)です。\n目覚ましパズル機能です。どこがNativeでどこがWebでしょうか。\n
  16. 緑色のところがNativeでオレンジ色がwebです。パズルはWebでもできます。\nNativeは指定時間に起動, 開始/終了, 時間計測, 音鳴らす/止めるを担当しています。\n
  17. \n
  18. 最後は現在開発中のピグアプリの制作実例です。どこがWebでどこがNativeで作られているかおわかりですか。\n
  19. 部屋の背景、アバター表示・アクション(オレンジの部分)はWebで作られており、ボタン等それ以外の緑色の部分はNativeで作られています。\n背景、アバター部分はiOS, Android共共通化し、その上のボタンのみそれぞれ作ることで効率化をはかり、かつタッチ、ページ遷移等スムーズになっています。\nただし、Webの動きが遅いという問題に直面していて、今はそことの闘いになっています。\n特にiPhone4はRetinaで計算コストが高いため遅いです。GPUを使ったり間引きしたりしてなんとか解消しています。\n
  20. \n
  21. いくつか制作実例をご覧いただきました。\n効率化・使いやすさをはかるため、制作の際にはHybridアプリもぜひご検討ください！\n
  22. 最後にブログの告知させてください。CAのクリエイターブログです。\nca 1pixelと検索するとでてきます。\nスマホ関連もたくさん載せていく予定ですのでぜひご覧ください。\n
  23. いくつか制作実例をご覧いただきました。\n効率化・使いやすさをはかるため、制作の際にはHybridアプリもぜひご検討ください！\n
  24. \n
  25. \n