Windows環境で使えるiPhone/iPadエミュレータ
iPhone用ウェブサイトを構築するにあたり、
IUI(iPhone User Interface Framework)を利用することにしたのですが、
その動作を確認するためiPhoneエミュレータを探してみました。
iBBDemo2
Windows環境で利用できるので、
開発現場(=仕事先)でも「暇な時間を見つけては勉強」できそうです(笑)
1. AdobeAIRインストール
iPhone/iPadエミュレータ「iBBDemo2」の実行環境です。
iBBDemo2をインストールするより先にインストールしておきます。
ココからダウンロードして実行します。
AdobeAIRInstaller.exe
2. iBBDemo2インストール
ココからダウンロードして実行します。
iBBDemo2.air
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_install_001](https://stat.ameba.jp/user_images/20110304/13/you2mura/b0/10/j/t02200173_0506039711088959578.jpg?caw=800)
↑[インストール]を押下します。
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_install_002](https://stat.ameba.jp/user_images/20110304/13/you2mura/81/7e/j/t02200172_0506039611088959576.jpg?caw=800)
↑[続行]を押下します。
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_install_004](https://stat.ameba.jp/user_images/20110304/13/you2mura/d7/93/j/t02200101_0506023211088960889.jpg?caw=800)
↑[完了]を押下します。
3. iBBDemo2起動
起動するとiPadエミュレータが表示されます。
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPad_001](https://stat.ameba.jp/user_images/20110304/13/you2mura/49/79/j/t02200169_0800061511088960890.jpg?caw=800)
以下キー操作により、iPhoneエミュレータに切り替えたりすることも可能です。
[Ctrl] + [1] ・・・ iPadエミュレータ切替
[Ctrl] + [2] ・・・ iPhoneエミュレータ切替
[Ctrl] + [+] ・・・ Safari表示拡大
[Ctrl] + [-] ・・・ Safari表示縮小
[Ctrl] + [←] ・・・ エミュレータ縦横切替
[Ctrl] + [→] ・・・ エミュレータ縦横切替
[Ctrl] + [D] ・・・ アドレスバー表示切替
[Ctrl] + [Shift] + [F] ・・・ Flash有効無効切替
[Ctrl] + [T] ・・・ インストールフォルダ配下のtest.htmlを表示
↓[Ctrl] + [2] を押してみると... iPhone
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPhone_001](https://stat.ameba.jp/user_images/20110304/13/you2mura/08/39/j/t02200116_0731038611088960891.jpg?caw=800)
↓[Ctrl] + [→] を押してみると... 縦表示
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPhone_002](https://stat.ameba.jp/user_images/20110304/13/you2mura/e6/31/j/t02200423_0386074211088961563.jpg?caw=800)
↓[Ctrl] + [+] を5回押してみると... 拡大表示
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPhone_003](https://stat.ameba.jp/user_images/20110304/13/you2mura/32/ba/j/t02200423_0386074211088961562.jpg?caw=800)
なお、
[Ctrl] + [T] を押下することにより、
インストールフォルダに格納されている「test.html」を表示してくれるので、
test.htmlに確認したいコードを書いておけば、
簡単にローカルで動作確認できそうです。
最後に残念な点。
エミュレータ上に表示されているHTMLのソースを表示する機能が欲しいです...
メジャーサイトのiPhone専用ウェブサイトのコードを参考にしたいので...![しょぼん](https://stat.ameba.jp/blog/ucs/img/char/char2/144.gif)
IUI(iPhone User Interface Framework)を利用することにしたのですが、
その動作を確認するためiPhoneエミュレータを探してみました。
iBBDemo2
Windows環境で利用できるので、
開発現場(=仕事先)でも「暇な時間を見つけては勉強」できそうです(笑)
1. AdobeAIRインストール
iPhone/iPadエミュレータ「iBBDemo2」の実行環境です。
iBBDemo2をインストールするより先にインストールしておきます。
ココからダウンロードして実行します。
AdobeAIRInstaller.exe
2. iBBDemo2インストール
ココからダウンロードして実行します。
iBBDemo2.air
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_install_001](https://stat.ameba.jp/user_images/20110304/13/you2mura/b0/10/j/t02200173_0506039711088959578.jpg?caw=800)
↑[インストール]を押下します。
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_install_002](https://stat.ameba.jp/user_images/20110304/13/you2mura/81/7e/j/t02200172_0506039611088959576.jpg?caw=800)
↑[続行]を押下します。
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_install_004](https://stat.ameba.jp/user_images/20110304/13/you2mura/d7/93/j/t02200101_0506023211088960889.jpg?caw=800)
↑[完了]を押下します。
3. iBBDemo2起動
起動するとiPadエミュレータが表示されます。
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPad_001](https://stat.ameba.jp/user_images/20110304/13/you2mura/49/79/j/t02200169_0800061511088960890.jpg?caw=800)
以下キー操作により、iPhoneエミュレータに切り替えたりすることも可能です。
[Ctrl] + [1] ・・・ iPadエミュレータ切替
[Ctrl] + [2] ・・・ iPhoneエミュレータ切替
[Ctrl] + [+] ・・・ Safari表示拡大
[Ctrl] + [-] ・・・ Safari表示縮小
[Ctrl] + [←] ・・・ エミュレータ縦横切替
[Ctrl] + [→] ・・・ エミュレータ縦横切替
[Ctrl] + [D] ・・・ アドレスバー表示切替
[Ctrl] + [Shift] + [F] ・・・ Flash有効無効切替
[Ctrl] + [T] ・・・ インストールフォルダ配下のtest.htmlを表示
↓[Ctrl] + [2] を押してみると... iPhone
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPhone_001](https://stat.ameba.jp/user_images/20110304/13/you2mura/08/39/j/t02200116_0731038611088960891.jpg?caw=800)
↓[Ctrl] + [→] を押してみると... 縦表示
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPhone_002](https://stat.ameba.jp/user_images/20110304/13/you2mura/e6/31/j/t02200423_0386074211088961563.jpg?caw=800)
↓[Ctrl] + [+] を5回押してみると... 拡大表示
![$ソフトウェア開発会社で働く社員のアメブロ-iBBDemo2_iPhone_003](https://stat.ameba.jp/user_images/20110304/13/you2mura/32/ba/j/t02200423_0386074211088961562.jpg?caw=800)
なお、
[Ctrl] + [T] を押下することにより、
インストールフォルダに格納されている「test.html」を表示してくれるので、
test.htmlに確認したいコードを書いておけば、
簡単にローカルで動作確認できそうです。
最後に残念な点。
エミュレータ上に表示されているHTMLのソースを表示する機能が欲しいです...
メジャーサイトのiPhone専用ウェブサイトのコードを参考にしたいので...
![しょぼん](https://stat.ameba.jp/blog/ucs/img/char/char2/144.gif)
HTML5+CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応
posted with amazlet at 11.03.04
谷拓樹
ラトルズ
売り上げランキング: 826
ラトルズ
売り上げランキング: 826
iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL)
posted with amazlet at 11.03.04
たにぐちまこと
アスキー・メディアワークス
売り上げランキング: 942
アスキー・メディアワークス
売り上げランキング: 942
スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone/iPad/Android対応
posted with amazlet at 11.03.04
クジラ飛行机
ソシム
売り上げランキング: 970
ソシム
売り上げランキング: 970
iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法
posted with amazlet at 11.03.04
Jonathan Stark
オライリージャパン
売り上げランキング: 8712
オライリージャパン
売り上げランキング: 8712
execute関数でシェル呼び出し
仕事上、イントラマート(v6.1)という製品を利用したシステムを開発しています。
スクリプト開発モデルです。
プログラムからOSコマンドを実行したい場合があります。
調査してみたところ...
execute
というグローバル関数が存在、
これを利用して以下のようなクラスを作成してみました。
ExecuteUtil.js
cshコマンドの引数として、シェルファイル(ExecuteUtil.csh)を引き渡し、
さらに、シェルファイルの引数として、
実行したいシステムコマンド(cmd)を引き渡しています。
なお、シェルファイルの中身ですが↓こんな感じです。
インストールディレクトリ配下にデプロイしています。
ExecuteUtil.csh
↓試しにdateコマンドを呼び出してみると...
↓ログ(stdout.log)にはこんな感じで出力されました。![OK](https://stat.ameba.jp/blog/ucs/img/char/char2/041.gif)
この仕組みを利用すれば、
シェルなどでしか実現が困難な機能も利用できそうです。![グッド!](https://stat.ameba.jp/blog/ucs/img/char/char2/187.gif)
スクリプト開発モデルです。
プログラムからOSコマンドを実行したい場合があります。
調査してみたところ...
execute
というグローバル関数が存在、
これを利用して以下のようなクラスを作成してみました。
ExecuteUtil.js
/**
* 初期化関数
* ※サーバ初期起動時に本関数を1度だけ呼び出して下さい。
*/
function init() {
Procedure.define("ExecuteUtil", new ExecuteUtil());
}
/**
* コンストラクタ<br/>
* @constructor
*/
function ExecuteUtil() {
// メソッド
this.csh = csh;
}
/**
* システムのホームディレクトリを返します。
* @param {String} cmd 実行するシステムコマンド
* @return {Object} 結果オブジェクト
*/
function csh(cmd) {
var hd = Packages.jp.co.intra_mart.foundation.service.provider.HomeDirectory.instance().findPath() + "";
return execute(Format.get("csh %s/ExecuteUtil.csh %s", hd, cmd));
}
cshコマンドの引数として、シェルファイル(ExecuteUtil.csh)を引き渡し、
さらに、シェルファイルの引数として、
実行したいシステムコマンド(cmd)を引き渡しています。
なお、シェルファイルの中身ですが↓こんな感じです。
インストールディレクトリ配下にデプロイしています。
ExecuteUtil.csh
#!/bin/csh
$*
↓試しにdateコマンドを呼び出してみると...
var result = Procedure.ExecuteUtil.csh("date");
echo(ImJson.toJSONString(result));
↓ログ(stdout.log)にはこんな感じで出力されました。
![OK](https://stat.ameba.jp/blog/ucs/img/char/char2/041.gif)
{"exit" : 0, "output" : "Tue Feb 15 08:24:25 JST 2011\n", "error" : ""}
この仕組みを利用すれば、
シェルなどでしか実現が困難な機能も利用できそうです。
![グッド!](https://stat.ameba.jp/blog/ucs/img/char/char2/187.gif)
【改訂新版】 Linuxコマンド ポケットリファレンス (Pocket Reference)
posted with amazlet at 11.02.15
沓名 亮典 平山 智恵
技術評論社
売り上げランキング: 63874
技術評論社
売り上げランキング: 63874
Red Hat Linuxコマンドポケットリファレンス (POCKET REFERENCE SERIES)
posted with amazlet at 11.02.15
加藤 彩 加藤 仁
技術評論社
売り上げランキング: 489961
技術評論社
売り上げランキング: 489961
ブログ更新をdlvr.itを利用して自動ツイートさせてみる
ブログ記事などを自動ツイートさせるため、
dlvr.it というサービスを利用しています。
このサービスサイトは全て英語表記です。
同様なサービスで日本語化されたサイトも存在したのですが、
機能が不足してたり...
肝心な自動ツイート機能が大幅遅延したり...動作しなかったりで...
設定手順を簡単にまとめてみました。
<設定手順>
↓dlvr.it にアクセス、メルアドとパスワードを入力してサインアップします。
※この操作でアカウントが作成されます。
![ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_001](https://stat.ameba.jp/user_images/20110208/23/you2mura/f3/42/j/t02200165_0800060011035781636.jpg?caw=800)
↓自動ツイートしたいブログのRSSフィードURLを入力して[next]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_003](https://stat.ameba.jp/user_images/20110208/23/you2mura/f7/35/j/t02200165_0800060011035794303.jpg?caw=800)
↓Twitterアイコンを選択します。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_004](https://stat.ameba.jp/user_images/20110208/23/you2mura/2f/5f/j/t02200165_0800060011035794305.jpg?caw=800)
↓Twitter認証画面に認証情報を入力して[許可する]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_005](https://stat.ameba.jp/user_images/20110209/00/you2mura/73/69/j/t02200165_0800060011035823730.jpg?caw=800)
↓[OK]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_006](https://stat.ameba.jp/user_images/20110209/00/you2mura/3a/38/j/t02200165_0800060011035823731.jpg?caw=800)
↓[active]をクリックして...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_007](https://stat.ameba.jp/user_images/20110209/00/you2mura/b0/1c/j/t02200165_0800060011035823732.jpg?caw=800)
↓[paused]になったことを確認します。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_008](https://stat.ameba.jp/user_images/20110209/00/you2mura/31/87/j/t02200165_0800060011035823733.jpg?caw=800)
↓[Settings]をクリック、タイムゾーン等を変更して...[Save]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_009](https://stat.ameba.jp/user_images/20110209/00/you2mura/41/46/j/t02200165_0800060011035823734.jpg?caw=800)
↓Sourceの[編集アイコン]をクリックして...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_010](https://stat.ameba.jp/user_images/20110209/00/you2mura/71/3a/j/t02200165_0800060011035830348.jpg?caw=800)
↓[Feed Details]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_011](https://stat.ameba.jp/user_images/20110209/00/you2mura/bd/e5/j/t02200165_0800060011035834308.jpg?caw=800)
↓[Feed Update]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_012](https://stat.ameba.jp/user_images/20110209/00/you2mura/7f/dc/j/t02200165_0800060011035834309.jpg?caw=800)
↓[Item Text]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_013](https://stat.ameba.jp/user_images/20110209/00/you2mura/67/0d/j/t02200165_0800060011035834320.jpg?caw=800)
↓[Filters]を変更して...
※この例では「タイトルに“PR:”という単語が含まれるフィードは対象外」としています
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_014](https://stat.ameba.jp/user_images/20110209/01/you2mura/d5/de/j/t02200165_0800060011035930117.jpg?caw=800)
↓[Scheduling]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_015](https://stat.ameba.jp/user_images/20110209/00/you2mura/da/8b/j/t02200165_0800060011035838923.jpg?caw=800)
↓[Advanced]を確認して...[save source]をクリックします。
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_016](https://stat.ameba.jp/user_images/20110209/00/you2mura/b1/24/j/t02200165_0800060011035841591.jpg?caw=800)
↓[Destinations]の[編集アイコン]をクリックして...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_017](https://stat.ameba.jp/user_images/20110209/00/you2mura/42/df/j/t02200165_0800060011035842243.jpg?caw=800)
↓[Account]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_018](https://stat.ameba.jp/user_images/20110209/00/you2mura/fc/f5/j/t02200165_0800060011035843085.jpg?caw=800)
↓[Post Content]を変更して...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_019](https://stat.ameba.jp/user_images/20110209/02/you2mura/eb/80/j/t02200165_0800060011035994275.jpg?caw=800)
↓[Advanced]を確認して...[save]をクリックします。
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_020](https://stat.ameba.jp/user_images/20110209/00/you2mura/0c/e5/j/t02200165_0800060011035844281.jpg?caw=800)
↓[paused]をクリックして[active]にしたら終了です。![グッド!](https://stat.ameba.jp/blog/ucs/img/char/char2/187.gif)
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_021](https://stat.ameba.jp/user_images/20110209/00/you2mura/d0/ce/j/t02200165_0800060011035844807.jpg?caw=800)
ご苦労様でした。
dlvr.it というサービスを利用しています。
このサービスサイトは全て英語表記です。
同様なサービスで日本語化されたサイトも存在したのですが、
機能が不足してたり...
肝心な自動ツイート機能が大幅遅延したり...動作しなかったりで...
設定手順を簡単にまとめてみました。
<設定手順>
↓dlvr.it にアクセス、メルアドとパスワードを入力してサインアップします。
※この操作でアカウントが作成されます。
![ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_001](https://stat.ameba.jp/user_images/20110208/23/you2mura/f3/42/j/t02200165_0800060011035781636.jpg?caw=800)
↓自動ツイートしたいブログのRSSフィードURLを入力して[next]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_003](https://stat.ameba.jp/user_images/20110208/23/you2mura/f7/35/j/t02200165_0800060011035794303.jpg?caw=800)
↓Twitterアイコンを選択します。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_004](https://stat.ameba.jp/user_images/20110208/23/you2mura/2f/5f/j/t02200165_0800060011035794305.jpg?caw=800)
↓Twitter認証画面に認証情報を入力して[許可する]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_005](https://stat.ameba.jp/user_images/20110209/00/you2mura/73/69/j/t02200165_0800060011035823730.jpg?caw=800)
↓[OK]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_006](https://stat.ameba.jp/user_images/20110209/00/you2mura/3a/38/j/t02200165_0800060011035823731.jpg?caw=800)
↓[active]をクリックして...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_007](https://stat.ameba.jp/user_images/20110209/00/you2mura/b0/1c/j/t02200165_0800060011035823732.jpg?caw=800)
↓[paused]になったことを確認します。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_008](https://stat.ameba.jp/user_images/20110209/00/you2mura/31/87/j/t02200165_0800060011035823733.jpg?caw=800)
↓[Settings]をクリック、タイムゾーン等を変更して...[Save]をクリックします。
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_009](https://stat.ameba.jp/user_images/20110209/00/you2mura/41/46/j/t02200165_0800060011035823734.jpg?caw=800)
↓Sourceの[編集アイコン]をクリックして...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_010](https://stat.ameba.jp/user_images/20110209/00/you2mura/71/3a/j/t02200165_0800060011035830348.jpg?caw=800)
↓[Feed Details]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_011](https://stat.ameba.jp/user_images/20110209/00/you2mura/bd/e5/j/t02200165_0800060011035834308.jpg?caw=800)
↓[Feed Update]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_012](https://stat.ameba.jp/user_images/20110209/00/you2mura/7f/dc/j/t02200165_0800060011035834309.jpg?caw=800)
↓[Item Text]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_013](https://stat.ameba.jp/user_images/20110209/00/you2mura/67/0d/j/t02200165_0800060011035834320.jpg?caw=800)
↓[Filters]を変更して...
※この例では「タイトルに“PR:”という単語が含まれるフィードは対象外」としています
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_014](https://stat.ameba.jp/user_images/20110209/01/you2mura/d5/de/j/t02200165_0800060011035930117.jpg?caw=800)
↓[Scheduling]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_015](https://stat.ameba.jp/user_images/20110209/00/you2mura/da/8b/j/t02200165_0800060011035838923.jpg?caw=800)
↓[Advanced]を確認して...[save source]をクリックします。
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_016](https://stat.ameba.jp/user_images/20110209/00/you2mura/b1/24/j/t02200165_0800060011035841591.jpg?caw=800)
↓[Destinations]の[編集アイコン]をクリックして...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_017](https://stat.ameba.jp/user_images/20110209/00/you2mura/42/df/j/t02200165_0800060011035842243.jpg?caw=800)
↓[Account]を確認して...
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_018](https://stat.ameba.jp/user_images/20110209/00/you2mura/fc/f5/j/t02200165_0800060011035843085.jpg?caw=800)
↓[Post Content]を変更して...
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_019](https://stat.ameba.jp/user_images/20110209/02/you2mura/eb/80/j/t02200165_0800060011035994275.jpg?caw=800)
↓[Advanced]を確認して...[save]をクリックします。
※特に変更なし
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_020](https://stat.ameba.jp/user_images/20110209/00/you2mura/0c/e5/j/t02200165_0800060011035844281.jpg?caw=800)
↓[paused]をクリックして[active]にしたら終了です。
![グッド!](https://stat.ameba.jp/blog/ucs/img/char/char2/187.gif)
![$ソフトウェア開発会社で働く社員のアメブロ-dlvr.it_021](https://stat.ameba.jp/user_images/20110209/00/you2mura/d0/ce/j/t02200165_0800060011035844807.jpg?caw=800)
ご苦労様でした。
Twitter×アメブロでビジネスを加速する方法
posted with amazlet at 11.02.10
青山 華子
ソーテック社
売り上げランキング: 1049
ソーテック社
売り上げランキング: 1049
アメブロをカスタマイズ 魅せるブログデザインを作ろう!
posted with amazlet at 11.02.10
本岡毬穂 中嶋茂夫
ソシム
売り上げランキング: 1954
ソシム
売り上げランキング: 1954