Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
アプリ開発の可能性を広げるプラットフォーム
HTML5ハイブリッドアプリと
MonacaとCordovaの紹介
アシアル株式会社
田中正裕 / @MASSIE
CROSS 2015
本当に使える CROSS プラットフォーム開発環境はどれだ!ガ...
アプリ開発の可能性を広げるプラットフォーム
自己紹介
田中正裕
アシアル株式会社 代表取締役
Monacaプロダクトマネージャー
Twitter: @massie
E-mail: masahiro@asial.co.jp
HTML5 Exper...
【定義】
HTML5ハイブリッドアプリ
=Web技術で開発されるアプリ
【実装技術】
Cordovaフレームワーク
【対応ツール】
Monaca(だけではありませんが)
アプリ開発の可能性を広げるプラットフォーム
HTML5はモバイル開発No.1
出典: Developer Economics 2014 Q3
構築技術のなかで圧倒的に
高いマインドシェアを獲得
アプリ開発の可能性を広げるプラットフォーム
弱点は「デバイスAPI」
ネイティブSDKのプラットフォームAPIの充実度は
HTML5の比ではない
アプリ開発の可能性を広げるプラットフォーム
Webとネイティブの融合
ネイティブコード
HTML
コンテンツ
アプリケーション本体は
HTML5技術で実装
ハードウェア機能を利用可能
ネイティブアプリ形式で配布
HTML5ハイブリッドアプリ
アプリ開発の可能性を広げるプラットフォーム
さ
業界標準となったCordova
様々なソリューションに組み込まれている
アプリ開発の可能性を広げるプラットフォーム
Monaca クラウドIDE
ブラウザベースの
アプリ開発環境
Monacaデバッガー
実機でのデバッグと
テストを
Onsen UI
HTML5アプリ向け
UIフレームワーク
Monaca Loca...
アプリ開発の可能性を広げるプラットフォーム
MonacaクラウドIDE
• ブラウザベースのフル機能IDE
• モバイルとPCアプリ開発に対応
• iOS
• Android
• Windows 8
• Chrome Apps
• バックエンド...
Monacaデバッガー
同じアプリを実機上で簡単に動作確認できます。ライブリロード対応。
• ハイブリッド開発の実行ツール、コンパイル
せずに開発と動作確認
• Cordova APIやプラグイン追加にも対応
Onsen UIフレームワーク
• AngularJSベースのモバイルアプリ
• Custom Elementsで簡単設計
• OSに応じてUIを切り替え+
CSSで簡単カスタマイズ
80,000ユーザー、3,000アプリ
アプリ開発の可能性を広げるプラットフォーム
2月18日 発売予定!
詳細はこちらから
https://ja.monaca.io
ありがとうございました
Twitter: @massie
E-mail: masahiro@asial.co.jp
Masahiro Tanaka
Founder & CEO, Asi...
CROSS 2015 モバイル開発環境セッション
CROSS 2015 モバイル開発環境セッション
Upcoming SlideShare
Loading in …5
×

CROSS 2015 モバイル開発環境セッション

13,338 views

Published on

CROSS 2015での講演資料

Published in: Mobile

CROSS 2015 モバイル開発環境セッション

  1. 1. アプリ開発の可能性を広げるプラットフォーム HTML5ハイブリッドアプリと MonacaとCordovaの紹介 アシアル株式会社 田中正裕 / @MASSIE CROSS 2015 本当に使える CROSS プラットフォーム開発環境はどれだ!ガチンコ対決!
  2. 2. アプリ開発の可能性を広げるプラットフォーム 自己紹介 田中正裕 アシアル株式会社 代表取締役 Monacaプロダクトマネージャー Twitter: @massie E-mail: masahiro@asial.co.jp HTML5 Experts.js Cordovaユーザー会 アシアル執筆の最近の書籍
  3. 3. 【定義】 HTML5ハイブリッドアプリ =Web技術で開発されるアプリ 【実装技術】 Cordovaフレームワーク 【対応ツール】 Monaca(だけではありませんが)
  4. 4. アプリ開発の可能性を広げるプラットフォーム HTML5はモバイル開発No.1 出典: Developer Economics 2014 Q3 構築技術のなかで圧倒的に 高いマインドシェアを獲得
  5. 5. アプリ開発の可能性を広げるプラットフォーム 弱点は「デバイスAPI」 ネイティブSDKのプラットフォームAPIの充実度は HTML5の比ではない
  6. 6. アプリ開発の可能性を広げるプラットフォーム Webとネイティブの融合 ネイティブコード HTML コンテンツ アプリケーション本体は HTML5技術で実装 ハードウェア機能を利用可能 ネイティブアプリ形式で配布 HTML5ハイブリッドアプリ
  7. 7. アプリ開発の可能性を広げるプラットフォーム さ 業界標準となったCordova 様々なソリューションに組み込まれている
  8. 8. アプリ開発の可能性を広げるプラットフォーム Monaca クラウドIDE ブラウザベースの アプリ開発環境 Monacaデバッガー 実機でのデバッグと テストを Onsen UI HTML5アプリ向け UIフレームワーク Monaca Localkit ハイブリッドアプリの ローカル開発環境 HTML5アプリ開発 プラットフォーム BASIC デベロッパー向けプラン エンタープライズプラン 無料 3アプリまで 月1000円~ 月15万円~
  9. 9. アプリ開発の可能性を広げるプラットフォーム MonacaクラウドIDE • ブラウザベースのフル機能IDE • モバイルとPCアプリ開発に対応 • iOS • Android • Windows 8 • Chrome Apps • バックエンドやビルド機能
  10. 10. Monacaデバッガー 同じアプリを実機上で簡単に動作確認できます。ライブリロード対応。 • ハイブリッド開発の実行ツール、コンパイル せずに開発と動作確認 • Cordova APIやプラグイン追加にも対応
  11. 11. Onsen UIフレームワーク • AngularJSベースのモバイルアプリ • Custom Elementsで簡単設計 • OSに応じてUIを切り替え+ CSSで簡単カスタマイズ
  12. 12. 80,000ユーザー、3,000アプリ
  13. 13. アプリ開発の可能性を広げるプラットフォーム 2月18日 発売予定!
  14. 14. 詳細はこちらから https://ja.monaca.io ありがとうございました Twitter: @massie E-mail: masahiro@asial.co.jp Masahiro Tanaka Founder & CEO, Asial Corporation

×