ITエンタメ通信

Vol.085【 Androidハイブリッドアプリ開発を考える】ITエンタメ通信


カテゴリー: 2016年04月20日
◇◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆◇
ITエンタメ通信  Vol.085    2016年4月20日(水)
  -- インターネットで
      エンタメ系サービスを提供されている皆様の為のメルマガ --
◆◇━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◇◆
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ Androidハイブリッドアプリ開発を考える      (文中敬称略)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


■ ハイブリッドアプリ開発
----------------------------------------------------------------------

iOS/Android両対応のアプリをWeb技術で開発できる手法をハイブリッドアプリ
開発といいます。
一時期は、お客様の方からハイブリッドアプリでという要望も多かったのです
が、最近では次のような経験をされたのか、かつて程の盛り上がりはなくなっ
ている感があります。

- クオリティやパフォーマンスがネイティブアプリに及ばない
- Android(特に4.4未満)では、WebViewの端末/OS依存問題が多く発生し、開発
が思ったほど容易ではない

しかし、適切なケースでハイブリッドアプリを選択することで、ハイブリッド
アプリは工期短縮などの効果があり、いまでも一定の需要があります。

採用ケース:
iOS版はSafariで提供、Android版はアプリで提供する形態を取っている、dキ
ッズやauスマートパスといったようなプラットフォームでアプリを提供する場
合

本稿では、Androidにおけるハイブリッドアプリの開発の問題点と解決策を考
えます。


■ 問題点1:Android4~4.4でWebViewの実装の差の大きさ
----------------------------------------------------------------------

Android4~4.4のWebViewで実装の差が大きいため、実装する上で下記の問題が
あります。

- 使えるHTML5 APIに差がある
- JS/CSSの動作に差異がある
- 端末/OSごとに特有の不具合がある(端末メーカーがWebViewをカスタマイズ
していることがあります)

そのような問題があるにも関わらず、Android4.4以下ではWebViewは端末/OSに
依存しており、アプリ側でWebViewを修正することができません。
そのため、Android4~4.4を対応しようと考えるとクロスブラウザ対応レベル
の苦労が必要になります。
※Android5以降ではWebView単体をGoogle Playでアップデートできるようにな
りました


■ 問題点2:サウンドの再生の端末依存
----------------------------------------------------------------------

WebViewでサウンドの同時再生が必要とされる場合、WebAudio APIを利用する
ことになりますが、WebAudio APIが使えるかどうかはWebViewが対応している
だけではだめで、端末のCPUにも依存します。

そこで、より多くの端末で再生できるようにサウンドの再生をNative側で行う
ようにすると、今度はMediaPlayer APIの次のような辛さに直面します。

- 端末/OSごとに不具合がある
- MediaPlayerの実装のほとんどがJNIなので何か問題があってもアプリ側で対
応することが困難
- MediaPlayerの実装は端末/OS依存(端末メーカーがカスタマイズしているこ
とがあります)


■ 解決策:Android4~4.4でWebViewの実装の差が大きい問題に対応する
----------------------------------------------------------------------

Android4~4.4でWebViewの実装の差が大きいのが問題ならば、独自のWebView
をアプリに抱え持つことで解決します。
そのためのソリューションは色々ありますが、弊社では、下記の理由でCrossw
alkを採用しております。

- 動作が安定している
- Intelがスポンサーをしている
- Cordovaがプラグインで対応している

Crosswalkを採用することで次のメリットがあります。

- 使えるHTML5 APIに差がなくなる
- JS/CSSの挙動に違いが生じない
- Crosswalk自体にバグがあったとしてもアプリのUpdateで対応可能

ただし、WebViewをアプリ内部に抱え持つデメリットとして、通常のWebViewを
使用する場合に比べてアプリの容量が18Mほど増加します。


■ 解決策:サウンドの再生の端末依存問題に対応する
----------------------------------------------------------------------

WebViewの解決策と同様の発想で、OSに依存しないMediaPlayerの代替をアプリ
に抱え持つという解決策があります。
まさにその目的でgoogleが開発しているソリューションに、ExoPlayerという
ライブラリがありますので、ExoPlayerを利用するのがお勧めです。

ExoPlayerはAndroid4.1以上の対応になりますので、Anroid4.1未満も対応した
い場合はExoPlayerのラッパーであるExoMediaを利用すると便利です。
ExoMediaはExoPlayerが使えない場合には、内部的にMediaPlayerを利用するよ
うになっています。


■ まとめ
----------------------------------------------------------------------

Androidのハイブリッドアプリを実装する上で、大きく次の2つの問題がある
ことがわかりました。

- Android4~4.4の間でWebViewの実装の差の大きさ
- サウンドの再生の端末依存

対応方法をまとめると下記になります。

if ( Andriod4.4未満に対応する ) {
	Crosswalkを使う
}
if ( サウンドを再生する ) {
	NativeでExoPlayerを使って再生する
}

以上です。
ラスターワークスではがっかりさせないハイブリッドアプリの提案をさせて頂
いております。
ハイブリッドアプリで実現したいシステムがございましたらぜひ弊社までご用
命くださいませ。

(IH)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■参考
ExoPlayer
http://developer.android.com/intl/ja/guide/topics/media/exoplayer.html
ExoMedia
https://github.com/brianwernick/ExoMedia

 ■ 第3水曜日配信 次回の配信は2016年7月20日(水)の予定です ■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
●お問合せはこちらまで mailmag@lusterworks.co.jp
●ホームページ     http://www.lusterworks.co.jp
発行元:株式会社ラスターワークス
〒150-0002 渋谷区渋谷2-7-14 VORT青山 6F
TEL 03-5778-4501
●Android,iPhoneアプリの開発も承っております。
 お気軽にお声掛け下さいませ。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ITエンタメ通信
発行システム:『まぐまぐ!』http://www.mag2.com/
配信中止はこちら http://www.mag2.com/m/0001090180.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ITエンタメ通信

RSSを登録する
発行周期 第2第4水曜日に発行します。
最新号 2017/07/19
部数 84部

このメルマガを購読する

ついでに読みたい

ITエンタメ通信

RSSを登録する
発行周期 第2第4水曜日に発行します。
最新号 2017/07/19
部数 84部

このメルマガを購読する

今週のおすすめ!メルマガ3選

日本株投資家「坂本彰」公式メールマガジン
サラリーマン時代に始めた株式投資から株で勝つための独自ルールを作り上げる。2009年10月、130万円だった株式資産は2017年に7000万円を突破。定期預金などを合わせた資産は1億2000万円に。 平成24年より投資助言・代理業を取得。現在、著者自身が実践してきた株で成功するための投資ノウハウや有望株情報を会員向けに提供しているかたわら、ブログやコラム等の執筆活動も行う。 2014年まぐまぐマネー大賞を受賞。読者数2万人。雑誌等のメディア掲載歴多数。 主な著書に『10万円から始める高配当株投資術』(あさ出版)『「小売お宝株」だけで1億円儲ける法』(日本実業出版社)
  • メールアドレスを入力

  • 規約に同意して

川島和正の日刊インターネットビジネスニュース
■読者数32万部超、日本一の個人メルマガ(まぐまぐ総合ランキング調べ) ■9年連続で年収1億円以上になり、70か国以上を旅行して、 190平方メートルの豪邸に住んで、スーパーカーに乗れるようになり、 さらに、著書は、日本を代表する超有名人2人に帯を書いてもらい、 累計50万部のベストセラーとなった、現在香港在住の川島和正が、 最新のビジネスノウハウ、自己啓発ノウハウ、健康ノウハウ、恋愛ノウハウ さらに「今チェックしておくべき情報リスト」などを配信中!
  • メールアドレスを入力

  • 規約に同意して

首都圏不動産インサイドニュース
不動産業者がゼッタイ言わない最新の業界ウラ事情をリアルタイムで暴露します!!不動産投資で儲けよう!と意気込んでいるあなた。家族を守り夢を叶える手堅い不動産投資ですが数億円の借金を負う100%自己責任の事業。海千山千の業者相手に知識武装は万全ですか?「まかせっぱなし」は命取りです。かく言う私も業者ですが、不動産に携わる者として不幸な投資家さんをゼロにしたい。本気です。業界経験13年のプロとして真実だけをお伝えします。業者と対等な立場で戦ってください。決して損はさせません。村上しゅんすけ
  • メールアドレスを入力

  • 規約に同意して

今週のおすすめ!メルマガ3選

ダメおやじの全財産をかけた崖っぷちFX通信
【1日に数万人が熟読する人気FXブログのメルマガ版】 相場歴30年以上のダメおやじがFXノウハウを大公開! 毎朝配信!毎日の経済指標情報や攻略法を無料で解説しています。 ●損切りがうまくできない、利食いが浅い ●ポジポジ病(ポジションを不要に持ってしまう) ●コツコツドカーン(小さく勝っても大きく負ける) ●エントリータイミングわからない ●メンタル面が弱い このようなお悩みがあれば購読してみてください。 FX初心者から経験者まで、FXの悩みをこのメルマガで解消します。 期間限定でメルマガ内で数万円相当分のFX情報商材をプレゼント中!
  • メールアドレスを入力

  • 規約に同意して

川島和正の日刊インターネットビジネスニュース
■読者数32万部超、日本一の個人メルマガ(まぐまぐ総合ランキング調べ) ■9年連続で年収1億円以上になり、70か国以上を旅行して、 190平方メートルの豪邸に住んで、スーパーカーに乗れるようになり、 さらに、著書は、日本を代表する超有名人2人に帯を書いてもらい、 累計50万部のベストセラーとなった、現在香港在住の川島和正が、 最新のビジネスノウハウ、自己啓発ノウハウ、健康ノウハウ、恋愛ノウハウ さらに「今チェックしておくべき情報リスト」などを配信中!
  • メールアドレスを入力

  • 規約に同意して

右肩下がりの時代だからこそ、人の裏行く考えを【平成進化論】
【読者数12万人超・日刊配信5,000日継続の超・定番&まぐまぐ殿堂入りメルマガ】 ベストセラー「仕事は、かけ算。」をはじめとするビジネス書の著者であり、複数の高収益企業を経営、ベンチャー企業23社への投資家としての顔も持つ鮒谷周史の、気楽に読めて、すぐに役立つビジネスエッセイ。 創刊以来14年間、一日も欠かさず日刊配信。大勢の読者さんから支持されてきた定番メルマガ。 経験に裏打ちされた、ビジネスで即、結果を出すためのコミュニケーション、営業、マーケティング、投資、起業、経営、キャリア論など、盛り沢山のコンテンツ。
  • メールアドレスを入力

  • 規約に同意して

他のメルマガを読む

ウィークリーランキング