Monaca - クラウドベースのネイティブアプリ開発環境
これを使えば、ネット環境と対応ブラウザさえあれば、どこからでもアプリ開発ができるとの事。って事は、今自分が持っているAndroidタブレットのEee Pad Transformer(TF101)からでも開発が可能になる!?
と、そんな淡い期待を胸に試してみました。
使用したのはAndrodの標準ブラウザです。まずトップページ。
![20111120180445](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180445.png)
問題なく表示されました。まぁ普通のページですし当然といえば当然。ちなみにアカウントは既に作成済みでログイン済みです。
プロジェクトの作成はダッシュボードから行うみたいなのでまずはダッシュボードに移動。
![20111120180446](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180446.png)
ここも問題なく表示されました。ではプロジェクトを作ってみますか。
![20111120180447](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180447.png)
プロジェクトの作成にはまずテンプレートを選ぶみたいですね。HelloWorld用のテンプレートが用意されていたのでまずはそれを使うことにしました。プロジェクト名はひとまずHelloMonacaとしました。
![20111120180448](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180448.png)
プロジェクト一覧にHelloMonacaが追加されました。早速IDEを起動してみます。うまく起動するかな・・・。
![20111120180449](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180449.png)
起動した!!なんだかEclipseのような感じですね。気になったのが画面下に「デバッガが接続されていません」の文字。デバッグにはデバッガが必要なんですかね?少しチュートリアルを調べてみることに。
![20111120180452](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180452.png)
どうやらデバッグには端末に「Monacaデバッガ」というアプリをインストールする必要があるみたいですね。自分はXperiaを持っているので、そこにインストールしてもよいのですが、このTF101も立派なAndroid端末です。スマートフォンではないですけどきっと大丈夫でしょう。
![20111120180451](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180451.png)
というわけで、チュートリアルに書いてあったマーケットのリンクからインストールします。
![20111120180453](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180453.png)
ん?インストールボタンがない・・・?と思ったら左上に嫌な文字が・・・。タブレットじゃだめですか・・・。
![20111120180455](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180455.png)
しょうがないので、おとなしくXperiaにインストールすることにします。
![20111120180456](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180456.png)
アプリを起動するとログインを要求されます。ログインすると、同期されて作成したプロジェクトが表示されるみたいです。ではHelloMonacaを選んでみます。
![20111120180458](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180458.png)
プロジェクトがデバッグ実行されたみたいです。UIにはJQuery Mobileを使ってるみたいですね。
![20111120180459](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180459.png)
右下のメニューをタップするとデバッグメニューが表示されました。
![20111120180500](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180500.png)
HTMLをタップするとそのまんまHTMLが見れます。
![20111120180501](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180501.png)
デバッグログ。
![20111120180502](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180502.png)
ネットワークインストールはアプリをビルドしていなのでできませんでした。
とまぁ一通りデバッガを触ったので、早速TF101でコードを書いてみました。ひとまずindex.htmlを開いて文字列を変更してみますか。
![20111120180454](http://img.f.hatena.ne.jp/images/fotolife/i/inara/20111120/20111120180454.png)
ところが・・・文字を打とうにも一向に画面に反映されず。重いです。とにかく重い。もはや入力カーソルがどこにあるのかさえわかりませんでした。あまりIMEとも相性が良くなく、↓キーで下の行に移動しようとしても、デバッグログ、ビルドログのタブにフォーカスが移動してしまいます。
これは・・・無理ですね。
まぁもともとPCでの開発を想定していると思いますし、ブラウザも推奨のChromeじゃなかったですしね。Android版のChromeが出ればもう少しマシになるかもしれませんね。もしくは後継機のTransformer Primeだとちゃんと動いてくれるんですかね。
どちらにせよ、現状の自分の環境ではおとなしく自宅のWindows PCから使うしかなさそうです。
んー残念。
0 件のコメント:
コメントを投稿