あなたのサイトやブログは今大流行中のアップルのiPhoneやiPad(日本ではソフトバンク販売)でどのように見えるだろうか?iPhoneやiPadが手元になくても見える方法はないのか?このブログはiPhoneで以下のように見えました。
iPadでは以下のようにシミュレーション(デモンストレーション)できました。
私のこのブログはPCでシミュレーションしてiPhoneやiPadを画像にあるように見えることを確認しました。日本語がないので苦労しましたが、このシミュレーションを可能にした無料エミュレータのソフトの「iBBDemo2.0」の使い方とは?
無料ソフトのエミュレータ「iBBDemo2.0」の使い方
iPhoneやiPadでどのように見えるのかを簡単にPCでシミュレーションしてくれるエミュレータが「iBBDemo2.0」ですね。この優れもののソフトはアップルのSafari(サファリ)というマイナーなブラウザをプラットフォームにしているソフトです。
準備しよう!
Safariのインストール
ですから、まずこのSafariをインストールしなければなりません。サファリのインストールは Safariからどうぞ。
下はサファリのトップ画面です。アップルらしく本当にシンプルにできていますね。私はこのSafariというブラウザを使ったことがないのでいじりたいくなりましたが、暇がある時にということで、早速iPad,iPhoneのシミュレーターダンロード、インストールします。
「iBBDemo2.0」のダウンロードとインストール
ではiBBDemo2 へ行き、以下の部分からインストールします。
私はひとまずデスクトップにダンロードしました。次にファイルを開き「iBBDemo2.air」をクリックしてインストール開始です。以下のようにインストールしましょう。
私の場合はいつでもすぐにiPhoneのシミュレーションをしたいのでデスクトップ上に、「iBBDemo2」のショートカットを作りました。同じようにしたい方は以下のようにチェックを入れましょう。次にインストールの「続行」をクリックします。
「同意」してiBBDemo2のインストールを決行します。
iBBDemo2のインストール後すぐに起動させます。しかしすぐにソフトが起動しな方は、デスクトップ上にできたiBBDemo2のショートカットをクリックして起動させます。
iBBDemo2の使い方
iBBDemo2はPC上で簡単にサイトやブログがどんなふうに見えるかをシミュレーションしてくれます。以下の画像はiPadがPC上にデモンストレーションされています。キーパットがiPadの雰囲気を醸し出していますね。
iPhoneへの切り替え
iBBDemo2の使い方はトップ画面に英語で記されています。
ショートカットキー(ホットキー)を使って切り替えたり拡大したり縦横の向きを変換させます。以下のようにします。
- iPhoneを表示させる・・・・・「CTRL」+「2
- iPadを表示させる・・・・・・・「CTRL」+「1
- 縦横表示を切り換える・・・・「CTRL」+「←(→)「矢印キー」
- コンテンツ拡大・・・・・・・・・・「CTRL」+「+(プラス)キー」
- コンテンツ縮小・・・・・・・・・・「CTRL」+「ー(マイナス)キー」
では私のサイトはどのように見えるのでしょうか?まずはiPadでシミュレーションです。アドレス領域にURLを打ち込みました。フルブラウザとしてPC上で見るのとなんら変化ありません。
次ににCTRLキーと「2」を押すとiPhoneでの表示になりました。これもフルブラウザとしての表示ですね。
私のブログはWPの「ktai Style」プラグインを使っていますが、iPhone用のテーマはまだ無いようです。
しかしiPhone用のテーマ、プラグインが出ているようなので導入を検討してみたいと思います。何かアドバイスがあれば、コメントいただくと大変助かります。
以上がPC上でのiPhone,iPadでどのようにサイトやブログが見えるかをシミュレーション、デモンストレーションしてくれる優れものの無料ソフト「iBBDemo2.0」の使い方でした。
コメント
[…] 。それについては、iPhone,iPadをPC上でシュミレーション「iBBDemo2.0」使い方? で書いています。 […]
エミュレーターじゃなくシミュレーター