Javascriptで作るスマフォアプリ!Herlock.を使ってみた!!


Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/aksoft2011/www/dfour/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524
Pocket
LINEで送る
[`evernote` not found]

https://herlock.do/

国内初 ネイティブアプリクロスプラットフォーム開発環境 Herlock.

JavascriptでAndroidやiPhoneの開発ができる開発環境「Herlock.」のクローズドベータ利用の招待が届きました!「Herlock.」で作成したアプリは「App Store」や「Google Play」に公開もできるそうです。そんな「Herlock.」をさっそく使ってみての感想をメモメモ。

実際に「Herlock.」で作成されたアプリも公開されています。
ねこ穴」 for Android

Index

  1. ログインとダッシュボード
  2. プロジェクトの作成
  3. デバッグ
  4. まとめ

 

ログインとダッシュボード

アカウント登録は「名前」「メールアドレス」「パスワード」のみで、登録後すぐに使えるようになりました。
登録後はログイン画面からログインします。
Herlock. - login

ログインが成功するとダッシュボード画面が表示されます。
Herlock. - ダッシュボード

今回はダッシュボードの右側に表示されている「Getting Started」を参考に進めてみます。(チュートリアルも用意されていますがまずはこちらから。)

Herlock. - Gettting Started

 

プロジェクトの作成

ダッシュボードにある「新規プロジェクト作成」ボタンを押すと、プロジェクト作成画面が表示されます。
Herlock. - プロジェクト作成

プロジェクトにはいくつかテンプレートが用意されているようです。

  • AnimationSample – EnterFrameによるアニメーション
  • AudioSample – 音声を再生
  • ImageSample – 画像を表示
  • LayerSample – Layerの利用
  • RequirejsSample – RequireJSの利用
  • TextSample – テキストを表示
  • TouchSample – 基本的なプロジェクトレイアウト

今回はお試しなので以下でプロジェクトを作成しました。
プロジェクト名:net.dfour.hoge
テンプレート:TextSample
プロジェクト概要:はじめてのHerlock.

プロジェクトの作成が完了するとコーディング用の画面に切り替わります。
Herlock. - coding

コード読まずにさて実行!・・・まだ動かないらしい・・・
どうやら「ビルド設定」が必要らしい。
メニューから「ビルド設定」を選択します。
Herlock. - ビルド設定
iOSとAndroidの2系統の設定ができます。
今回はAndroidなのでアプリケーション名を入力して保存します。
※キーストア設定はリリースビルドの時に必要となりますが、今回はデバッグなので未設定です。
これで設定完了!さっそくメニューからデバッグビルドを実行!でも失敗。
どうやらサーバが混雑しているとビルドできないみたい。
Herlock. - ビルド警告

 

デバッグ

ビルドによるapkファイルは作成できませんでしたが、デバッグアプリを利用する事でアプリの動作確認をすることができます。
デバッグアプリはGoogle Playからダウンロードします。(iOS版はApp Store)

https://play.google.com/store/apps/details?id=com.sonicmoov.herlock.debug&hl=ja

アプリを起動してログインすると、先ほど作ったプロジェクトの選択画面が表示されます。
Herlock. - プロジェクト選択

表示されたプロジェクトから先ほど作成したプロジェクト名を選択すると画面が表示されます。
Herlock. - Hoge

横にある画面をスライド表示すると、何やらデバッグ用のツール類(多分)が表示されます。
Herlock. - デバッグツール
ちなみにwi-fiで接続している場合、この画面の上にIPアドレスがあります。
こちらに表示されたIPアドレスをIDE画面の「デバッグ」-「コンソール設定」から表示される画面に設定します。
Herlock. - コンソール設定

このIPアドレスが設定されていることでIDE上のデバッグ用のコンソールも利用できるようになるようです。
Herlock. - コンソール

 

まとめ

ブラウザ上で開発できるということもあり、Eclipseでの開発と比べると非常に軽いです。
実機での試験もUSBでつながなくてもWi-Fi経由でいろいろできるようで便利でした。
また、同じコードがiOSとAndroidの両方で提供ができるので、2重の開発が必要ないため開発コストが下げられてよいですね。

今回触ってみての課題点は以下の感じでした。

  • ブレークポイントなどを利用したデバッグができるのか不明
  • apkファイルの作成がサーバの状況によるのかできなかった
  • 共同開発するような場合のコードの共有やバージョン管理がどこまでできるか不明
  • 正式リリース以降に有料化されることもありえる

(2013/09/13追記)
apkファイルの作成はサーバ側の問題だったようです。(問い合わせしたらすぐに回答もらえました!)
ただ、ビルド中のエラーが確認できないなど、まだまだapkファイル作成には問題ある用です。

しかし、これら課題はまだ自分がさわりきれていないから。
まだまだいろいろ触ってみる価値がありそうな「Herlock.」です!
継続してブログでアップしていきたいと思います。
・・・そもそもまだコードすら読んでないからねぇ~

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この記事のトラックバック用URL