会員ログイン
キーワード検索
セキュリティの都合や、レンタルサーバーを使って外部に公開することができない場合、制作に使用しているパソコンをテストサーバーにするやり方もあります。
スマートフォンからアクセスするためには、webサーバーにするパソコンが無線LANの設定がされていることやスマートフォンも一緒の無線LAN環境にあることが条件です。
Macの場合は、もともとwebサーバーの機能があります。
「システム環境設定」→「共有」→「web共有」にチェックをすることで有効化し、スマートフォンのブラウザで該当のIPアドレスを入力します。
Windowsの場合は、フリーソフトである「XAMPP」を利用します。
インストール後はXAMPPを起動し、「Apache」の「Start」をクリックし、次はコマンドプロンプトからipconfigを実行し、パソコンのIPアドレスを調べます。
こちらもスマートフォンからIPアドレスを入力しますが、HTMLファイルはXAMPPをセットアップしたファイルに入れましょう。
テストで作成したものを実機で確認できるようにした場合、確実な確認ができるのですが、ちょっとした一部のみの変更の際に、毎回実機確認をするというのは手間になります。
パソコンでも実機に近い表示を確認できるプレビューができるようにしましょう。
SafariやGoogle Chromeはスマートフォン搭載のブラウザと同じWebKitエンジンを使用しているため、レイアウト確認などの簡単なものであればパソコンからでも可能です。
特にSafariであれば「開発」→「ユーザーエージェント」のメニューからユーザーエージェントを簡単に切り替えることができます。
しかし、確認できるのはレイアウトなどの表示のみとなりますので、タッチやジェスチャーなどの操作確認はできないため、簡単な表示の確認だけと思ってください。
別の記事でPCサイトとスマートフォンの違いについてご説明させて頂きましたが、今回はより詳しくなぜス...
別の記事でも書いた通り、SafariとMobileSafariでは同等の表示能力を持っていますが、iOSの制限やハード...
iPhoneはアメリカで初めて発売されてからその後に、iPhone3G、iPhone3GS…と続々とシリーズが発売されて...
スマートフォンサイトを制作するために方法を3種類ご紹介します。フルスクラッチで制作もっともシンプル...
iPhoneのOSiPhoneシリーズにはアップル社が開発した小型端末専用のOS「iOS」というものがあります。これ...
以前の記事でiPhoneのSafariの仕様をご説明させて頂きました。今回は、Safariと見比べていきながら進め...
