みどり同盟ブログはHabboホテル内で結成されたみどり同盟の公式サイトです。

↓みどり同盟ブログ内サーチ↓

みどり同盟ブログ内サーチ

↑みどり同盟ブログ内サーチ↑

↓リストメニュー↓

最新記事50件
 
最新コメント50件
 
過去の記事

↑リストメニュー↑

 

↓記事グループ説明↓

一件表示モード

メニューなどで記事を直接選択したとき、記事にコメントするとき、コメントを見ているときに、一件表示モードになります。

(みどり同盟なだけに;笑)緑茶でも飲みながら、一つの記事をじっくり見ていってください。楽しいコメントをお待ちしております!

 

↑記事グループ説明↑

↓記事↓

2007/01/28 (日)
ファンサイト制作★エラーの確かめ方
 
この記事はPONJANさんが旧・みどりメッセに投稿されていたメッセージを大きく修正して投稿したものです。
意外と需要があるということで、今回、記事として復活・修正することになりました。

自分の作ったWEBサイトが正しく完成しているかどうかを調べるのは、特に初心者にとっては難しいことだと思います。
自分のPCで見て崩れていなくても、ホームページ制作ソフトを使って作ってしまったために(そのソフトが持っている)エラーに気づかなかったり、どこかのサイトからJavascriptを「バグごと」コピーしてしまっていたり、間違った情報を紹介しているサイトから「使ってはいけないタグ」をコピーして使っていたりして、実はタイヘンなことになっている場合もあります。

 


というわけで、エラーの確かめ方について、ここで紹介します。

 


大きく分けて、2つの方法があります。
1つ目は、ブラウザーのエラー検出機能を使う方法。
2つ目は、無料でサイトを採点してくれるサービスを使う方法。

 


自分のサイトを公開して間もなく、この両方を試しておくべきだと思います。
ブラウザーのエラー検出機能では探し出せないエラーもたくさんありますので、必ず「無料でサイトを採点してくれるサービスを使う方法」も使ってエラーを見つけ出し、修正するように心掛けましょう。

 


矢印(横)ブラウザーのエラー検出機能を使う方法

代表的なブラウザー2つを使って説明します。
◆Internet Explorerをお使いの場合

 


上部メニュー「ツール」>「インターネットオプション」を開いてください。

 


ツール

 


開いたら「詳細設定」タブの中をスクロールしていって「ブラウズ」という項目グループの中の「スクリプト エラーごとに通知を表示する」を見つけ出し、左のチェックボックスにチェックし、下の「OK」ボタンをクリックしてください。

 


インターネットオプション

 


念のために、ブラウザー(ここではInternet Explorer)をいったん終了して開きなおしてください。
これで、エラーのあるページを開くとエラーダイアログが出るようになっています。

 


自分のサイトを開いてみてください。

 


エラーダイアログ

 


あなたのサイトでこんなエラーが最初から表示されたとしたら、大きなミスがあることになります。
できれば全ページをチェックしてみてください。

 


※エラー確認後はもとの設定に戻してもかまいませんが、あなたがwebサイト制作者(サイト管理者)なら、そのままにしておいていつもチェックしておくことをオススメします。

 


このままではどこにミスがあるのかみつけにくいです。
最後に紹介している「無料でサイトを採点してくれるサービスを使う方法」を使って、どこにミスがあるのか調べ、きちんと直してください。

◆Firerfoxをお使いの場合

 


FirefoxではInternet Explorerでは検出できなかったエラーもチェックできます。
できればサイト管理者のみなさんにはFirefoxもインストールしておいて、更新のたびにエラーをチェックしておくことをおすすめします。
当然、Internet ExplorerでくずれていなくてもFirefoxでくずれているようなサイトは×です。
Internet Explorerはミスをごまかしてしまう悪いクセ(というかIEのバグ)がありますので、Firefoxでの見た目のほうが「正しいものに近い」「IEよりは正しく見えている」ということと、「FirefoxでくずれていたらIEでくずれていなくても×」という基本を忘れずに!

 


上部メニュー「ツール」>「JavaScriptコンソール」を開いてください。
最新版Firefoxの場合は「エラーコンソール」になっていますのでそれを開いてください。

 


JavaScriptコンソール

 


コンソールが開くといきなり何かが表示されているかもしれませんが、まずは上部メニューの「消去」をクリックして内容を消しておいてください。

 


消去ボタン

 


その後、(コンソールは開いたままで)あらためて自分のサイトを開いてみてください。

 


続々とエラーが出たり、延々とエラー情報が追加されていく(エラーのループになっている)場合などは、かなり大きなミスがあることになります。
Firefoxのエラーコンソールはエラーのあるソースコードの行番号も教えてくれますが、ミスの詳細は教えてくれません。
最後に紹介している「無料でサイトを採点してくれるサービスを使う方法」を使って、どこにミスがあるのか調べ、きちんと直してください。

これらのエラーは「あなたが使っている≪エラーが出ないようにしている≫特殊な環境」ではエラーは表示されませんが、表示されないだけで、確実にエラーが起こっています。
環境によってはPCがフリーズ(固まる)してしまったり、別の作業をしている人のデータが消えてしまったりといった問題を起こしかねません。
このような考え方からも、(特にwebサイト制作者・サイト管理者の皆様には)エラーの表示が見えるように設定しておくことをオススメしています。

 


それではこれらのエラーを解決するにはどうしたら良いのでしょうか?
はっきり言ってしまうとエラーの対処の方法はそれぞれのエラーの内容によって様々ですので、ここで簡単に紹介することはできません。
ですが、エラーの意味とおよその解決法を判断してくれる便利なサイトがありますので、これを機会にぜひご利用ください。

 


矢印(横)無料でサイトを採点してくれるサービスを使う方法

Another HTML-lint gateway(←ここをクリックすれば新しいウィンドウで開きます)

 


同時に採点もしてくれます。
使い方:

 


1.URLのところにチェックを入れ、空欄にサイトのURLを入力。
※DATAのところはそのまま何もしなくてOK。

 


みどり同盟ブログのURLを入力

 


2.その下のチェックボックスが4つ並んでいるところは上の2つにチェック。

 


「以下のすべてのチェックを有効にします〜」にチェック

 


3.URLのところの上の「チェック」ボタンをクリック。

 


チェックボタンをクリック

 


たったこれだけの手順でしばらく待てば、あなたのサイトのミスを洗い出してくれます。

 


もちろん、みどり同盟ブログは100点を目指していますが、あなたのサイトはどうですか?
マイナス点の場合はもちろんですが、80点以下の場合はミスが多すぎますので修正しましょう。

必ずしも100点を目指す必要はありませんが、できるだけ高得点を目指せば多くの環境でエラーがなく安全に表示されるようになるということは間違いありません。
それ以前に、ミスの多いサイト(未完成のサイト)を公開することはwebのマナー違反でもあると考えたほうが良いかもしれません。

 


気をつけましょう。私も
 
 
 
 

↑記事↑

上の記事へのコメント:新着順に表示
2007/02/11 18:29PONJAN
>いちごちゃん
「普通のブログ(に見える)」版のほうはMac+IEで見れるんじゃなかったっけ?
うちの最新版Mac ProにIEをインストールしたところ、「普通のブログ(に見える)」版のほうは、少し崩れはあるものの、見れちゃってます[:汗:]
Intel-Macだからか?
 
2007/02/11 12:19いちごロックオン
マッキントッシュ版のインターネット・エクスプローラーで閲覧しようとすると新しいウィンドウで開くこのような文章が表示されるようになっています。
りんと12000さんと同じ質問も多いので、くわしくはFAQにまとめています。
FAQ>技術的な質問新しいウィンドウで開く>「Macintosh(Mac)のInternet Explorer(IE)で見れないのはなぜ?」

簡単に書くと、
『マッキントッシュ版のインターネット・エクスプローラーはとても危険なので、できるだけ使う人がいなくなるように(世の中のみんなのために)みどり同盟ブログの開発者陣が協力している』
ということです。
 
2007/02/11 09:38りんと12000
ぼくにはちょっとわかりませんが、Mac使ってます^^
このホームページをファインフォックスでつかったら非常に使いやすいですね・・・

Mac版のインターネットエクスプローラーをつかうと、緑同盟のホームページがお知らせ文しかでないのですが、なぜでしょうか?
ご回答おねがいします。
 
2007/02/08 15:12PONJAN
公式サイト、前のデザインよりは点数が良くなったんじゃなかたっけ?
とりあえずテーブル使ってないだけでもずいぶん進歩したと思うのです。

それより、みどり同盟ブログの「お問い合わせ」に、「某ファンサイトや某ファンサイトの掲示板で(中略)もっともそうに<table>タグを推奨しちゃってるイタイ元ホバやサイト管理人がいるのをみどり同盟の力を使ってなんとか正してあげてください。」みたいなコメント(非公開)、面白いんですけど[:グッド:]
私は某ファンサイトや某ファンサイト[:楽しい:]の掲示板は見ませんが、子供さんが頑張ってファンサイトを作りたいと思ってるんだから、テーブルでも何でもいいんじゃないでしょうか。
Another HTML-lint gatewayでマイナス点でも、ちゃんとまとめて長く運営していくのにはいわゆる「ホムペ作り」とは違った努力が必要なので、それはそれでいいんじゃないかと。

いや、これ、記事にしますよ。
面白そうなんで。
 
2007/02/07 14:48いちごロックオン
ちなみにHabboホテル公式サイトのホームページはエラーが443個で−173点。
他のページも「わざとかよ!」と突っ込みたくなるほどのマイナス点ばかりですね[:バッド:]
 
コメントする

 

みどり同盟・みどり同盟ブログに関連した質問はFAQのほうにコメントしてください。
注目!お読みください ≫コメントの注意点

 

Habboネーム:※ない人はニックネームでOK!

 

コメント本文:

※改行は[Enter]または[Return]キーで!

※URI(URL)アドレスをそのまま書き込むだけで≫LINKと表示されて自動リンクになります!
絵文字入力ツール