O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

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

1.341 visualizações

Publicada em

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

Publicada em: Celular
  • Seja o primeiro a comentar

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

×