12
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

HTML/JS ハイブリッドアプリ開発環境について

Last updated at Posted at 2015-10-01

##クラウドで手軽

  • monaca ブラウザ上でのコーディング 又はVisual Studioで連携
  • monacaデバッガーアプリ(実機確認)

##ローカル(オフライン)開発環境

###インストールすべきもの
iOSの場合
参考:「Cordova準備、iOSエミュレータ起動まで」
http://qiita.com/tomo_makes/items/b51c2cb30f0eaac7af38

  1. Xcode
  2. Node.js
  3. cordova
  4. ionic
  • XcodeのエディタはiOSアプリ(swift言語で開発)用らしい

##ionicの特徴
[ionic serve]コマンドでローカルのブラウザが立ち上がり、でリアルタイム・デバッグできる(Web感覚)

-> 別途ビルドでエミュレータ起動、または実機確認

  • ビルドは時間がかかるため、開発時のデバッグは基本的にブラウザでする

monacaデバッガーの利点

  • 実機でのcordovaプラグインの動作(本体機能のアクセス)を簡単に確認できる
cordovaプラグイン使うにはmonacaデバッガーと併用が良いかもしれない

##OnsenUIかionicか

  • 両方共AngularJSベース(jQueryも使える)

  • ionicのほうが世界的にユーザーが多い。コミュニティ活発らしい

  • Web開発に近い感覚で作業できる(scssを使っている。OnsenUIはstylus)

  • OnsenUIは日本製で、monacaを本格的に使うとサポートなど効果が高そう(ドキュメントも日本がメイン)

###ポイント
 OnsenUIでも[ionic serve]コマンド使えるのでブラウザ上のデバッグはできる

違いは?

  • CSSにstylusを使っている(Onsen)
  • デザインなどの違い

[参考]
スタートアップ向けハイブリッドUIフレームワークの比較
http://blog.guildworks.jp/2014/11/26/ui-framework-comparison/

##実機デバッグ

  • weinreというツール
  • リモートデバッグ

##その他参考になりそうなリンク

12
11
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?