2008年1月4日金曜日

jiggyでHelloWorld

iPhone/iPod touchのjavascriptベースの開発環境「jiggy」で、HelloWorldを作ってみます。ただ、HelloWorldはあんまりなので、HelloJiggyに。

jiggyにログインする

  1. iPhone/iPod touchでjiggyを起動する
  2. 手元のMac/PCのブラウザからjiggyにアクセスする
    (jiggyに表示されているIPを使う)
  3. jiggyに表示されているUser name/Passwordでログインする

新しいアプリケーションを作る

  1. 左ナビの「Create new application」をクリックする
  2. TitleとIdentifierを入力する(Description, Version, Author, URL, Iconは任意)
    Title:      HelloJiggy
    Identifier: jp.kamonama(.hellojiggy)
  3. 画面下部の「Save」をクリックする
  4. iPhone/iPod touchがロック状態になればOK

Hello jiggy!

  1. ロックを解除し、jiggyを起動する
  2. jiggyにアクセスする
  3. 左ナビに「HelloJiggy」が追加されているので、それをクリックする
  4. HelloJiggyフォルダ中のmain.jsをクリックする
  5. 以下のコードをmain.jsに記述する
    Plugins.load( "UIKit" );

    var rect = UIHardware.fullScreenApplicationContentRect
    rect[0] = rect[1] = 0;

    var window = new UIWindow( rect );
    window.setHidden( false );
    window.orderFront();
    window.makeKey();
    window.backgroundColor = [ 1.0 , 1.0 , 1.0, 1.0 ];

    var hello = new UITextLabel( rect );
    hello.text = "Hello jiggy!";
    hello.backgroundColor = [ 0.6 , 0 , 0 , 1.0 ];
    hello.setFont( new Font( "Trebuchet MS" , 2 , 46 ) );
    hello.color = [ 1 , 1 , 1 , 1 ];
    hello.centersHorizontally = true;

    window.setContentView( hello );
  6. フロッピーディスクのアイコンをクリックし、main.jsを保存する
  7. 右向き三角のアイコンをクリックし、HelloJiggyが起動すればOK
    (スプリングボードのHelloJiggyアイコンをタップしても起動できます)

0 件のコメント: