![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。
モバイルアプリのための万能ツールではなく、
ハイブリッドアプリを開発するためのフレームワーク。
PhoneGap?はCordovaベースのAdobe製品版。
以下の様なサービスも提供されている。
プラットフォームのすべての機能をサポートしているわけではない。
だけ利用するでも開発可能だが、
Cordovaフレームワークに組み込まれていたネイティブ機能も含め、
Cordova3.0からは、ネイティブ機能を提供するものはすべてプラグインとして管理されるようになっている。
cordova plugin add リポジトリのURL
cordova plugin ls
cordova plugin rm org.apache.cordova.core.camera（プラグインの識別子）
cordova prepare -d
| # | ファイル・フォルダ | 説明 |
| 1 | config.xml | 各プラットフォームに展開されるCordova用設定ファイル。 |
| 2 | wwwフォルダ | HTML5リソースやアプリ設定に関するファイルが格納される。 ルートフォルダに配置したHTMLファイルなどがアプリとして表示される。 |
| 3 | pluginsフォルダ | プラグインが格納されている。 |
| 4 | mergesフォルダ | HTML5側をプラットフォームごとに切り替える。 wwwディレクトリがプラットフォームごとにコンパイルされる際、 ここに格納されている各プラットフォーム特有のリソースがマージされる。 |
| 5 | platformsフォルダ | ネイティブ側をプラットフォームごとに切り替える。 各プラットフォーム特有のプロジェクトファイルが格納される。 |
以下の中身を読んで理解する。
Cordovaで利用するプラグインやその設定ファイルを格納する。
HTML5側をプラットフォームごとに切り替える。
- wwwディレクトリの内容がplatforms/android/assets/wwwディレクトリ以下にコピーされる。
- merges/androidディレクトリの内容がplatforms/android/assets/wwwディレクトリ以下にコピーされる。
※ 同じ名前のファイルがある場合には上書きされる。
ネイティブ側をプラットフォームごとに切り替える。
| # | ファイルのパス | サイズ |
| 1 | drawable-ldpi/icon.png | 36*36px |
| 2 | drawable-mdpi/icon.png | 48*48px |
| 3 | drawable-hdpi/icon.png | 72*72px |
| 4 | drawable-xhdpi/icon.png | 96*96px |
| # | ファイルのパス | サイズ |
| 1 | icon.png | 57*57px |
| 2 | icon@2x.png | 114*114px |
| 3 | icon-72.png | 72*72px |
| 4 | icon-72@2x.png | 144*144px |
| # | 9-patchファイルのパス | サイズ（縦*横） |
| 1 | drawable-ldpi/splash.9.png | 426*320px |
| 2 | drawable-mdpi/splash.9.png | 470*320px |
| 3 | drawable-hdpi/splash.9.png | 640*480px |
| 4 | drawable-xhdpi/splash.9.png | 960*720px |
| # | pngファイルのパス | サイズ（縦*横） |
| 1 | Default-568h@2x~iphone.png | 640*1136px |
| 2 | Default-Landscape~ipad.png | 1024*748px |
| 3 | Default-Landscape@2x~ipad.png | 2048*1496px |
| 4 | Default-Portrait~ipad.png | 768*1004px |
| 5 | Default-Portrait@2x~ipad.png | 1536*2008px |
| 6 | Default~iphone.png | 320*480px |
| 7 | Default@2x~iphone.png | 640*960px |
cordova.exec(<successFunction>, <failFunction>, <service>, <action>, [<args>]);
| # | 名前 | 概要 |
| 1 | <successFunction> | 呼び出し成功時に実行される関数 |
| 2 | <failFunction> | 呼び出し失敗時に実行される関数 |
| 3 | <service> | config.xmlに追加したプラグイン名 |
| 4 | <action> | 呼び出すプラグインのアクション名 |
| 5 | <args> | ネイティブ側に引数として渡す配列。JSON化できるもののみを渡す |
以下のサイト情報から、2つの方式が確認できる。
ローカルにある静的なHTMLとWebAPI（JSON）によって機能する。
Webアプリケーションの画面をホストする。
localのhtmlファイルに画面遷移
<body onload="onBodyLoad()">
<div data-role="header"><h1>Page1</h1></div>
<p>This app is for my Blog</p>
<a href="second.html" data-role="button">secondへ</a>
</body><body onload="onBodyLoad()">
<div data-role="header"><h1>Page2</h1></div>
<p>This is second page</p>
<a href="index.html" data-role="button">indexへ</a>
</body><section id="page1" data-role="page">・・・</section>
<script>
$(document).bind("bobileinit", function() {
$.mobile.page.prototype.options.addBackBtn = true;
});
</script>
・・・
<div data-role="page" id="id1">
<div data-role="header" data-add-back-btn="true"><div data-role="header">
<a href="" data-rel="back">戻る</a>
</div>ブラウザ内で使用するJavaScriptの管理に使用。
外部ツール（node.js製）の管理に使用。
Cordova (PhoneGap)ではなく、WebViewの話題っぽい。
https://codezine.jp/article/detail/9218
https://codezine.jp/article/detail/9327
https://codezine.jp/article/detail/9368
https://codezine.jp/article/detail/9412
https://codezine.jp/article/detail/9454
https://codezine.jp/article/detail/9527
https://codezine.jp/article/detail/9577
https://codezine.jp/article/detail/9593
https://codezine.jp/article/detail/9701
https://codezine.jp/article/detail/9780
https://codezine.jp/article/detail/9838
https://codezine.jp/article/detail/9886
https://codezine.jp/article/detail/9929
