![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
ｚ [[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfrastructure.osscons.jp/index.php?FrontPage]] -[[戻る>クロスプラットフォーム開発ツール]] *目次 [#l1321712] #contents *概要 [#mbd1522b] ハイブリッドアプリとは、 -マルチプラットフォームをターゲットとしたアプリケーション。 -[[HTML/CSS/JavaScript]]と[[スマホネイティブ]]を組み合せて開発する。 *特徴 [#q2eab4d0] **方式 [#v7bd01b9] 皮（側？）ネイティブ方式で動作 -[[HTML]]コンテンツを[[スマホネイティブ]]のWebViewから呼び出す方式。 -[[Cordova>Cordova (PhoneGap)]]が拡張した --WebViewを使用して[[HTML/CSS/JavaScript]]をロードし、 --プラグインを使用してネイティブアクセスする。 **ドメイン [#g247619e] ***適合するドメイン [#i9fac8ae] -ビジネス系アプリ -ニュース系アプリ -バックエンド・システムのデータのビューア -シンプルなグラフィックのゲーム ***適合しないドメイン [#h6320357] -速度を求められるケース --3Dゲームのような高度なグラフィックスを利用するアプリ --デバイスの持つ性能を最大限に生かさなければならないアプリ -ネイティブのユーザエクスペリエンスを100%再現するアプリ **課題 [#f2739840] ハイブリッドアプリの課題 ***オフライン対応 [#w17e8206] -利用者から見て≒ネイティブなので、オフラインであっても動作は行えるという前提。 -オフライン時（ネットワークが長い時間使えない場合）の[[データ保護>#x52e8fd2]]が課題。 ***データ保護 [#x52e8fd2] 端末内にデータを保存する場合、以下の機能を利用できる。 -HTML5のストレージ機能 -プラグインを用いてネイティブ機能 ***セキュリティ [#te8a46a8] セキュリティ・プライバシーに関する問題 -外部から取得したHTMLをそのままWebViewに表示すると、~ セキュリティ的に問題になることがある。~ （その為、[[SPA>(MV*) UIフレームワーク]]が推奨と言われるケースもある）。 -プラグイン --ネイティブアクセス可能 --利用しない機能があらかじめ有効にしない。 -[[データ保護>#x52e8fd2]]に関する問題 --HTML5のストレージ機能は、デバッグツールなどを用いて参照できる -- **開発ツール [#kc41ca45] [[クロスプラットフォーム開発ツール の HTML5ハイブリッド型>クロスプラットフォーム開発ツール#af2fc2fd]]と同じ。 ***[[Cordova (PhoneGap)]] [#f08543f7] ***[[Electron]] [#fb78bec9] ***[[PWA（Progressive Web Apps）]] [#s108b4b8] *参考 [#jbe2ab02] -連載 | ハイブリッドアプリ開発最前線 | HTML5Experts.jp~ https://html5experts.jp/series/hybrid-special/ --HTML5ハイブリッドアプリ開発、最新動向はやわかり！~ https://html5experts.jp/anatoo/7253/ --ハイブリッドアプリ開発といえばこれ！PhoneGap/Cordova事始め~ https://html5experts.jp/fenomas/7672/ --IDE完備！日本語の情報豊富！MonacaとOnsen UIで楽々ハイブリッドアプリ開発！~ https://html5experts.jp/ataruohto/7274/ -MonacaとPhoneGap Buildを試してみる - Qiita~ http://qiita.com/itagakishintaro/items/5b276a0ecee209d0c341 -PWA, Cordova, Capacitor, ReactNative Dom の比較からみる、~ これからのHTML5 アプリ/feacture_of_html5app - Speaker Deck~ https://speakerdeck.com/rdlabo/feacture-of-html5app
