SlideShare a Scribd company logo
1 of 31
Bringing More People To Apps
Monaca事例例から学ぶ
HTML5モバイルアプリ開発の
活⽤用ポイント
アシアル株式会社
塚⽥田亮亮⼀一
Bringing More People To Apps
アシアル株式会社
会社概要
•  創業:2002年年
•  資本⾦金金:1000万円
•  事業所:東京(本社)、サンフランシスコ
•  従業員数:約35名(8国籍)
事業内容
•  開発プラットフォーム事業:開発ツール、UIフレームワーク
•  開発⽀支援事業:アプリ開発、サーバーサイド(PHP)開発
•  教育事業:トレーニング、執筆
Bringing More People To Apps
HTML5モバイルアプリ開発基盤
Monaca
HTML5、JavaScript
でアプリ開発
セットアップ不不要の
クラウド開発環境
UIフレームワーク
Onsen UI搭載
安⼼心の⽇日本語サポート
⽇日本で最も普及している
Cross-Platform開発環境の⼀一つ
15万⼈人
Bringing More People To Apps
HTML5はモバイル開発No.1
出典: Developer Economics 2014 Q3
構築技術のなかで圧倒的に
⾼高いマインドシェアを獲得
Bringing More People To Apps
アプリビジネスから
ビジネスのためのアプリへ
企業向け
モバイルアプリ
消費者向け
モバイルアプリ
Bringing More People To Apps
ビジネスのためのアプリ開発
を推進する上での課題
u アプリエンジニアが圧倒的に不不⾜足
u アプリ⾃自体が直接収益をあげない
u iOS/Android両対応必須
u LOBからの要求に基づく開発
エンジニア
確保
開発効率率率
開発スピード
Bringing More People To Apps
Cross Platformツールが主流流に
61%
35%
31%
18%
15%
13%
12%
9%
4%
3%
0% 10% 20% 30% 40% 50% 60% 70%
PhoneGap/Cordova
Xamarin
Unity
Qt
Adobe Air
Appcelerator
Corona
Marmelade
Codename One
Live Code
Using this tool Prioritize this tool
Vision Mobile Analysis of Cross-Platform Development, July 2015
Bringing More People To Apps
さ
Cordovaがデファクト的存在
Bringing More People To Apps
Cordovaのメリット
ネイティブコード
HTML
コンテンツ
アプリ本体はHTML5で実装
ネイティブアプリ形式で配布
ハードウェア機能を利利⽤用可能
Pluginでネイティブ機能を拡張
Bringing More People To Apps
でもこんなこと⾔言ってる⼈人
いましたね、、、
『HTML5に賭けたの
は失敗』
2012年年にHTML5から
ネイティブ化へ
Bringing More People To Apps
HTML5ハイブリッドアプリ
が当時抱えていた課題
1.  アプリに機能制限がでてしま
うのではないか?
2.  アプリのパフォーマンスが低
いのではないか?
Bringing More People To Apps
PluginでネイティブAPI利利⽤用
Cordova公式
サイトで探す
⾃自作する
Bringing More People To Apps
事例例:タニタヘルスプラネット
•  体組成計連携の健康管理理アプリを2ヶ⽉月で開発
•  Bluetoothを使って専⽤用の体組成計からデータを⾃自動
で受け取ることが可能
Bringing More People To Apps
端末の⼤大幅な進化
初代Xperia Xperia  Z  5
発売⽇日:  2010年年4⽉月
Android 1.6  (後に2.1)
1GHz シングルコアCPU
384MBメモリー
ベンチマークスコア:  3361
発売⽇日:  2015年年10⽉月
Android 5.2
2GHz クワッド(8)コアCPU
3GBメモリー
ベンチマークスコア:  52084
5年年間で20倍もの
スピードアップ
WebviewのChronium化
Crosswalkの登場
Bringing More People To Apps
HTML5ハイブリッドアプリ向け
UIフレームワークの登場
Onsen UI
•  Custom Elementsで簡単設計
•  OSに応じてUIを切切り替え+
CSSで簡単カスタマイズ
•  マテリアルデザインにも対応
▷  http://ja.onsen.io/
Bringing More People To Apps
事例例:ジャパンネット銀⾏行行
残⾼高確認アプリ
•  Onsen UIでネイティブと遜⾊色ないUIを実現
•  アセット暗号化プラグインでソースコードを隠蔽
Bringing More People To Apps
Cordovaが向いている例例
u Webサービス・既存システムのアプリ化
u オフライン対応、端末機能追加
u Webシステムとの開発リソース共通化
u LOBからの要求によるアプリ開発
u 変更更・改修が予想される
u ビジネスの変化合わせた開発
u アプリのテンプレート化
Webサービス・既存システムの
アプリ化事例例
Bringing More People To Apps
事例例:ニジボックス
レシポ!
•  エンジニア1名実⾼高数2週間程度度でアプリを完成
•  Monacaデバッガーを使ったユーザーテストでUI改善
Bringing More People To Apps
事例例:⻑⾧長野銀⾏行行
NaganoBank Total Assist Book
•  システム検討から導⼊入までわずか10ヶ⽉月
•  当初はiPadだが、将来を⾒見見据えた戦略略
印刷機能は別アプリ化することでメンテコスト削減
LOBからの要求による
アプリ開発事例例
Bringing More People To Apps
事例例:NPOフュージョン⻑⾧長池
152カ所の公園管理理作業の
⾒見見える化・効率率率化・情報共有化を実現
Bringing More People To Apps
事例例:プロルート丸光
•  ⽼老老舗企業の営業部⾨門主導のアプリ開発
•  mBaaSを活⽤用したビジネスチャットアプリ
•  構想から5ヶ⽉月でサービスイン
アプリのテンプレート化事例例
Bringing More People To Apps
事例例:プロトコーポレーション様
MOTOR GATE
MOTOR GATE
CMS
Bringing More People To Apps
HTML5モバイルアプリ開発
活⽤用ポイント
u iOS、Android同時開発
u 既存のシステム資産の活⽤用
u 既存の開発チームでのアプリ開発
u UIフレームワークや開発⽀支援ツールを有
効活⽤用
ビジネスの変化に合わせた
スピード感あるアプリ開発を実現
Bringing More People To Apps
•  ハンズオン形式のMonaca講座
•  参加費:3,240円〜~
•  書籍をプレゼント
•  次回7⽉月14⽇日開催
Bringing More People To Apps
アプリ開発は
Monaca開発パートナーに
ご相談ください
Bringing More People To Apps
ご清聴ありがとうございました

More Related Content

What's hot

Web標準技術で iOS、Android両対応アプリを開発
Web標準技術でiOS、Android両対応アプリを開発Web標準技術でiOS、Android両対応アプリを開発
Web標準技術で iOS、Android両対応アプリを開発 アシアル株式会社
 
Monaca事例から学ぶHTML5モバイルアプリの活用ポイント
Monaca事例から学ぶHTML5モバイルアプリの活用ポイントMonaca事例から学ぶHTML5モバイルアプリの活用ポイント
Monaca事例から学ぶHTML5モバイルアプリの活用ポイントアシアル株式会社
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリアシアル株式会社
 
モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線アシアル株式会社
 
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情 はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情 Monaca
 
Cordova×業務システム:失敗しないモバイル開発の秘訣
Cordova×業務システム:失敗しないモバイル開発の秘訣Cordova×業務システム:失敗しないモバイル開発の秘訣
Cordova×業務システム:失敗しないモバイル開発の秘訣アシアル株式会社
 
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅アシアル株式会社
 
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイントエンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイントアシアル株式会社
 
Html5 conference 2013
Html5 conference 2013Html5 conference 2013
Html5 conference 2013Mitsue-Links
 
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発日本Cordovaユーザー会
 
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント 事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント Monaca
 
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてKazuaki Hidaka
 
業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイントアシアル株式会社
 
Monacaによるモバイルアプリ開発ことはじめ
Monacaによるモバイルアプリ開発ことはじめMonacaによるモバイルアプリ開発ことはじめ
Monacaによるモバイルアプリ開発ことはじめアシアル株式会社
 
Monacaエンタープライズのご紹介
Monacaエンタープライズのご紹介Monacaエンタープライズのご紹介
Monacaエンタープライズのご紹介アシアル株式会社
 

What's hot (20)

Web標準技術で iOS、Android両対応アプリを開発
Web標準技術でiOS、Android両対応アプリを開発Web標準技術でiOS、Android両対応アプリを開発
Web標準技術で iOS、Android両対応アプリを開発
 
Monaca事例から学ぶHTML5モバイルアプリの活用ポイント
Monaca事例から学ぶHTML5モバイルアプリの活用ポイントMonaca事例から学ぶHTML5モバイルアプリの活用ポイント
Monaca事例から学ぶHTML5モバイルアプリの活用ポイント
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
 
Cordovaの特徴と開発手法概要
Cordovaの特徴と開発手法概要Cordovaの特徴と開発手法概要
Cordovaの特徴と開発手法概要
 
モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線
 
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情 はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
 
iOS App Storeの話
iOS App Storeの話iOS App Storeの話
iOS App Storeの話
 
Cordova×業務システム:失敗しないモバイル開発の秘訣
Cordova×業務システム:失敗しないモバイル開発の秘訣Cordova×業務システム:失敗しないモバイル開発の秘訣
Cordova×業務システム:失敗しないモバイル開発の秘訣
 
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
 
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイントエンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
 
Html5 conference 2013
Html5 conference 2013Html5 conference 2013
Html5 conference 2013
 
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
 
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
 
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント 事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
 
Onsen UIが目指すもの
Onsen UIが目指すものOnsen UIが目指すもの
Onsen UIが目指すもの
 
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについてネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
 
業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント
 
Monacaによるモバイルアプリ開発ことはじめ
Monacaによるモバイルアプリ開発ことはじめMonacaによるモバイルアプリ開発ことはじめ
Monacaによるモバイルアプリ開発ことはじめ
 
デバイス時代の Web UI コンポーネント活用
デバイス時代の Web UI コンポーネント活用デバイス時代の Web UI コンポーネント活用
デバイス時代の Web UI コンポーネント活用
 
Monacaエンタープライズのご紹介
Monacaエンタープライズのご紹介Monacaエンタープライズのご紹介
Monacaエンタープライズのご紹介
 

Similar to Monacaソリューションセミナー20160621

DeviceConnect向けCordovaプラグインを作ってみた
DeviceConnect向けCordovaプラグインを作ってみたDeviceConnect向けCordovaプラグインを作ってみた
DeviceConnect向けCordovaプラグインを作ってみたDevice WebAPI Consortium
 
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイントクロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイントMonaca
 
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法Kazuhiro Kotsutsumi
 
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」アシアル株式会社
 
LexuesAcademy-全体まとめ
LexuesAcademy-全体まとめLexuesAcademy-全体まとめ
LexuesAcademy-全体まとめShin Sekaryo
 
MoneyForwardアプリ開発の裏側
MoneyForwardアプリ開発の裏側MoneyForwardアプリ開発の裏側
MoneyForwardアプリ開発の裏側Katsunobu Ishida
 
香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部についてyohei iwakura
 
Developer Summit Summer 2013 C1セッション CA Technologies
Developer Summit Summer 2013 C1セッション CA TechnologiesDeveloper Summit Summer 2013 C1セッション CA Technologies
Developer Summit Summer 2013 C1セッション CA TechnologiesSA CA
 
CROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッションCROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッションMasahiro Tanaka
 
gumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナー
gumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナーgumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナー
gumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナーKatsuaki Sato
 
TECHFUND Company profile
TECHFUND Company profileTECHFUND Company profile
TECHFUND Company profileTakuyaTeramoto
 
#MSIgnite x Japan Microsoft MVP/RD - Learning story
#MSIgnite x Japan Microsoft MVP/RD - Learning story#MSIgnite x Japan Microsoft MVP/RD - Learning story
#MSIgnite x Japan Microsoft MVP/RD - Learning storyRie Moriguchi
 
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
20180206 Lay App  Grow App で進める DevOps アプリ開発アプローチ20180206 Lay App  Grow App で進める DevOps アプリ開発アプローチ
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチShunsuke Kawai
 
Html5で加速するモバイルアプリ開発
Html5で加速するモバイルアプリ開発Html5で加速するモバイルアプリ開発
Html5で加速するモバイルアプリ開発アシアル株式会社
 
ノンコーディングでビジネスアプリ作成 PowerApps入門
ノンコーディングでビジネスアプリ作成 PowerApps入門ノンコーディングでビジネスアプリ作成 PowerApps入門
ノンコーディングでビジネスアプリ作成 PowerApps入門Trainocate Japan, Ltd.
 
Onlab presentation 072412
Onlab presentation 072412Onlab presentation 072412
Onlab presentation 072412Hiro Maeda
 
受動的なメディア接触のススメ Ad tech
受動的なメディア接触のススメ Ad tech受動的なメディア接触のススメ Ad tech
受動的なメディア接触のススメ Ad techIkko Yoshiba
 
就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmof就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmofDIVE INTO CODE Corp.
 

Similar to Monacaソリューションセミナー20160621 (20)

Gartner summit 2016
Gartner summit 2016Gartner summit 2016
Gartner summit 2016
 
DeviceConnect向けCordovaプラグインを作ってみた
DeviceConnect向けCordovaプラグインを作ってみたDeviceConnect向けCordovaプラグインを作ってみた
DeviceConnect向けCordovaプラグインを作ってみた
 
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイントクロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイント
 
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
 
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
 
LexuesAcademy-全体まとめ
LexuesAcademy-全体まとめLexuesAcademy-全体まとめ
LexuesAcademy-全体まとめ
 
MoneyForwardアプリ開発の裏側
MoneyForwardアプリ開発の裏側MoneyForwardアプリ開発の裏側
MoneyForwardアプリ開発の裏側
 
香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について
 
Developer Summit Summer 2013 C1セッション CA Technologies
Developer Summit Summer 2013 C1セッション CA TechnologiesDeveloper Summit Summer 2013 C1セッション CA Technologies
Developer Summit Summer 2013 C1セッション CA Technologies
 
CROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッションCROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッション
 
11.9 bkclt
11.9 bkclt11.9 bkclt
11.9 bkclt
 
gumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナー
gumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナーgumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナー
gumi - 「HTML5×スマートフォン」時代のソーシャルゲーム戦略セミナー
 
TECHFUND Company profile
TECHFUND Company profileTECHFUND Company profile
TECHFUND Company profile
 
#MSIgnite x Japan Microsoft MVP/RD - Learning story
#MSIgnite x Japan Microsoft MVP/RD - Learning story#MSIgnite x Japan Microsoft MVP/RD - Learning story
#MSIgnite x Japan Microsoft MVP/RD - Learning story
 
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
20180206 Lay App  Grow App で進める DevOps アプリ開発アプローチ20180206 Lay App  Grow App で進める DevOps アプリ開発アプローチ
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
 
Html5で加速するモバイルアプリ開発
Html5で加速するモバイルアプリ開発Html5で加速するモバイルアプリ開発
Html5で加速するモバイルアプリ開発
 
ノンコーディングでビジネスアプリ作成 PowerApps入門
ノンコーディングでビジネスアプリ作成 PowerApps入門ノンコーディングでビジネスアプリ作成 PowerApps入門
ノンコーディングでビジネスアプリ作成 PowerApps入門
 
Onlab presentation 072412
Onlab presentation 072412Onlab presentation 072412
Onlab presentation 072412
 
受動的なメディア接触のススメ Ad tech
受動的なメディア接触のススメ Ad tech受動的なメディア接触のススメ Ad tech
受動的なメディア接触のススメ Ad tech
 
就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmof就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmof
 

More from アシアル株式会社

kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験アシアル株式会社
 
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)アシアル株式会社
 
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)アシアル株式会社
 
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)アシアル株式会社
 
Onsen UI 2 開発における JS フレームワーク衝突事例集
Onsen UI 2 開発における JS フレームワーク衝突事例集Onsen UI 2 開発における JS フレームワーク衝突事例集
Onsen UI 2 開発における JS フレームワーク衝突事例集アシアル株式会社
 
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)アシアル株式会社
 
Onsen UI の最近とこれから 〜 国内サポートはじめました
Onsen UI の最近とこれから 〜 国内サポートはじめましたOnsen UI の最近とこれから 〜 国内サポートはじめました
Onsen UI の最近とこれから 〜 国内サポートはじめましたアシアル株式会社
 
最新UIフレームワーク Onsen UI2で カッコイイWordPress連携アプリを作る方法
最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法
最新UIフレームワーク Onsen UI2で カッコイイWordPress連携アプリを作る方法アシアル株式会社
 
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀアシアル株式会社
 
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料アシアル株式会社
 
HTML5プロフェッショナル認定試験対策講座
HTML5プロフェッショナル認定試験対策講座HTML5プロフェッショナル認定試験対策講座
HTML5プロフェッショナル認定試験対策講座アシアル株式会社
 
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発アシアル株式会社
 
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリアシアル株式会社
 

More from アシアル株式会社 (16)

MonacaとEducation活動の紹介
MonacaとEducation活動の紹介MonacaとEducation活動の紹介
MonacaとEducation活動の紹介
 
PWA 4 Business
PWA 4 BusinessPWA 4 Business
PWA 4 Business
 
kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験
 
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
 
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
 
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
 
Onsen UI 2 開発における JS フレームワーク衝突事例集
Onsen UI 2 開発における JS フレームワーク衝突事例集Onsen UI 2 開発における JS フレームワーク衝突事例集
Onsen UI 2 開発における JS フレームワーク衝突事例集
 
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
 
Onsen UI の最近とこれから 〜 国内サポートはじめました
Onsen UI の最近とこれから 〜 国内サポートはじめましたOnsen UI の最近とこれから 〜 国内サポートはじめました
Onsen UI の最近とこれから 〜 国内サポートはじめました
 
最新UIフレームワーク Onsen UI2で カッコイイWordPress連携アプリを作る方法
最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法
最新UIフレームワーク Onsen UI2で カッコイイWordPress連携アプリを作る方法
 
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
 
Onsen UI 2.0とUIライブラリの未来
Onsen UI 2.0とUIライブラリの未来Onsen UI 2.0とUIライブラリの未来
Onsen UI 2.0とUIライブラリの未来
 
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料
 
HTML5プロフェッショナル認定試験対策講座
HTML5プロフェッショナル認定試験対策講座HTML5プロフェッショナル認定試験対策講座
HTML5プロフェッショナル認定試験対策講座
 
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
 
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
 

Recently uploaded

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A surveyToru Tamaki
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)Hiroki Ichikura
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNetToru Tamaki
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdftaisei2219
 

Recently uploaded (8)

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
 

Monacaソリューションセミナー20160621

  • 1. Bringing More People To Apps Monaca事例例から学ぶ HTML5モバイルアプリ開発の 活⽤用ポイント アシアル株式会社 塚⽥田亮亮⼀一
  • 2. Bringing More People To Apps アシアル株式会社 会社概要 •  創業:2002年年 •  資本⾦金金:1000万円 •  事業所:東京(本社)、サンフランシスコ •  従業員数:約35名(8国籍) 事業内容 •  開発プラットフォーム事業:開発ツール、UIフレームワーク •  開発⽀支援事業:アプリ開発、サーバーサイド(PHP)開発 •  教育事業:トレーニング、執筆
  • 3. Bringing More People To Apps HTML5モバイルアプリ開発基盤 Monaca HTML5、JavaScript でアプリ開発 セットアップ不不要の クラウド開発環境 UIフレームワーク Onsen UI搭載 安⼼心の⽇日本語サポート
  • 5. Bringing More People To Apps HTML5はモバイル開発No.1 出典: Developer Economics 2014 Q3 構築技術のなかで圧倒的に ⾼高いマインドシェアを獲得
  • 6. Bringing More People To Apps アプリビジネスから ビジネスのためのアプリへ 企業向け モバイルアプリ 消費者向け モバイルアプリ
  • 7. Bringing More People To Apps ビジネスのためのアプリ開発 を推進する上での課題 u アプリエンジニアが圧倒的に不不⾜足 u アプリ⾃自体が直接収益をあげない u iOS/Android両対応必須 u LOBからの要求に基づく開発 エンジニア 確保 開発効率率率 開発スピード
  • 8. Bringing More People To Apps Cross Platformツールが主流流に 61% 35% 31% 18% 15% 13% 12% 9% 4% 3% 0% 10% 20% 30% 40% 50% 60% 70% PhoneGap/Cordova Xamarin Unity Qt Adobe Air Appcelerator Corona Marmelade Codename One Live Code Using this tool Prioritize this tool Vision Mobile Analysis of Cross-Platform Development, July 2015
  • 9. Bringing More People To Apps さ Cordovaがデファクト的存在
  • 10. Bringing More People To Apps Cordovaのメリット ネイティブコード HTML コンテンツ アプリ本体はHTML5で実装 ネイティブアプリ形式で配布 ハードウェア機能を利利⽤用可能 Pluginでネイティブ機能を拡張
  • 11. Bringing More People To Apps でもこんなこと⾔言ってる⼈人 いましたね、、、 『HTML5に賭けたの は失敗』 2012年年にHTML5から ネイティブ化へ
  • 12. Bringing More People To Apps HTML5ハイブリッドアプリ が当時抱えていた課題 1.  アプリに機能制限がでてしま うのではないか? 2.  アプリのパフォーマンスが低 いのではないか?
  • 13. Bringing More People To Apps PluginでネイティブAPI利利⽤用 Cordova公式 サイトで探す ⾃自作する
  • 14. Bringing More People To Apps 事例例:タニタヘルスプラネット •  体組成計連携の健康管理理アプリを2ヶ⽉月で開発 •  Bluetoothを使って専⽤用の体組成計からデータを⾃自動 で受け取ることが可能
  • 15. Bringing More People To Apps 端末の⼤大幅な進化 初代Xperia Xperia  Z  5 発売⽇日:  2010年年4⽉月 Android 1.6  (後に2.1) 1GHz シングルコアCPU 384MBメモリー ベンチマークスコア:  3361 発売⽇日:  2015年年10⽉月 Android 5.2 2GHz クワッド(8)コアCPU 3GBメモリー ベンチマークスコア:  52084 5年年間で20倍もの スピードアップ WebviewのChronium化 Crosswalkの登場
  • 16. Bringing More People To Apps HTML5ハイブリッドアプリ向け UIフレームワークの登場
  • 17. Onsen UI •  Custom Elementsで簡単設計 •  OSに応じてUIを切切り替え+ CSSで簡単カスタマイズ •  マテリアルデザインにも対応 ▷  http://ja.onsen.io/
  • 18. Bringing More People To Apps 事例例:ジャパンネット銀⾏行行 残⾼高確認アプリ •  Onsen UIでネイティブと遜⾊色ないUIを実現 •  アセット暗号化プラグインでソースコードを隠蔽
  • 19. Bringing More People To Apps Cordovaが向いている例例 u Webサービス・既存システムのアプリ化 u オフライン対応、端末機能追加 u Webシステムとの開発リソース共通化 u LOBからの要求によるアプリ開発 u 変更更・改修が予想される u ビジネスの変化合わせた開発 u アプリのテンプレート化
  • 21. Bringing More People To Apps 事例例:ニジボックス レシポ! •  エンジニア1名実⾼高数2週間程度度でアプリを完成 •  Monacaデバッガーを使ったユーザーテストでUI改善
  • 22. Bringing More People To Apps 事例例:⻑⾧長野銀⾏行行 NaganoBank Total Assist Book •  システム検討から導⼊入までわずか10ヶ⽉月 •  当初はiPadだが、将来を⾒見見据えた戦略略 印刷機能は別アプリ化することでメンテコスト削減
  • 24. Bringing More People To Apps 事例例:NPOフュージョン⻑⾧長池 152カ所の公園管理理作業の ⾒見見える化・効率率率化・情報共有化を実現
  • 25. Bringing More People To Apps 事例例:プロルート丸光 •  ⽼老老舗企業の営業部⾨門主導のアプリ開発 •  mBaaSを活⽤用したビジネスチャットアプリ •  構想から5ヶ⽉月でサービスイン
  • 27. Bringing More People To Apps 事例例:プロトコーポレーション様 MOTOR GATE MOTOR GATE CMS
  • 28. Bringing More People To Apps HTML5モバイルアプリ開発 活⽤用ポイント u iOS、Android同時開発 u 既存のシステム資産の活⽤用 u 既存の開発チームでのアプリ開発 u UIフレームワークや開発⽀支援ツールを有 効活⽤用 ビジネスの変化に合わせた スピード感あるアプリ開発を実現
  • 29. Bringing More People To Apps •  ハンズオン形式のMonaca講座 •  参加費:3,240円〜~ •  書籍をプレゼント •  次回7⽉月14⽇日開催
  • 30. Bringing More People To Apps アプリ開発は Monaca開発パートナーに ご相談ください
  • 31. Bringing More People To Apps ご清聴ありがとうございました