Movatterモバイル変換


[0]ホーム

URL:


Monaca, profile picture
Uploaded byMonaca
PDF, PPTX13,909 views

120分聞けばドヤ顔で語れる apache cordova スーパー勉強会

「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。http://atnd.org/events/51539

Embed presentation

Download as PDF, PPTX
Apache Cordvaの話2014年6月10日アシアル株式会社 田中正裕MASAHIRO@ASIAL.CO.JP120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会
自己紹介田中正裕アシアル株式会社 代表取締役Twitter: @massieE-mail: masahiro@asial.co.jpアシアル執筆の最近の書籍2011年発刊、PhoneGap 0.9ベース
アシアル株式会社事業内容HTML5アプリ開発、ハイブリッドアプリ開発、ネイティブアプリサーバーサイド(PHP)開発、インフラ、教育事業など
PhoneGap/Cordovaの会社 PhoneGapを用いたアプリ開発 Monaca http://monaca.mobi/ Onsen UI http://onsenui.io/
Monaca クラウドベースのPhoneGap/Cordova開発環境(GUI) iOS, Android, Windows 8対応Firefox OS, Chrome Appsに近日対応予定 コマンドラインにも近日対応 無料~(商用利用でも) デバッガーを組み込み 日本語サポート・ドキュメント Windowsマシンでも開発OKhttp://monaca.mobi/
Monacaのユーザー 2000アプリが既にリリース 200以上の法人アカウント カジュアルアプリのデベロッパー システムインテグレータの方 同じスキルでiOS、Androidいずれのアプリも開発可能
Cordovaとは??
ストリート名
Cordova通りの場所Nitobi
Cordovaの歴史 NitobiがPhoneGapをつくる AdobeがNitobiを買収 PhoneGapはAdobeの商標に Apache FoundationにPhoneGapソースコードを移管 旧Nitobiチームは、ゆかりのある名前をつけたかった 「Cordova」に決定
CordovaとPhoneGapの違い結論同じ(APIレベルでは)
細かい違い① コマンドコマンドコマンドphonegapコマンドはcordovaコマンドを使用
細かい違い① コマンドコマンド サブコマンド cordova Phonegap 説明create ○ ○ プロジェクトを作成するserve ○ ○ローカルWebサーバーで起動(Developer App等で使用)build ○ ○ ビルドinstall ○ デバイスへのインストールrun ○ ○ デバイス上で実行plugin ○ ○ プラグインの追加/削除/検索prepare ○ ビルドイメージを作成compile ○ コンパイルを実施emulate ○ エミュレータ上で実行(run --emulatorと同じ)remotelogin/logout/build/install/run○ PhoneGap Build用コマンドlocal build/install/run/plugin ○ ローカル開発用コマンド
細かい違い②config.xmlcordovaのデフォルトのconfig.xml
細かい違い②config.xmlphonegapのデフォルトのconfig.xml
その他の違い 使用できるバージョンが異なる Cordova = 3.5 PhoneGap Build = 3.4 ネイティブコードの記述できる範囲が異なる Cordova = 自由にネイティブ側に手を入れられる PhoneGap Build = PhoneGapプラグインのみ PhoneGapには追加機能が PhoneGap Enterprise PhoneGap Developer App等
Cordovaと、その一味PhoneGapMonacaIonic FrameworkMS Visual StudioGoogle ChromeApps MobileIBM Worklight全部、同じものがつくれる。
モバイルWebとの違いモバイルブラウザー CordovaブラウザエンジンiOS:SafariかUIWebViewAndroid:WebView、Chrome等iOS:UIWebView (Nitro非対応)Android:WebViewHTML5、CSS、JSの対応度 同じJavaScript APIの拡張 × ○Same-Origin Policy CORSヘッダー適用されないAccess Originで制御
モバイルWebとの違い結論同じ(APIレベルでは)よってWebアプリ≒ハイブリッドアプリ
HTML5アプリとネイティブアプリの違い
ネイティブアプリとの比較作り方から動作の仕組みまで、全く異なる世界。
HTML5アプリの抱える課題 ユーザーインターフェース ネイティブアプリのようなスムーズなUIの実現 実行パフォーマンス ストレスのない画面描画 セキュリティ HTMLやJavaScriptコードの漏洩を防止 デバイスAPI / ネイティブ機能 iOSやAndroidの全APIをHTML5から呼び出す
最近の動向 新しいブラウザーエンジンの登場 ChromiumベースのWebView互換エンジン iOS 8で登場するWKWebView モダンなUIフレームワークの登場 AngularJSベース:Ionic Framework、Onsen UI CSS3への最適化:famo.us Cordova Plugin Registryの充実
Android WebView Intel Crosswalk Project Chrominiumベースのブラウザーエンジン。 TizenとAndroidに対応。 Ludei WebView+ (Cocoon JS) WebGLを有効にしたブラウザーエンジン。 3Dゲーム等に活用できる。 Amazon Silk Kindle Fire向けのブラウザーエンジン。 現状はAmazon HTML5/Web Apps Storeのみで有効。
WebView内包アプリの利点 Androidデバイスにおける差異を吸収 Android 4.0以上であれば同じHTML5/CSS3/JS機能 デバッグのしやすさ Chrome Dev Toolsを使ったUSBデバッグが有効に 端末依存が少ない(画面サイズのみ) パフォーマンスの向上 最新のBlinkエンジンを利用できる デメリット ファイルサイズが大きく(8MB~15MB) 起動時間が長い
iOS 8のWKWebViewiOS 8WKWebViewiOS 8UIWebViewiOS 7UIWebViewWebGL 3D Graphics ✓ ✓IndexedDB ✓HTML5 CoverageScore440/555 427/555 410/555SunSpiderBenchmark949.8ms 4249.6ms 3659.5msCSS Shapes ✓ ✓
モダンなJS UI Framework Ionic Framework (http://ionicframework.com) AngularJSベースのUIフレームワーク。 Onsen UI (http://onsenui.io) 日本製。タブレットとAndroid 2.3にも対応。 Famo.us (http://famo.us) CSS3を用いて高速な描画を行うJSフレームワーク。
Cordova Plugin Registryhttp://plugins.cordova.io/ Cordova 3.4からコアとプラグインを分離 これまでのAPIは全てプラグイン形式で配布 npmのプラグイン版 cordova pluginコマンドでインストール ユーザーがプラグインを投稿することも可能
時間があればMonacaのデモたぶん無くなる
ありがとうございましたP.S. 是非MONACAも使ってみてください。

Recommended

PPTX
CordovaでAngularJSアプリ開発
PDF
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
PDF
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
PDF
はやわかりHTML5ハイブリッドアプリ開発事情
 
PPTX
HTML5ハイブリッドアプリ開発のベストプラクティス
PPTX
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
PPTX
Cordova×業務システム:失敗しないモバイル開発の秘訣
PDF
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
 
PDF
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
PDF
Cordova (PhoneGap) で始める、スマホアプリ開発
PDF
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
PPTX
Monacaでつくるハイブリッドアプリ
 
PDF
Cordovaの特徴と開発手法概要
PPTX
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
 
PDF
モバイルアプリ開発の現状
PPTX
事例で解説するハイブリッドアプリ開発のポイント
 
PDF
Html5/JSモバイルアプリ最前線
PPTX
Cordovaの最近ホットな話題と地雷をまとめて紹介
PPTX
モバイル用Webフレームワーク最前線
PPTX
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
PDF
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
PDF
Onsen UI 2.0とUIライブラリの未来
PDF
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
PDF
HTML5ハイブリッドアプリ開発 で拓くビジネスチャンス
PDF
Monacaエンタープライズのご紹介
PPTX
Onsen UIが目指すもの
PDF
デブサミ2015「実践!クロスプラットフォーム モバイルアプリ開発」
PPTX
Gartner summit 2016
PPTX
クロスプラットフォーム開発を可能にするMonaca
 
PPTX
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
 

More Related Content

PPTX
CordovaでAngularJSアプリ開発
PDF
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
PDF
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
PDF
はやわかりHTML5ハイブリッドアプリ開発事情
 
PPTX
HTML5ハイブリッドアプリ開発のベストプラクティス
PPTX
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
PPTX
Cordova×業務システム:失敗しないモバイル開発の秘訣
PDF
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
 
CordovaでAngularJSアプリ開発
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
はやわかりHTML5ハイブリッドアプリ開発事情
 
HTML5ハイブリッドアプリ開発のベストプラクティス
エンタープライズ要件に対応する高品質なCordovaアプリ開発のポイント
Cordova×業務システム:失敗しないモバイル開発の秘訣
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
 

What's hot

PDF
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
PDF
Cordova (PhoneGap) で始める、スマホアプリ開発
PDF
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
PPTX
Monacaでつくるハイブリッドアプリ
 
PDF
Cordovaの特徴と開発手法概要
PPTX
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
 
PDF
モバイルアプリ開発の現状
PPTX
事例で解説するハイブリッドアプリ開発のポイント
 
PDF
Html5/JSモバイルアプリ最前線
PPTX
Cordovaの最近ホットな話題と地雷をまとめて紹介
PPTX
モバイル用Webフレームワーク最前線
PPTX
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
PDF
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
PDF
Onsen UI 2.0とUIライブラリの未来
PDF
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
PDF
HTML5ハイブリッドアプリ開発 で拓くビジネスチャンス
PDF
Monacaエンタープライズのご紹介
PPTX
Onsen UIが目指すもの
PDF
デブサミ2015「実践!クロスプラットフォーム モバイルアプリ開発」
PPTX
Gartner summit 2016
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Cordova (PhoneGap) で始める、スマホアプリ開発
エンタープライズ・モバイルアプリにおける ハイブリッドアプリ開発
Monacaでつくるハイブリッドアプリ
 
Cordovaの特徴と開発手法概要
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
 
モバイルアプリ開発の現状
事例で解説するハイブリッドアプリ開発のポイント
 
Html5/JSモバイルアプリ最前線
Cordovaの最近ホットな話題と地雷をまとめて紹介
モバイル用Webフレームワーク最前線
Cordova を使って本気で商用ハイブリッドアプリ開発をやってみた
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Onsen UI 2.0とUIライブラリの未来
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5ハイブリッドアプリ開発 で拓くビジネスチャンス
Monacaエンタープライズのご紹介
Onsen UIが目指すもの
デブサミ2015「実践!クロスプラットフォーム モバイルアプリ開発」
Gartner summit 2016

Similar to 120分聞けばドヤ顔で語れる apache cordova スーパー勉強会

PPTX
クロスプラットフォーム開発を可能にするMonaca
 
PPTX
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
 
PPTX
PhoneGapユーザー会@大阪 講演資料
 
PPTX
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
PDF
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
PPTX
smartFXにおけるApache Cordovaの活用について
PDF
JavaScript祭りLTでmonacaを紹介
PDF
PhoneGap勉強会 in 熊本
KEY
PhoneGapの始め方
PPTX
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料
PDF
Visual Studio 2015 を使用した Cordova アプリの開発
PDF
My cordovaprojectstory
PPTX
企画者が押さえておきたいHtml5アプリ開発の要点
 
PDF
Cordova利用アプリ開発経験談
PDF
PhoneGapでWebアプリをスマホアプリ化
PDF
2016/05/01 Visual Studio with Cordova
PDF
CROSS 2015 モバイル開発環境セッション
PDF
PhoneGap勉強会 - 実践編 -
PPTX
Phone gap+javascriptスマホアプリ開発(入門編)
 
PPTX
Cordovaは業務システムを簡単にするか?
クロスプラットフォーム開発を可能にするMonaca
 
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
 
PhoneGapユーザー会@大阪 講演資料
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
smartFXにおけるApache Cordovaの活用について
JavaScript祭りLTでmonacaを紹介
PhoneGap勉強会 in 熊本
PhoneGapの始め方
HTML5×Monacaプログラミング教育事例セミナー・ワークショップ資料
Visual Studio 2015 を使用した Cordova アプリの開発
My cordovaprojectstory
企画者が押さえておきたいHtml5アプリ開発の要点
 
Cordova利用アプリ開発経験談
PhoneGapでWebアプリをスマホアプリ化
2016/05/01 Visual Studio with Cordova
CROSS 2015 モバイル開発環境セッション
PhoneGap勉強会 - 実践編 -
Phone gap+javascriptスマホアプリ開発(入門編)
 
Cordovaは業務システムを簡単にするか?

More from Monaca

PPTX
展示会出展を成功させるたった一つのこと
 
PPTX
LT「料金プラン改定後のMonacaについて」
 
PDF
クロスプラットフォーム活用のポイント
 
PDF
US Meetup Tour
 
PDF
New things about Cordova 4.0
 
PDF
Cordova and PhoneGap Insights
 
PDF
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
 
PDF
How to make Twitter app with PhoneGap/Cordova
 
PPTX
高いUXをハイブリッド開発で実現するためのポイント
 
PPTX
LODチャレンジデー オープンデータを利用したサンプルアプリ
 
PDF
第6回LODチャレンジデー Monaca紹介資料
 
PDF
Android Bazaar Conference講演資料「Onsen UIデビュー!」
 
PPTX
Monacaで簡単スマートフォンアプリ開発体験講座
 
PDF
HTML5ハイブリッド アプリ開発実践編
 
PPTX
HTML5 クロスプラットフォームアプリ開発の現実解
 
PPTX
ICT ERA+ABC 2012東北講演
 
PPTX
事例で学ぶHTML5スマフォアプリ開発セミナー
 
PDF
Html5超入門
 
PPTX
開発事例に学ぶHtml5アプリのポイント
 
PPTX
いまさら聞けない!HTML5超入門
 
展示会出展を成功させるたった一つのこと
 
LT「料金プラン改定後のMonacaについて」
 
クロスプラットフォーム活用のポイント
 
US Meetup Tour
 
New things about Cordova 4.0
 
Cordova and PhoneGap Insights
 
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
 
How to make Twitter app with PhoneGap/Cordova
 
高いUXをハイブリッド開発で実現するためのポイント
 
LODチャレンジデー オープンデータを利用したサンプルアプリ
 
第6回LODチャレンジデー Monaca紹介資料
 
Android Bazaar Conference講演資料「Onsen UIデビュー!」
 
Monacaで簡単スマートフォンアプリ開発体験講座
 
HTML5ハイブリッド アプリ開発実践編
 
HTML5 クロスプラットフォームアプリ開発の現実解
 
ICT ERA+ABC 2012東北講演
 
事例で学ぶHTML5スマフォアプリ開発セミナー
 
Html5超入門
 
開発事例に学ぶHtml5アプリのポイント
 
いまさら聞けない!HTML5超入門
 

120分聞けばドヤ顔で語れる apache cordova スーパー勉強会


[8]ページ先頭

©2009-2025 Movatter.jp