【ハイブリッドアプリ】Monacaを利用してみてはじめに疑問に思ったこと一覧

Monacaでハイブリッドアプリを作りたいと思って利用してみてやってみたことや不明だったことをメモも兼ねてまとめてみます。
個人的な感想なのであくまで参考程度に。

どこで勉強したらいい？

• サイト
  • Monaca入門：Onsen UI＋AngularJSで作るハイブリッドモバイルアプリ
    • Monacaを最初から使ってみてAngularJSの基本やAPIのコールなどから勉強できる。
  • 超速アプリ開発！ニフティクラウド mobile backend 入門
    • ドットインストール：Monacaを利用してPUSH通知まで簡単にできる。サーバ側もmobile backendで簡単に構築できるのでお薦め。
  • Monacaでチェックインアプリを作成する
    • ハンズオンの資料。同様にmobile backendを使ってアプリを作れます。
  • アシアルブログ
    • 本家ブログなので情報が新しい。慣れてきたら見るとよい。
  • Qiita Monacaタグ
    • 初めて作る情報もあり。
      • 自分の記事をステマ【初めてのハイブリッドアプリ】Monacaを使ってiOS・Andorid両対応の2015CALENDARアプリを作ってみた
  • OnsenUI情報
    • 公式情報で情報満載。日本語なので海外製のものより分かりやすい。
    • UIはほぼこちらを見ることになる。JavaScriptはよく見る
    • Onsen Theme Roller でデザイン変更が簡単にできる
  • AngularJS情報
    • OnsenUIやionicを使っているとAngularJSが出てきますが、はじめてだと少しむずかしい。上記のMonaca学習サイトで何となく分かりますが言葉とかの意味を再度見るようによさそうなのをメモ。
    • AngularJS入門 – シリーズ –
    • すぐできる AngularJS:用語
    • ドットインストール：AngularJS
    • AngularJS本家
    • AngularJS(日本語翻訳版)
• 本
  • クラウドでできるHTML5ハイブリッドアプリ開発
    • 公式の本なのでとても参考になります。ただ半分以上がOnsenUIの話になるのでOnsenUIに詳しい方は後半を。

Monacaアカウントの差

• 無料アカウントと有料アカウントの違い
  • 無料のBasicはプロジェクト３つ。有料は１０〜無限。
  • 無料は指定以外のcordova Pluginが利用不可。Gold以上でcordova Plugin利用可。
  • なので実験中は無料ですみますがちゃんとやろうとすると有料版になると思います。
• どのアカウントがよい？
  • 4種類あるが最初に選ぶのは無料のBasicか有料のGoldになると思います。
  • 個人ではじめてみるや勉強中がbasic。業務だとGold。業務で規模が多きくなるとPlatinum。
  • Personalは10プロジェクトのみなので個人でかつ結構ビルドして推奨以外のCordovaとか使わない人向け。
  • なのではじめに有料版にするのならGold。（個人的な感想です）
    • オフィシャルには以下の説明書きが。たしかにそうですね。
      • Personal プラン は、個人でのアプリ開発に最適です。
      • Gold プラン は、商用アプリの開発に最適です。
      • Platinum プラン は、アプリの受託開発 ( OEM ) に最適です。
      • Enterprise プラン は、大規模な開発に最適です。
  • 当たり前ですが一人しかログインできません。

開発環境について

• ビルドはどうするの？
  • クラウドで行う。ボタンポチ！簡単。
• Cloud IDEの使い勝手はどう？
  • 想像以上によい。普通に使える。ブラウザでここまでできるのは楽ちん。
• GitやSASSなど使いたいのだけど
  • LocalKit必須。なので有料プランへ。
• Localkitはどう？
  • ブラウザの代わりにLocalKitアプリみたいなのがあってそこからビルドする形。
  • ソースはローカルのをいじれるので問題なし。
  • LocalKitのソースコードはCloudにアップされない。
  • Cloudのソースコードはダウンロードできるが同期はされない。
  • なので基本的には別管理になる。はじめにどちらでやるかを決める。
• 自作cordovaPluginを利用したい
  • 有料アカウントになる必要がある
• DBなどのサーバと連携させたいけど何かある？
  • Monacaが用意しているMBaaS有り。
  • ただ公式で連携しているNiftyのMobile backendもありAPIコール数やPUSH配信数などを見るとmobile backendでよいと思う。
  • Monacaバックエンド
  • Nifty Mobile backend
  • もちろん自分で立ててもOK

他環境について

• ionicとonsenUIどっちがいい？
  • ionicの方がUIのレスポンスがよい印象
  • OnsenUIはjQueryで記述できる感じでAngularを目立たなくしている。とっつきやすい。
  • ionicはAngular必須な印象
  • なので、慣れていない間やデザイナー寄りの方はOnsenUIでバリバリのブログラマーな方や詳しい人がいる場合はionicでもよいかも？（個人的な感想
• React Nativeとの違いは？
  • React NativeはReact.jsを使ってネイティブのUIを使えるという点が利点なため仕組みが違う
    • UIはReact NativeはネイティブでMonacaやionicはHTML+CSS
  • そのためReact Nativeの場合は各OS毎の知識が必要でソースも分ける必要がある。
    • ネイティブUIのためHTMLベースなハイブリッドアプリより動作がよいのが利点
  • React NativeはJSおよび両OSのネイティブ知識が必要なため全部やろうとするとハードルが高そう。ソースも別れるのでクロスプラットフォームというわけではない。
• React.JSは？
  • まだあまり調べれていませんが React.JSを使ってハイブリッドアプリ作ることはありかも。
• React.JSとReact Native
  • Gunosy React Meetup行った
    • Reactの情報がすごくわかりやすかったのでメモ

Monacaの事例について

• オフィシャルサイト
  • 事例
  • 個人的なピックアップ
    • Eight:名詞管理アプリ

ぶっちゃけ使える？

• 使えると思う
  • ChromeAppも作れるのでそちらを作ってみるのも面白そう。
• 開発環境とかを用意しなくてもすぐ使えるのがよい
  • さっとはじめられるのが大きい利点
  • 日本語での情報があるので他のものと比べると楽。他のは英語ばかり。
• 逆にしっかり準備できるのであればionicなどを自分で構築してみると良いと思う。
  • ガチガチの技術者はこちらかな。
• ということで、初心者などまずやってみるという感じの方にピッタリと思います。