5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-12-09

はじめに

新卒専用アドベントカレンダー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しかやったことない!という人でも手軽にスマホアプリ開発を試せるので、ぜひぜひ触れてみて下さい。

5
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?