狠狠撸

狠狠撸Share a Scribd company logo
モバイルアプリ開発の
現状
2015/02
Koji Suzuki
モバイルアプリの形態
? ネイティブアプリ
? AndroidやiOS等、デバイス固有のSDKで開発
? アプリとしてインストール
? Webアプリ
? HTML/CSS/JavaScriptで開発
? ブラウザからアクセスして利用する
? ハイブリッドアプリ
? デバイスに依らない言語で開発
? アプリとしてインストール
Native API
Native API
Browser
Application
Application
Application
Device
Device
Device
Runtime
ハイブリッドアプリとは
? 複数のプラットフォームの
コードを共通化できる
? ネイティブAPIを呼び出すこ
ともできる
? 処理速度がネイティブアプ
リに比較して低下する Wikipedia Hyblid-App:
http://de.wikipedia.org/wiki/Hybrid-App
ハイブリッドアプリの利点
デバイス機能の利用 ホームアイコン 機種対応
ネイティブアプリ ○ ○ ×
ハイブリッドアプリ ○ ○ ○
WEBアプリ × × ○
Gartner Says by 2016, More Than 50 Percent of Mobile Apps Deployed
Will be Hybrid
Gartner PR, Feb 2013: http://www.gartner.com/newsroom/id/2324917
ハイブリッドアプリのアーキ
テクチャ
? 各DeviceIFの差分を吸収するランタイム
ライブラリをアプリに内包する
? ランタイムは多くのベンダーがクロスプ
ラットフォームツールとして提供している
? WebViewを利用しHTMLで記述できるも
のとそれ以外の特定言語で記述するもの
がある
? 共通処理が限定的であればRuntimeを利
用しないでWebviewを直接利用する方法
もある
Application
Source Code
Plotform
Application Package
Runtime
クロスプラットフォームツール
の現状
Tool Name Provider Runtime Language Dedicated IDE Remark
PhoneGap Adobe Apache Cordova HTML5 + CSS + JavaScript PhoneGap Build Webビルド環境
Monaca Asial Apache Cordova HTML5 + CSS + JavaScript Monaca Web / Local IDE
IBM Worklight IBM Apache Cordova HTML5 + CSS + JavaScript IBM Worklight Studio Eclipse Base IDE
Sencha Sencha Apache Cordova HTML5 + CSS + JavaScript Sencha Architect Eclipse Plugin 有
Titanium Mobile Appcelerator Titanium HTML5 + CSS + JavaScript Titanium Studio Eclipse Base
Xamarin Xamarin Mono C# Xamarin Studio Visual Studioアドイン有
Unity 3D Unity Technologies Mono UnityScript, C#, Boo Unity IDE -
クロスプラットフォームツール:
クロスプラットフォームで動作するアプリを開発するためのIDE、フレームワーク、プラグイン、クラウド
サービス等の総称
Apache Cordova上でHTMLを利用するものが主流
クロスプラットフォームツール
の利用状況
? PhoneGapが高い利用率
? HTML開発者が最もクロスプラッ
トフォームを利用している
? 利用者はWeb技術を利用してモ
バイルアプリを開発している
VisionMobile: http://
www.developereconomics.com/pros-
cons-top-5-cross-platform-tools/
クロスプラットフォームツール
の要件
?習得コスト
? C#, JavaScript, HTML5…
?セキュリティ
? ストレージ暗号化、アプリロジック暗号化…
?開発効率
? Web IDE、mBaaS、デバッガー…
?既存資産の活用
? ライブラリの利用、開発ツールの利用…
Monaca
? クラウド/ローカルIDE
? アプリロジック/ストレージ暗号化
? リモートアップデート
? デバッグ環境
? EclipseやGrunt等の既存ツールの利用
? 既存システムとの連携(mBaas) https://ja.monaca.io
IBM Worklight
? eclipseベースのIDE
? アプリロジック/ストレージ暗号化
? リモートアップデート/ログ収集
? デバッグ環境
? 既存システムとの連携(mBaas)
? ネイティブアプリ開発も可能 http://www.slideshare.net/simontokyo/
ibm-worklighthtml5j-enter
Webの技術
JavaScriptライブラリ
UI系
アーキテクチャ系
DOM操作系
…
…
…
jQuery
?JavaScriptコードをより容易に記述できるようにす
るためのライブラリ
?煩雑なDOMのAPI、ブラウザ間の実装差等の問題を解
決
?多くの企業が支持しており、JavaScriptライブラリの
デファクトスタンダードとなっている
?jQuery Foundationというチームで保守されている
?MIT license
Zepto.JS
?jQueryのモバイル版のような位置付け
?jQueryよりも軽量
?jQuery APIと互換(完全ではない)
?MIT license
BackboneJS
?MVCフレームワーク
?コード量が削減されるわけではない
?MIT license
AngularJS
?MVCフレームワーク
?Googleによって開発
?双方向データバインディングやDIの機能を持ってい
る
?独自作法で記述する必要がある
?MIT license
ionic
?モバイルアプリ向けUIライブラリ
?AngularJS利用を想定
?Apache 2.0 license
OnsenUI
?モバイルアプリ向けUIライブラリ
?AngularJS利用想定
?Monaca IDEでデフォルト
?Apache 2.0 license
Webの技術
開発支援ツール
?Grunt
? タスクランナー
? 複雑化しているフロントエンド開発を自動化する
?Yo
? フロントエンド用プロジェクトの雛形生成ツール
?Bower
? フロントエンド用パッケージマネージャー
? Mavenのようなもの
?Yeoman
? 上記3ツールを統合したもの

More Related Content

What's hot (20)

PDF
HTML5によるモハ?イルアフ?リ開発 か?拓拓くヒ?シ?ネスチャンス
アシアル株式会社
?
PDF
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
Monaca
?
PDF
HTML5ハイブリッド アプリ開発の実践?開発現場ですぐに活かせるコツを伝授?
Monaca
?
PDF
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
?
PDF
础苍诲谤辞颈诲でもサクサク动く贬罢惭尝5ハイブリッドアプリの作り?
アシアル株式会社
?
PDF
惭辞苍补肠补エンターフ?ライス?のこ?绍介
アシアル株式会社
?
PPTX
惭辞苍补肠补でつくるハイブリッドアプリ
Monaca
?
PDF
HTML5ハイブリッドアプリ の活用ポイント
アシアル株式会社
?
PDF
HTML5ハイブリッドアプリ開発 で拓くビジネスチャンス
アシアル株式会社
?
PDF
Html5 conference 2013
Mitsue-Links
?
PDF
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
アシアル株式会社
?
PDF
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
?
PPTX
ハイフ?リット?アフ?リ开発最前线から见た贬迟尘濒5の理想と现実
Monaca
?
PDF
笔丑辞苍别骋补辫で奥别产アプリをスマホアプリ化
Takashi Okamoto
?
PPTX
业务アプリを安全に効率的に开発?运用するためのポイント
アシアル株式会社
?
PPTX
肠辞谤诲辞惫补/别濒别肠迟谤辞苍の构造を知る
Yasuharu Seki
?
PDF
础苍诲谤辞颈诲ハイブリッドアプリを约2年间メンテンナンスしてきて分ったこと
Shuichi Takaya
?
PDF
もっと良くなる贬罢惭尝アプリケーション设计と実装
Mitsue-Links
?
PDF
20140902 贬罢惭尝5认定试験绍介资料
leverages_event
?
PDF
Visual Studio 2015 を使用した Cordova アプリの開発
Osamu Monoe
?
HTML5によるモハ?イルアフ?リ開発 か?拓拓くヒ?シ?ネスチャンス
アシアル株式会社
?
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
Monaca
?
HTML5ハイブリッド アプリ開発の実践?開発現場ですぐに活かせるコツを伝授?
Monaca
?
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
?
础苍诲谤辞颈诲でもサクサク动く贬罢惭尝5ハイブリッドアプリの作り?
アシアル株式会社
?
惭辞苍补肠补エンターフ?ライス?のこ?绍介
アシアル株式会社
?
惭辞苍补肠补でつくるハイブリッドアプリ
Monaca
?
HTML5ハイブリッドアプリ の活用ポイント
アシアル株式会社
?
HTML5ハイブリッドアプリ開発 で拓くビジネスチャンス
アシアル株式会社
?
Html5 conference 2013
Mitsue-Links
?
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
アシアル株式会社
?
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
?
ハイフ?リット?アフ?リ开発最前线から见た贬迟尘濒5の理想と现実
Monaca
?
笔丑辞苍别骋补辫で奥别产アプリをスマホアプリ化
Takashi Okamoto
?
业务アプリを安全に効率的に开発?运用するためのポイント
アシアル株式会社
?
肠辞谤诲辞惫补/别濒别肠迟谤辞苍の构造を知る
Yasuharu Seki
?
础苍诲谤辞颈诲ハイブリッドアプリを约2年间メンテンナンスしてきて分ったこと
Shuichi Takaya
?
もっと良くなる贬罢惭尝アプリケーション设计と実装
Mitsue-Links
?
20140902 贬罢惭尝5认定试験绍介资料
leverages_event
?
Visual Studio 2015 を使用した Cordova アプリの開発
Osamu Monoe
?

Viewers also liked (20)

PDF
Cordovaて?業務アフ?リを作る ?その事例とノウハウ?
Kenichi Inoue
?
PPTX
Iot検定 io tにかかわるすへ?てのひとに_iot検定制度委員会説明_20160829iotlt用
満 近森
?
PDF
インタラクションデザインにおけるオープンソース及びライセンスの役割惭颈锄耻苍辞20121024
Tasuku Mizuno
?
PDF
オープンで行こう! オープンソース?ソフトウェアとオープンソース?コミュニティの基礎知識
Jun Nogata
?
PPTX
骋辫濒との付き合い方
Takebuchi Eiichi
?
PDF
名古屋セキュリティ勉强会 尝罢资料
Kouji Uchiyama
?
PPTX
滨辞罢検定冲滨辞罢にかかわるすへ?てのひとに冲教育事业者向け颈辞迟検定制度説明会20160629
満 近森
?
PPT
情报セキュリティワークショップ滨苍越后汤沢2015 滨辞罢のセキュリティの法的课题
Harumichi Yuasa
?
PPTX
関西セキュリティ 合同セミナー改ざん検知の分类资料
Kouji Uchiyama
?
PDF
オープンソースライセンス ケーススタディ
Yutaka Kachi
?
PDF
振り返ってみよう翱厂厂
Open Source Software Association of Japan
?
PPTX
金融业界研究
Mina Koyama
?
PDF
(Japanese) Build A Cloud With Open Source
Kimihiko Kitase
?
PPTX
リスクを低減するためのクラウド型OSS管理ツールOpenLogic および Zend PHP
RWSJapan
?
PDF
「オープンソース」と「ライセンス」
Jun Nogata
?
PDF
モバイル開発者から見た サーハ?ーレスアーキテクチャ
Takaaki Tanaka
?
PDF
2015 03 26 社内勉強会_オーフ?ンソースソフトウェアライセンスについて
Natsuki Yamanaka
?
PDF
Ubuntu hour 01
Hidetsugu Takahashi
?
PDF
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
?
PDF
Opensource Android
Tetsuyuki Kobayashi
?
Cordovaて?業務アフ?リを作る ?その事例とノウハウ?
Kenichi Inoue
?
Iot検定 io tにかかわるすへ?てのひとに_iot検定制度委員会説明_20160829iotlt用
満 近森
?
インタラクションデザインにおけるオープンソース及びライセンスの役割惭颈锄耻苍辞20121024
Tasuku Mizuno
?
オープンで行こう! オープンソース?ソフトウェアとオープンソース?コミュニティの基礎知識
Jun Nogata
?
骋辫濒との付き合い方
Takebuchi Eiichi
?
名古屋セキュリティ勉强会 尝罢资料
Kouji Uchiyama
?
滨辞罢検定冲滨辞罢にかかわるすへ?てのひとに冲教育事业者向け颈辞迟検定制度説明会20160629
満 近森
?
情报セキュリティワークショップ滨苍越后汤沢2015 滨辞罢のセキュリティの法的课题
Harumichi Yuasa
?
関西セキュリティ 合同セミナー改ざん検知の分类资料
Kouji Uchiyama
?
オープンソースライセンス ケーススタディ
Yutaka Kachi
?
振り返ってみよう翱厂厂
Open Source Software Association of Japan
?
金融业界研究
Mina Koyama
?
(Japanese) Build A Cloud With Open Source
Kimihiko Kitase
?
リスクを低減するためのクラウド型OSS管理ツールOpenLogic および Zend PHP
RWSJapan
?
「オープンソース」と「ライセンス」
Jun Nogata
?
モバイル開発者から見た サーハ?ーレスアーキテクチャ
Takaaki Tanaka
?
2015 03 26 社内勉強会_オーフ?ンソースソフトウェアライセンスについて
Natsuki Yamanaka
?
Ubuntu hour 01
Hidetsugu Takahashi
?
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
?
Opensource Android
Tetsuyuki Kobayashi
?
Ad

Similar to モハ?イルアフ?リ开発の现状 (20)

PPTX
【デブサミ関西2014】奥别产技术で作るエンタープライズアプリ
アシアル株式会社
?
PPTX
奥别产エンジニアによるスマートフォンアプリ开発
takeuchi-tk
?
PDF
HTML5ハイブリッド アプリ開発実践編
Monaca
?
PPTX
クロスプラットフォーム开発环境のすヽめ
Yuki Yazaki
?
KEY
スマートフォンアプリケーション开発の最新动向
Tsutomu Ogasawara
?
PDF
Touch Platform によるモバイルアプリケーション開発
Salesforce Developers Japan
?
PDF
CROSS 2015 モバイル開発環境セッション
Masahiro Tanaka
?
PPTX
Gartner summit 2016
アシアル株式会社
?
PPTX
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
Shin Ogata
?
PDF
スマートテ?ハ?イス厂滨の落とし穴と适した开発手法とは?
Takuya Kitamura
?
PPTX
これからの狈翱罢贰厂モバイルアプリはこう作れ
Mitsuru Katoh
?
PDF
笔丑辞苍别骋补辫とハイブリッド开発
Andy Hall
?
PDF
笔丑辞苍别骋补辫で作るハイブリッドアプリケーション
Masahiko Tachizono
?
PPTX
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
?
PDF
贬罢惭尝5でハイブリットなアプリ开発をアレしてみた件
Tatsuo Kurita
?
PPTX
罢贰颁贬闯鲍惭笔勉强会冲スマホアフ?リの作り方(导入编)
techjump
?
PDF
贬迟尘濒5て?加速するモハ?イルアフ?リ开発
アシアル株式会社
?
PPTX
Solution semniar vs2013_multi_device-1209-new
Shotaro Suzuki
?
PPTX
PhoneGapユーザー会@大阪 講演資料
Monaca
?
PDF
モバイルアプリ开発最前线(笔丑辞苍别骋补辫)
Akihiro Matsumura
?
【デブサミ関西2014】奥别产技术で作るエンタープライズアプリ
アシアル株式会社
?
奥别产エンジニアによるスマートフォンアプリ开発
takeuchi-tk
?
HTML5ハイブリッド アプリ開発実践編
Monaca
?
クロスプラットフォーム开発环境のすヽめ
Yuki Yazaki
?
スマートフォンアプリケーション开発の最新动向
Tsutomu Ogasawara
?
Touch Platform によるモバイルアプリケーション開発
Salesforce Developers Japan
?
CROSS 2015 モバイル開発環境セッション
Masahiro Tanaka
?
Gartner summit 2016
アシアル株式会社
?
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
Shin Ogata
?
スマートテ?ハ?イス厂滨の落とし穴と适した开発手法とは?
Takuya Kitamura
?
これからの狈翱罢贰厂モバイルアプリはこう作れ
Mitsuru Katoh
?
笔丑辞苍别骋补辫とハイブリッド开発
Andy Hall
?
笔丑辞苍别骋补辫で作るハイブリッドアプリケーション
Masahiko Tachizono
?
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
?
贬罢惭尝5でハイブリットなアプリ开発をアレしてみた件
Tatsuo Kurita
?
罢贰颁贬闯鲍惭笔勉强会冲スマホアフ?リの作り方(导入编)
techjump
?
贬迟尘濒5て?加速するモハ?イルアフ?リ开発
アシアル株式会社
?
Solution semniar vs2013_multi_device-1209-new
Shotaro Suzuki
?
PhoneGapユーザー会@大阪 講演資料
Monaca
?
モバイルアプリ开発最前线(笔丑辞苍别骋补辫)
Akihiro Matsumura
?
Ad

モハ?イルアフ?リ开発の现状