Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Manacaあるある(とあるパートナー失敗談) vmt

1,314 views

Published on

Monaca UG #1 ~記念すべき第1回 集まれMonaca ユーザー! ~
LT用スライド

Published in: Mobile
  • Be the first to comment

Manacaあるある(とあるパートナー失敗談) vmt

  1. 1. 2017年8月1日 Monaca失敗あるある ~とあるパートナー失敗談~
  2. 2. アジェンダ ■バルテス・モバイルテクノロジー(VMT)の紹介 – VMTとはどんな会社? ■Moanca導入経緯 – 私はこれでMonacaを導入しました。 ■Moancaを使う条件 – ハイブリッドにする条件は? – どんなアプリに有効? ■Monaca失敗あるある – Moancaあるある – Moanca全般での失敗 – Localkitでの失敗 – OnsenUIでの失敗 2
  3. 3. バルテス・モバイルテクノロジー(VMT)の紹介 3 VMTってどんな会社?
  4. 4. 4 バルテス・モバイルテクノロジー(VMT)の紹介 – 大阪でモバイルアプリを開発している会社 – 親会社はテスト専門会社バルテス • ISTQBプラチナパートナー – とにかく、品質とセキュリティにうるさい会社 • ISO/IEC27001:2013取得済み
  5. 5. Moanca導入経緯 5 私たちはこれでMonaca に決めました。
  6. 6. 6 Moanca導入経緯 –環境構築が楽だから。 •Cordovaで環境壊れて、えらい目にあったから。 –色々と選択肢が広がるから。 •ネイティブでやるかハイブリッドでやるか? •デザイン → HTMLコーディングがシームレス。 •プロジェクトアサインの多様性 –とにかく、コストダウンと効率化が見込めるから。
  7. 7. 7 Monaca(ハイブリッドアプリ) にする条件は? Monacaを使う条件
  8. 8. Monacaを使う条件 8 –画面構成がシンプルである事。 •ナビゲーション>タブなど構造が2階層以内のもの –スマホ特有機能について応用的な利用をしない事。 –とにかくiOS、Androidの両対応が必要である事。
  9. 9. 9 どんなアプリに有効か? Monacaを使う条件
  10. 10. Monacaを使う条件 10 –こんなアプリに有効です! •業務用アプリ •SNSアプリ •IOT設定アプリ •会員情報のアプリ –カメラ、位置情報は使えないの? •使えます! •ただし、カスタマイズ出来ない事に注意!
  11. 11. 11 Monacaあるある~ Monaca失敗あるある
  12. 12. 12 Monaca失敗あるある 失敗あるある はやくいいたい
  13. 13. 13 –デバッグ環境が多くテストが増えてしまった!! •デバッグ環境はこれだけある。 –Monacaデバッガー –Localkitプレビューモード –デバッグビルド、アドホックビルド(iOSのみ) –これでスッキリ! •UIの確認 → Monacaデバッガー •JSの動作確認 → Localkitプレビューモード •単体テスト以降 → デバッグビルド(apk、ipa) Monaca失敗あるある - Monaca全般での失敗
  14. 14. 14 –AndroidでJSの問題が多発!! •JSで機種差分(Android4系)が発生 –これでスッキリ! •Crosswalkプラグインを導入しよう! –AndroidのWebviewを内部持ちにするので、環 境に左右されない! –20MBぐらい容量が増えるが、Android4系をサ ポートするなら必須! Monaca失敗あるある - Monaca全般での失敗
  15. 15. 15 –バージョン管理するファイル範囲がわからない!! •プラグインのバージョン管理どうする? •.monacaフォルダってなんだ? –これでスッキリ! •.monaca/local_properties.jsonのみが環境に よって異なる! 同じフォルダにある.monaca/project_info.jsonは バージョン管理しよう!プラグインの設定が入る! Monaca失敗あるある - Localkitでの失敗
  16. 16. 16 –ソースコードを勝手に改変してしまう! •設定、またはリモートビルドの作業ウインドウを開いたま ま、コーディングするとコーディング内容が消える! –これでスッキリ! •っはありまてん・・・。とにかく注意するしか・・・。 Monaca失敗あるある - Localkitでの失敗
  17. 17. 17 –iOSとAndroid同じ表示になかなかできない!! •Onsen UIはiOSはiOSっぽく、Androidは Androidっぽく見せてくれるすごいやつ! •でも、両OSで同じ表示にしたい時は、きれいに表示でき ないし、修正に時間がすごくかかる –これでスッキリ! •forcePlatformStyling(platform)を使おう! –これで、iOSとAndroidの表示を統一出来る! Monaca失敗あるある - Onsen UIでの失敗
  18. 18. ご清聴ありがとうございました。 18

×