Showing posts with label steroids. Show all posts
Showing posts with label steroids. Show all posts

October 26, 2013

Steroidsのチュートリアルを試してみる

Steroidsプロジェクトルートで以下のコマンドを実行します。
$ steroids generate tutorial begin
config/application.coffeeのsteroids.config.locationを変更して画面を確認します。
$ steroids.config.location = "tutorial.html"
色々と書かれているので、気が向いた時に見てみます。。。

SteroidsアプリにAndroid端末からアクセスしてみる

Steroids公式:
http://www.appgyver.com/steroids

Steroidsアプリを、試しにAndroid端末で動かしてみたのでメモしておきます。

--

Node.jsをインストールしておきます。

手元のAndroid端末に https://play.google.com/store/apps/details?id=com.appgyver.android をインストールしておきます。

Android端末をWi-Fiで接続しておきます。このネットワークは、使用しているPCと同じネットワークでないといけません。また、Steroidsはlocalhostの4567ポートを使用するので、ファイアウォールの設定に注意して下さい。(少しハマってしまった。。。)

以下のコマンドを実行します。
# Steroidsをインストールしてアプリケーションを生成
$ sudo npm install steroids -g
$ steroids create myapp
$ cd myapp

# ローカルでSteroidsサーバを起動して接続?
$ steroids login
$ steroids connect
ブラウザにQRコードが表示されるので、予めインストールしておいたアプリで読み取り、Welcome画面が表示されればOKと思います。

文言を適当に変更してエンターキーを押すと、端末側も自動でリロードされました。

helpコマンドの実行結果は以下のとおりです。
AppGyver Steroids command  help

 Command          Shortcut      Description
------------------------------------------------------------------------------
 push             <enter>       Push code to connected devices

 sim <device>     s             Launch iOS Simulator; <device> can be:
                                 iphone, iphone_retina_3_5_inch, iphone_retina_4_inch
                                 ipad, ipad_retina

                                Optionally, append @<iOS-version> to launch with a specific iOS
                                version; e.g. iphone@5.1

 qr               -             Show the QR code for connecting devices

 edit             e             Launch editor (set in application.coffee), defaults to subl

 debug <path>     d             Open Safari debugger for matching path in URL location
                                Note: Enable Develop menu in: Safari -> Preferences -> Advanced

 quit             q             Exits connect. Also: exit
以下、関連するドキュメント等です。
http://academy.appgyver.com/courses/2/lessons/32
http://academy.appgyver.com/courses/2/lessons/4
http://guides.appgyver.com/steroids/guides/steroids_npm/troubleshooting-connectivity/

次はiOS(iPod touch)とiOSシミュレータで確認してみたいと思います。

iOSシミュレータは "s" で起動しました。要Xcodeです。iPod touchとかiPhoneは未確認ですが、Android端末と同じ要領でOKなんだと思います。