あなたのサイトやブログは今大流行中のアップルのiPhoneやiPad(日本ではソフトバンク販売)でどのように見えるだろうか?iPhoneやiPadが手元になくても見える方法はないのか?このブログはiPhoneで以下のように見えました。

PC上でiPhoneをシュミレーションしてくれる「iBBDemo2.0」の使用法

iPadでは以下のようにシュミレーション(デモンストレーション)できました。

「iBBDemo2.0」でiPadをデモンストレーション

私のこのブログはPCでシュミレーションしてiPhoneやiPadを画像にあるように見えることを確認しました。日本語がないので苦労しましたが、このシュミレーションを可能にした無料エミュレータのソフトの「iBBDemo2.0」の使い方とは?

無料ソフトのエミュレータ「iBBDemo2.0」の使い方

iPhoneやiPadでどのように見えるのかを簡単にPCでシュミレーションしてくれるエミュレータが「iBBDemo2.0」ですね。この優れもののソフトはアップルのSafari(サファリ)というマイナーなブラウザをプラットフォームにしているソフトです。

準備しよう!

Safariのインストール

ですから、まずこのSafariをインストールしなければなりません。サファリのインストールは Safariからどうぞ。

下はサファリのトップ画面です。アップルらしく本当にシンプルにできていますね。私はこのSafariというブラウザを使ったことがないのでいじりたいくなりましたが、暇がある時にということで、早速iPad,iPhoneのシュミレーターダンロード、インストールします。

「iBBDemo2.0」のダウンロードとインストール

ではiBBDemo2 へ行き、以下の部分からインストールします。

「iBBDemo2.0」の使い方

私はひとまずデスクトップにダンロードしました。次にファイルを開き「iBBDemo2.air」をクリックしてインストール開始です。以下のようにインストールしましょう。

「iBBDemo2.0」をダウンロード方法

私の場合はいつでもすぐにiPhoneのシュミレーションをしたいのでデスクトップ上に、「iBBDemo2」のショートカットを作りました。同じようにしたい方は以下のようにチェックを入れましょう。次にインストールの「続行」をクリックします。

「iBBDemo2.0」をインストール

「同意」してiBBDemo2のインストールを決行します。 「iBBDemo2.0」のインストールの設定

「iBBDemo2.0」のインストール中の場面

iBBDemo2のインストール後すぐに起動させます。しかしすぐにソフトが起動しな方は、デスクトップ上にできたiBBDemo2のショートカットをクリックして起動させます。 無料ソフト「iBBDemo2.0」の起動する方法

iBBDemo2の使い方

iBBDemo2はPC上で簡単にサイトやブログがどんなふうに見えるかをシュミレーションしてくれます。以下の画像はiPadがPC上にデモンストレーションされています。キーパットがiPadの雰囲気を醸し出していますね。

「iBBDemo2.0」でiPadをPC上でデモンストレーション

iPhoneへの切り替え

iBBDemo2の使い方はトップ画面に英語で記されています。

「iBBDemo2.0」の使い方はショートカットキーを使う

ショートカットキー(ホットキー)を使って切り替えたり拡大したり縦横の向きを変換させます。以下のようにします。「iBBDemo2.0」でiPadからiPhoneへ切り替える

  • iPhoneを表示させる・・・・・「CTRL」+「2
  • iPadを表示させる・・・・・・・「CTRL」+「1
  • 縦横表示を切り換える・・・・「CTRL」+「←(→)「矢印キー」
  • コンテンツ拡大・・・・・・・・・・「CTRL」+「+(プラス)キー」
  • コンテンツ縮小・・・・・・・・・・「CTRL」+「ー(マイナス)キー」

「i無料ソフト「BBDemo2.0」の操作方法一覧

では私のサイトはどのように見えるのでしょうか?まずはiPadでシュミレーションです。アドレス領域にURLを打ち込みました。フルブラウザとしてPC上で見るのとなんら変化ありません。

「iBBDemo2.0」でiPadをシュミレーション

次ににCTRLキーと「2」を押すとiPhoneでの表示になりました。これもフルブラウザとしての表示ですね。

「iBBDemo2.0」でiPhoneをシュミレーションする方法

私のブログはWPの「ktai Style」プラグインを使っていますが、iPhone用のテーマはまだ無いようです。

しかしiPhone用のテーマ、プラグインが出ているようなので導入を検討してみたいと思います。何かアドバイスがあれば、コメントいただくと大変助かります。

以上がPC上でのiPhone,iPadでどのようにサイトやブログが見えるかをシュミレーション、デモンストレーションしてくれる優れものの無料ソフト「iBBDemo2.0」の使い方でした。

スポンサードリンク

関連記事

スポンサードリンク

  2 Responses to “iPhone,iPadをPC上でエミュレータ「iBBDemo2.0」使い方?快適にシュミレーション可能”

  1. [...] 。それについては、iPhone,iPadをPC上でシュミレーション「iBBDemo2.0」使い方? で書いています。 [...]

  2. エミュレーターじゃなくシミュレーター

 Leave a Reply

(必須)

(必須)

You may use these HTML tags and attributes: <a href="" title="" ktai=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

   
© 2012 Webと人のアマモ場