ハイブリッドアプリって何？

はじめに

新卒専用アドベントカレンダー9日目です。
自分が業務で触れているハイブリッドアプリについて書きます。

参考サイト

Cordova公式サイト
Cordovaでつくるハイブリッドアプリ
ハイブリッドアプリとは

そもそもハイブリッドアプリって？

ネイティブアプリ（iOS/Android）をWeb技術で開発するためのプラットフォーム。
Webしかやったことない人でもHTML/CSS/JavaScriptでサクサク実装可能
Cordovaはそれ自体がWebViewで構成されています。

でもスマホのカメラとか使えないんでしょ？

端末の機能もJavaScriptから扱える仕組みが提供されています。
Cordovaの場合はCordova pluginを追加することで以下のようにアクセス可能になります。

navigator.camera.getPicture(cameraSuccess, cameraError, cameraOptions);

        function cameraSuccess (imageData) {
            let image = document.getElementById ('picture');
            image.src = "ファイル置きたい場所" + imageData;
        }

        function cameraError (err) {
            alert ('エラーだよ ' + message);
        }
    }

手軽に開発したい

便利なハイブリッドアプリ用のフレームワークがあります。
OnsenUI
Ionic

また、クラウドの開発プラットフォームもあり、手軽に試すことも可能です。
Monaca

ハイブリッドアプリのメリット

• Webやってる人は学習コスト下がる
• クロスプラットフォームなので工数削減
• ソースコードを共通化できる

ハイブリッドアプリのデメリット

• ネイティブアプリに比べてパフォーマンスが悪い（最近ではあまり変わらないそうです）
• マイナーな機能を使いたい場合はプラグインを自作して対応する必要がある

終わりに

短くなりましたが、Webしかやったことない！という人でも手軽にスマホアプリ開発を試せるので、ぜひぜひ触れてみて下さい。