VueとCordovaでiOSとAndroidアプリを作る！【プラグイン編】

こんにちは。

前回、VueとCordovaを組み合わせてiOSとAndroid向けのスマートフォンアプリを作る方法を動画にしました。

今回はその続編ということで、Cordovaプラグインを使えるようにする方法を解説しました。

Vue.CLIとCordovaを組み合わせると簡単にWebViewを用いたネイティブアプリを作ることができるのですが、そのままだとVueからCordovaをスコープできないようで、Cordovaのプラグインを使うことができません。

せっかくCordovaを使っているのにプラグインを使えないのは非常にもったいないです（そもそもCordovaではスマートフォンの機能にアクセスするにはプラグインは必須）。

今回の解説動画を見てもらって積極的にCordovaプラグインを使っていきましょう！！

良かったらチャンネル登録もしてもらえたら嬉しいです！

実際の設定方法は動画を参照していただくとして、ここからは補足というか雑談です！！

Cordovaは処理をインタプリタ言語であるjavascriptで記述するので、普通に作るとアプリを実際に実行するまでバグは気づかないのですよね。

しかしVue.CLIにはwebpackが包括されているので、ビルド時にエラーチェックしてくれるのがものすごく助かります。
またtypescriptにも対応しているので静的チェックもできます。

Vueと組み合わせるメリットはUIレイアウトの面だけかと思いがちですが、バグに強いアプリ開発ができるようになるので個人的には気に入っています。

最近はCordovaよりもReactNativeの方が人気ですが、やはりさくっとWebの技術でアプリを作れるメリットは大きいです。
（と言いつつ最近は案件等でSwiftやJava等のネイティブコードでアプリを作ることが多いですが。。。）

複雑なアプリを作らないのであればCordovaも十分使えます。
昔のように遅くて使えないといったこともありません。

普段からVueに慣れている方は Vue + Cordovaでアプリ作りをしてみてはいかがでしょうか？