Monacaとは

Monaca は、アシアル株式会社が提供する、スマートフォン・タブレット向けアプリの開発ツール、Web サービスなどの総称です。
Web ブラウザからセットアップせずにアプリ開発を行うことができます。IDE、デバッガー、リモートビルドまで、必要なものはすべてそろっています。
Monacaに標準搭載されているUIライブラリ Onsen UIやCordovaプラグインを使用して実装することができます。

Cordovaとは

Cordovaはモバイルアプリ開発向けのオープンソースフレームワークです。
クロスプラットフォームに対応しハイブリッド性を持ち合わせたモバイルアプリを開発できます。開発にはHTML5、CSS3、JavaScriptなどのWeb標準技術を使用します。

Monaca&Cordovaを使って気づいたことや感じたこと

  • 環境構築及びプロジェクトの作成が楽
    • ブラウザ上で完結しているので、ローカル環境での環境構築作業が不要。
      • 自分の好みのエディタを使いたい方は、ローカル環境に環境構築することも可能なようです。
      • 誤操作でタブを消したりする可能性もあるので、そういうことが嫌な方もローカルに作るのが良いかもしれません。
    • テンプレートの選択やプロジェクト名などの情報を入力するだけで、新しいプロジェクトを作成できる。
    • GitHubなどからインポートできるので、既存にあるプロジェクトをそのままMonacaに作成できる。
  • Cordovaプラグインを使えばAndroidとiOSのネイティブな機能を簡単に実装できる
    • MonacaにCordovaプラグインが標準搭載されているので、簡単に使える。
    • 標準搭載されているものだけでは足りない場合、npmなどを利用してカスタムプラグインを独自にインストールして使える。
  • 動作確認やビルドが簡単
    • Monacaの画面右側でプレビューが表示されているので、動作確認もブラウザ上でできます。
    • またビルドはワンボタンででき、デバッグビルドに関してはQRコードを読み込んでスマホにインストールできるので他の人にも共有などできて便利です。
  • HTML, CSS, JavaScriptで書ける
    • 基本的なHTML, CSS, JavaScriptで書けるのでエンジニアの皆さんには扱いやすいと思います。
  • Monacaの検索機能について
    • Monacaではプロジェクト内の全体を文字検索できます。
    • Monacaに標準搭載されているプラグインや自分でnpm等でインストールしたプラグインのファイルに関してはこの文字検索には引っかからないので、プラグインの中身を調べたいときは直接ファイルの中身を確認して下さい。
  • Cordovaのバージョンアップが楽
    • Cordovaのバージョンアップがワンボタンでできます。
    • Monacaに標準搭載されているプラグインのバージョンもものによっては自動的にアップデートされます。
    • バージョンアップの際に自動的にプロジェクトのバックアップも作成してくれます。
  • Cordovaのバージョンアップの注意点
    • CordovaのバージョンアップでMonacaに標準搭載のプラグインが使えなくなったり削除されたりします。
    • Cordovaのバージョンアップによってビルドが通らなくなるケースがあります。
      • ビルド中に起きたエラーログを確認して、ERRORやFailedなどの文字があるので、その文字の近くを見るとエラー内容が分かります。
      • こういう時は大体Monacaに標準搭載されているプラグイン以外の自分で入れたプラグインが悪さをしています。
      • 最新バージョンのプラグインを入れなおしたりして依存関係のあるプラグインの問題を解消しましょう。
      • それでもダメな場合は頑張ってプラグインの中身を修正するなどしましょう。。。
  • Gitはターミナルで操作
    • MonacaでもGUIベースでGitの操作ができるようですが、個人的にVSCodeのように使い勝手が良くなかったので、私はターミナルから操作してます。
    • MonacaのターミナルでGitマージするとnanoエディタが開きます。
    • Gitでブランチの操作などした際に、画面上に表示されているファイルの中身などはリアルタイムで更新されないので、F5でリロードなどした方が良いです。
  • Cordova流行ってない
    • 最近はFlutterやReact Nativeなどが流行っており、Cordovaはもう使われなくなってきているようです。
    • なのでCordovaのプラグインアップデートされなくなったり、Flutterとかに比べると情報があまり出回っていないです。
  • Monaca&Cordova関連のことを調べるときに見る記事

引用