Asial Blog

Recruit! Asialで一緒に働きませんか?

MonacaでCrosswalk版を使おう

カテゴリ :
Monaca
タグ :
JavaScript
Monaca
HTML5
Android

Intelが中心となって絶賛開発中のCrosswalkですが、最も大きな利点として「AndroidデバイスにおいてHTML5の先端のAPIが安心して使える」があります。もちろんデバイスによってハードウェア的に取り除かれているものは動きませんが、Blink(WebKit)のバージョンが固定化できることによって、これまでのAndroidデバイスで行っていたテスト工数が大幅に削減できるはずです。



さて、そんなCrosswalkですがMonacaではとても簡単に利用できます。ぜひお試しください。



Androidアプリ設定を行う



Crosswalkを使ったビルドを行うためのメニューは設定メニューの中のAndroidアプリ設定になります。




設定メニュー

設定メニュー



Android設定の中にWebViewエンジンという項目があります。これをハイパフォーマンス版に切り替えるだけです。




Crosswalk版に切り替え

Crosswalk版に切り替え



ビルドしてみよう



ビルド自体は大きくは変わりませんが、一点だけ変更があります。それはCPUアーキテクチャの選択が追加されることです。




CPUアーキテクチャ選択

CPUアーキテクチャ選択



通常はARMで良いですが、必要に応じて切り替えるようにしてください。



後はリモートビルドが完了し、ダウンロードできるようになります。




ビルド完了

ビルド完了



サイズはどれくらい増えるのか?



Crosswalk版はWebViewエンジンをアプリの中に内包するのが特徴になります。それにより個々のデバイスにあるWebViewのバージョンなどに左右されることなく動作可能になります。



唯一の欠点としてはアプリのサイズがWebViewの分、肥大化することでしょう。これはおおよそ18MBくらいになります。ごくごく小さなアプリの場合、数倍になるかも知れませんが、最近のアプリはリソースが高品質化することでサイズが大きくなる傾向があるので18MBくらいであれば許容範囲と言えるのではないでしょうか。また、アプリの自動アップデートも使われるようになっていますので、ユーザがアプリサイズを気にすることは殆どないかも知れません。






Crosswalkはこれまで問題視されていたデバイスごとの動作誤差をなくしてくれる素晴らしい仕組みです。Android 4.0以降に限定されてしまうのですが、既に2.x系のシェアは十分に小さくなっていますので今後開発される際にはCrosswalkで提供してみてはいかがでしょう。



Crosswalk - build world class hybrid apps

コメント

  • 匿名

    Android 4.4 以下を考えるとCrossWalkは素晴らしいパフォーマンスをする。
    しかしAndroid 5.0 でCrossWalkを組み込んだアプリは起動すらしない。

    以前にこのアシアルブログにコメントしたが、対応、返信、ともに無視されたので、今回もきっと無視なんでしょうが、事実を早く認識してMonaca利用者に告知するべき。

    また、認識すらしていないのなら遅すぎる。
    いいかげんですね。

    まぁアシアルならそんなもんですな。
    だってアシアルだもんね。

  • Moancaサポート

    CrosswalkはAndroid 5.0で動作することは確認しております。
    特定端末で発生する問題の可能性もございますので、お手数ですがMonacaの不具合報告の窓口より、不具合発生時の情報をお送りください。

    よろしくお願いします。

コメントフォーム



captcha_key

アシアルの会社情報

アシアル株式会社はPHP、HTML5、JavaScriptに特化したWebエンジニアリング企業です。ユーザーエクスペリエンス設計から大規模システム構築まで、アシアルメンバーが各々の専門性を通じてインターネットの進化に貢献します。

会社情報詳細

最近の記事