ホームページ制作/WEBサイト制作、システム開発 の 株式会社コンサイズ 東京都渋谷区恵比寿

　━━━━━━━━━━━━━━━━━━━━━━vol.19━ 2006.10.19 ━
　　　なるほど！よくわかる！ホームページ運営！
　━━━━━━━━━━━━━━━━━━━━━━━━━━発行部数100部━
　■ カレンダー・暦 イベント
　■ あなたのページはこう見える
　■ 編集後記
　
　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　カレンダー・暦 イベント　2006.10.23 〜 11.13
　◆───────────────────────────────◆
　
　・ハロウィン　１０月３１日
　・文化の日　　１１月 ３日
　
　※2006.10.16 〜 11.6 の「カレンダー・暦 イベント」は
　バックナンバーに載っています。
　ご参考まで
　
　▼ なるほど！よくわかる！ホームページ運営 第１７号
http://blog.mag2.com/m/log/0000199475/107774111.html
　▼ なるほど！よくわかる！ホームページ運営 第１８号
http://blog.mag2.com/m/log/0000199475/107798363.html
　
　
　【こんなサイト発見しました】
　毎回、カレンダー・暦 イベントについて調べながら書いていたのですが
　その最中にこんなサイトを発見しました。
　
　▼ るるぶ．ｃｏｍ
http://www.rurubu.com/
　▼ 日本のイベントサーチ
http://www.rurubu.com/event/index.asp
　
　るるぶ．ｃｏｍの「日本のイベントサーチ」というコーナーです。
　
　一見普通のカレンダーですが、日付の下になにやら数字が・・・
　
　ということで日付をクリックすると全国各地のその日に行われる行事
　イベントの一覧が表示されます！
　
　なにかと利用できそうですね。
　ブックマークに入れときましょ（笑）
　
　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　サイト確認 方法 ・・・ あなたのページはこう見える
　◆───────────────────────────────◆
　
　○ 作成した サイト ホームページ の確認はどうやっていますか？
　
　　ホームページを作成した際に、ページのチェックを行ってると思います。
　
　　レイアウトはどうか、誤字脱字はないか、写真はイけてるか（笑）
　
　　しかし確認しているのは、ホームページを作成したPC＆ブラウザだけでは
　　ないでしょうか？
　
　
　○ いろいろな環境を想定する
　
　　環境！？
　
　　そう、環境とはご自分の「ホームページ」をご覧になっている閲覧者
　　「お客様」の「ホームページを見る環境」のことを指しています。
　
　　たとえば・・・
　
　　・Windows XP で Internet Explorer
　　・Macintosh OS X で Safari
　
　　こんな感じが最近は多いのではないでしょうか。
　
　　ところが、実際にはもっと多くのOS＆ブラウザが存在します。
　
　　そして普通にこの２つでサイトチェックを行うだけでも大変です。
　
　
　○ チェックする方法は・・・
　
　　チェックする方法を教えましょう！！！
　
　　・・・それは全環境をそろえることです。
　
　　いやいやいやいやいやいや
　
　　それはそうなんですよね。
　
　　それが一番です。
　
　　実際大手のコンテンツ会社さんはそういったPCルームがあり
　　テスト要員がチェックするなんて夢のような話もあります。（笑）
　
　　しかーし！！
　
　　実際そんなにコストはかけられません；；
　
　　そこで！！！
　
　　今回は簡単に他の環境を再現できる方法をいくつかご紹介します。
　
　
　■ Safariブラウザ・IEブラウザ を再現
　■■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　
　◎Windowsで制作・確認を行っている方が
　　Macintoshでどう見えているか？　を確認したい
　
　◎Macintoshで制作・確認を行っている方が
　　Windowsでどう見えているか？　を確認したい
　
　　これが一番多い要望ではないでしょうか。
　
　　実はそれをプレビュー形式で見せてくれるサイトがありました！！！
　
　海外の方のページです。
　
　▼ Daniel Eric Vine　トップにあるコンテンツです。
　　メニューにはかわいい赤ちゃん写真集（？）もあります。
http://www.danvine.com/
　
　
　そして、　『IEでの表示を再現してくれる』サイト
　
　▼ ieCapture
http://www.danvine.com/iecapture/

　
　
　次に、　『Safariでの表示を再現してくれる』サイト
　▼ iCapture
http://www.danvine.com/icapture/
　
　共に使い方は共通です。
　一応説明を・・・
　
　
　【使い方】
　
　１．まずは 「ieCapture」または「iCapture」確認したい方のサイトを
　　　開きます。
　
　２．ページ上部に「ｈttp://□」という入力ボックスがありますので
　　　そちらに確認したいサイトのURLアドレスを入力します。
　
　３．その下にある「Submit a URL」というラジオボタンをチェックし
　　　（はじめからチェックしてあると思います）、書いてある数字を
　　　右隣の入力ボックスに入力します。
　
　４．下の「OK」ボタンを押すとサイトの収集処理が始まるようですので
　　　しばしお待ちを・・・・
　
　５．しばらく待つとページ下部「Your recent requests..」タイトルの
　　　下に確認したいサイトの画像とURLが表示されます。
　　　（いくつか行うと一覧表になります。）
　
　６．このまま画像をクリックすると大きな画像で表示される・・・
　　　はずなのですが、画像の処理にしばらく時間が掛かるようですので
　　　「404 not found」のようなエラーが出た方は再度同じ画面に戻って
　　　少々待ってからもう一度画像をクリックしてください。
　
　７．素晴らしいキャプチャー画像が閲覧できましたか？
　
　
　このサイトちょっと素敵すぎです。
　
　一度、お試しを！癖になりそうです。（笑）
　
　
　
　■ 携帯サイトのチェック
　■■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　
　これをわすれちゃいけない！！
　
　しかも、PCよりいろいろな環境が存在する・・・・
　
　それが、携帯サイトです。
　
　
　携帯サイトの確認ってちょっと厄介ですよね。
　
　現状、携帯会社は大きく言って３社＋PHS１社です。
　
　この４社で仕様が違う上に携帯電話機個体によっても
　結構差があるんですよ。
　
　たとえば同じDocomoでも PDCと呼ばれる 通常のiモード機
　（現在通常ってFOMAかも・・・）
　と
　第３世代のFOMAでは相当仕様が違います。
　
　これはauでもSoftbank(Vodafone)でも同じですよね。
　
　
　さすがに全部チェックするのは無理！
　
　でも、今回は簡易的にチェックする方法をお教えします。
　
　
　【 iモード での確認】
　
　iモードブラウザのシミュレータをご紹介します。
　シミュレータの意味は下記リンクからご覧下さい。
　要するに擬似的にｉモードで閲覧した状態を再現するツールです。
　
　下記リンク集の「ｉモードHTMLシミュレータＩＩ」がオススメです。
　詳細はリンク先に書いてあります。
　
　使い方はインストールして実行してＵＲＬ入れて見るだけ！です。
　
　しかし、Windows用しかないんですよね・・・
　
　『参考資料リンク』
　
　▼ シミュレータとは
http://d.hatena.ne.jp/keyword/%A5%B7%A5%DF%A5%E5%A5%EC%A1%BC%A5%BF%A1%BC
　
　▼ 作ろうｉモードコンテンツ
http://www.nttdocomo.co.jp/service/imode/make/
　
　▼ 作ろうｉモードコンテンツ：ツール一覧
http://www.nttdocomo.co.jp/service/imode/make/content/download/list.html
　
　▼ ｉモードHTMLシミュレータＩＩ
http://www.nttdocomo.co.jp/service/imode/make/content/html/tool2.html
　
　
　【 EZweb の確認】
　
　EZweb のシミュレータも存在します。
　ただ、なんだか古いんですよね・・・
　一応、ご紹介まで
　下記リンク集の「KDDI au : EZfactory ダウンロード Openwave SDK 6.2K」
　です。
　
　説明もリンク先にあります。
　
　実際使用してみると古い機種での見え方がわかります。
　確認用には・・・ですが。
　
　
　『参考資料リンク』
　
　▼ KDDI au : EZfactory
http://www.au.kddi.com/ezfactory/index.html

　
　▼ KDDI au : EZfactory ダウンロード
http://www.au.kddi.com/ezfactory/tool/index.html
　
　▼ KDDI au : EZfactory ダウンロード Openwave SDK 6.2K
http://www.au.kddi.com/ezfactory/tool/ue/index.html
　
　
　【 Softbank の確認】
　
　ソフトバンクって呼びなれない・・・・
　すでに前にＶアプリとか呼んでいたものも
　S!アプリとかになってました。
　
　そんなこんなでサイト確認ツールも存在しています。
　
　下記リンク集の「ソフトバンク ウェブコンテンツビューア」
　を開くとサイト確認用のツールがダウンロードできるようになっています。
　
　こちらはEZwebと違って最新版のようです。
　
　ただ使用方法が結構難しいので
　よ〜〜く説明を読んでご使用ください。
　
　簡単な説明だけ載せときます。
　
　『ウェブコンテンツヴューアー使用方法』
　
　１．ウェブコンテンツヴューアーを起動します。
　
　２．画面上部のメニューから「表示」をクリック
　　クリックされて広がったメニュー一覧から
　　「エミュレータ」というメニューを選択します。
　
　３．携帯電話の形が表示されますので
　　　その携帯電話の真ん中「２」の上にある
　　　土星のようなマークのボタンをクリックします。
　
　４．するとＵＲＬを入力するボックスが表示されますので
　　　そこにＵＲＬを入力し「OK」を押します。
　　※ＰＣに保存してあるHTMLファイルを見ることもできます。
　　　そのときは「参照」ボタンを押しファイルを選択します。
　
　５．表示されますのでチェックしましょう！！
　
　『※注意点！』
　
　　このシミュレータで注意しなければならない点があります。
　　このシミュレータでは「USER_AGENT」という識別子を発信して
　　いません。
　
　　携帯で閲覧すると自動で振り替えを行う.htaccess や
　　.cgi などをご使用の際は確認できないことがありますので
　　注意してください。
　
　　その際はSoftbank用（Vodafone用）のページのアドレスを
　　直接入力するようにしてください。
　
　
　『参考資料リンク』
　
　▼ ソフトバンク ウェブ
http://developers.softbankmobile.co.jp/dp/tool_dl/web/
　
　▼ ソフトバンク ウェブコンテンツビューア
http://developers.softbankmobile.co.jp/dp/tool_dl/web/wcv.php
　
　
　
　
　
　■ その他の環境
　■■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　
　上記のほかにも様々なＯＳ、ブラウザその組み合わせが存在します。
　
　一応、主なものについては対応しておくのが良いと思いますが、無理して
　あまり使用されていないブラウザまで対応する必要はないと思います。
　
　たとえばMacintoshのSafariでレイアウトが乱れたりした場合
　サイトに一言「このサイトはWindows IE6で動作確認しております。」など
　の文言を入れるだけでお客様からの苦情の声はちょっと色が違うのでは
　ないでしょうか。
　
　結構忘れがちなことですがその対応もがんばって行ってください！
　
　有効な手としましては「友人を利用する」ということもお教えしておきます。
　　（笑）
　
　私はよく利用させていただいております。
　周りの皆様、いつも感謝しております。
　この場を借りて感謝の言葉を述べさせていただきます。
　ありがとう！！
　
　
　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　編集後記
　◆───────────────────────────────◆
　
　第１９号いかがでしたでしょうか。
　
　環境の違いによる表示・動作の違いですが
　数年前までCSS（カスケードスタイルシート）やJavaScriptなどで
　ものすごい動作の違いが生じておりましたが、現在は落ち着いてきたようです。
　
　とは言え、まだ古いＰＣで閲覧されている方、ダイヤルアップで接続
　されている方などいらっしゃいます。
　
　ちょっとした工夫、チェックで回避できるトラブルが多いのも事実です。
　今回の内容を参考にきちんとチェックしてくださいね。
　
　私自身、結構お客様から苦情いただきますので、ひとごとではありません。
　
　一緒にがんばりましょう！！
　
　ところで話題のmixi、はじめてますか！？
　私もやっておりますので、よろしければマイミク登録お願いします！
　ハンドルネームは「たけしまん７」です。
　
　▼ mixi プロフィールこちらです。
　http://mixi.jp/show_friend.pl?id=1443846
　
　このメルマガの記事はわたしのブログでも掲載しております。
　
　▼ブログ「ホームページ運営コンサルタント−さとうたけし」
　http://blog.comsize.com/

　
　ご感想は上記ブログに「コメント」という形でも受け付けております！
　是非、読んでみてください！
　
　よろしくお願いします！
　
　「ホームページを優秀な営業マンに！」
　
　　私もそのお手伝いをします！
　
　◎ このメールマガジンを読んだご感想・ご意見・ご質問、また仕事依頼
　 などございましたらなんなりとお気軽にメールをください。
　 お返事は必ず書きます！
　------------------------------------------------------------------
　☆ ホームページ運営コンサルタント
　☆ 発行人： 株式会社コンサイズ　さとう たけし
　☆ 弊社HP： < http://www.comsize.com/ >
　☆ メール： < mail@comsize.com >
　★ 購読・解除はこちらでできます！
　　まぐまぐ →→ http://www.mag2.com/m/0000199475.html
　------------------------------------------------------------------