(Aterm®3500R＋Android™)ローカル環境(LAN)内のPCやWebサーバにアクセスする設定

WordPress™などのサイトを運営していてローカル環境で開発している場合に、
RWD(Responsive web template)などを導入した場合には、
持っている実機のAndroid™スマートフォンを利用して表示の確認を行いたい場合もあることと思います。
そんな時にはAndroidをWiFi経由でローカル環境内に参加させて表示の確認を行うと便利です。

はじめに

通常、RWDなどの表示の確認を行う場合にはエミュレータを利用すると便利です。
過去にご紹介したエミュレータは以下のようなものです。

iPad®のサイト確認にはスマートフォンエミュレータ(AIR iPad)が便利
iPhone®のサイト確認にはスマートフォンエミュレータ(AIR iPhone)が便利
サイト確認にはガラパゴス携帯(フューチャーフォン)エミュレータが便利
FireMobileSimulatorの機能拡張をGoogle™Chromeに導入
FireMobileSimulatorの機能拡張をFirefoxに導入

【お勧め！】　サイト確認にはスマートフォンエミュレータ(Mobilizer)が便利

とは言ったものの、エミュレータはエミュレータです。
たとえば、新しくアプリのインストールはできません。

ということは、Android版のChrome™などの表示確認ができません。
それでも実際に確認をしたいと思った際には「公開されているサイトで表示すればいい」ですね。

でも実際、開発をおこなったりする過程ではどうしても公開できる状態ではないものもあります。
そうした時にはrobots.txtでブロックしたりパスワード保護したりといろいろアプローチはあると思いますが、
初期導入の面倒くささ　さえ乗り切ればローカル環境にWebサーバを立てる方法も一つです。

そんな内部で独自に立てているWebサーバに対してAndroidからアクセスしようという趣旨です。

Aterm®3500R（WiMax）のローカル環境設定

ここではAterm3500RというWiMaxルータを例にご紹介しますが、
Aterm3500Rには少し癖があって、WiFiにてアクセスしてきた場合に、
ローカル環境へのアクセスを制限する機能が備わっています。

当然といえば当然です。

ご近所さんにはアクセスポイントは見えてしまっていますから。
万が一のことを考えて、自宅のLANにはアクセスさせない設定があるのはありがたいです。

しかし、この設定が仇となってアクセスができない場合にも直面します。

以下、投稿を参考にしていただいて、
AndroidからWiFi接続するSSIDを「ネットワーク分離機能」が無効なものを選んで接続すれば、
有線LANの環境に対してもちゃんとアクセスが行えるようになります。

Aterm®3500RでWiFi接続した端末を有線LAN環境にアクセスさせる設定

WiMaxルータの設定が完了しているものとして、以後はAndroid側の設定です。

Android™のネットワーク設定

Androidでホーム画面の[設定]をタップします。
設定メニューにて[WiFi]をタップします。

Android設定とWiFi設定

WiFiがOFFの場合はスライダをスライドしてONにします。
WiFi設定から先ほど確認した「ネットワーク分離機能」が無効なSSIDを選んで接続します。
接続したら[ SSID名 ]部分を長押しタップして詳細設定を行います。

WiFiアクセスポイント選択

ポップアップ表示されたダイアログで[ネットワークを変更]をタップします。
詳細設定が表示されますので、IPアドレスが有線LANと同じサブネットに属しているか確認します。

ご自宅のネットワーク環境にルータしか存在しないような場合には、
DHCPによる自動割り当てで問題ありません。
もし自宅にDNSサーバなどがある場合は、直接DNSサーバのIPアドレスをDNSに設定します。

入力が完了したら[保存]をタップして設定を保存します。

WiFi詳細設定

これで、ローカルネットワーク内のDNSサーバをAndroidが参照をするようになりましたので、
ローカル環境のWebサーバなどにアクセスが行えます。
実際にアクセスを行ってみると、以下のように表示されます。

ブラウザ表示

実機で確認をする必要性

しかし、エミュレータが多く普及している中で、どうして実機のアクセスが必要なのでしょうか。
今回Androidでは体裁の乱れなどが実機でも発生はしませんでした。

しかしiPhone®ではエミュレータと異なった表示がされるという状態を経験しました。
(Aterm®3500R＋iPhone®)ローカル環境(LAN)内のPCやWebサーバにアクセスする設定

ローカル環境のWebサーバ表示

エミュレータと実機では使われているフォントの違いがあったり、
そもそも日本製ではない為、マルチバイト文字（日本語）の再現性が若干違ったりしてしまいます。

さいごに

このような表示のずれが、もし仕事で作成したWebサイトなどで納品後に発覚したら、
「エミュレータで確認したんですが・・・」とは言えませんよね。

それに、あとから修正を行うことになると無用な工数がかさんでしまう結果も招きます。
開発中はエミュレータを利用するとしても、最終的には１回は実機での確認は行っておきたいものです。

Google™はGoogle Inc. の登録商標（第４４７８９６３号及び第４９０６０１６号）です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号：８８１００６及び９２６０５２及び１０８６２９９及び１０９１９９０及び１１４５９３４

Android™、AndroidロゴはGoogle Inc. の登録商標です。
第５１３２４０４号、第５１３２４０４号、第５５２７６００号、第５５５４０５３号

Google Chrome™ ブラウザはGoogle Inc. の登録商標です。
登録番号は商願２０１１－８０１８４号および、商願２０１１－８０１８７号です。
Google Chrome™およびロゴはGoogle Inc. の国際登録商標です。
国際登録番号：７７３９８２

Ａｔｅｒｍは日本電気株式会社の登録商標（第２２９８７７３号）です。

WordPressはWordPress Foundation の登録商標（第５０４９９６５号）です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

WordPress.com、WordPress.net、WordPress.org、WordPress.tv、
WordPressFoundation.orgはWordPress Foundationが
管理運営を行なう正式なトップレベルドメインであるとともに、
WordPress Foundationが運営を行うサービスの名称です。

wordpressはFree Software Foundation, Inc.によってGPL2+でライセンスされています。

Apple®,Apple logo®、Apple Inc.あるいはApple Japanの商標または登録商標です。

iPad®,iPhone®iPod®,iPod classic®,iPod Hi-Fi®,iPod nano®,iPod shuffle®,
iPod Socks®,iPod touch®は、Apple Inc.あるいはApple Japanの商標または登録商標です。

Safariブラウザ、Safari®マーク・ロゴは、Apple Inc.あるいはApple Japanの商標または登録商標です。
当サイトでは以下のガイドラインに基づいて各商標等の取扱いを致します。

Apple Trademark Listに記載の各ソフトウェア及びサービス名に関しては、
Apple製品およびApple Inc.あるいはApple Japanの商標または登録商標等に明記します。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

最後までお読みいただきありがとうございました。

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略