[補足コラム~実際に確認してみよう~]実際にWebMediaのWebサイトで、コメントアウトされているかを確認してみましょう。ソースコードを表示し、170行目を見てください。Webサイト上では、表示されていませんが、「<!—コメントアウトしています。-->」というコメントが記述されているのがわかるかと思います。効果的なコメントの使い方コードの範囲を伝えるコードの区切りごとに、コメントアウトした文を挿入することで視覚的にコードの範囲を理解することができます。この使い方は「HTML」、「CSS」などでよく使用します。具体的には、(1)HTMLの場合<!--ヘッダーはじめ--><header><h1></h1></header><!--ヘッダー終わり-->と記述します。{width:100%;}/*ヘッダー終わり*/と記述します。だれが読んでもコードが理解できるようにする複雑なコードの場合、なぜこのようになったかは書いた本人しかわかりません。このコードになった過程や意図など、コードを理解するために必要なことはコメントするようにしましょう。;のように記述します。上記の例は、変数の値が何を示しているのかを他の人が見てもわかるように記述されています。JavaScriptのコードが出ないようにするScriptタグを認識できないブラウザの場合、JavaScriptの記述がそのままブラウザに表示されてしまいます。それを防ぐためにコメントアウトを使用します。;</script>-->のように記述します。コメントを多用しすぎないコメントは簡単に記述できる上、表向きにはWebページには表示されないため、コメントを多用しがちです。ありがちなコメントは、コードをただ日本語訳しただけのコメントです。このようなコメントがなくても、実際のコードを読めば理解できることが多く、日本語訳の分、読むのに時間がかかるため不要といえるでしょう。コメントもコードとして読み込まれます。そのため、コメントを使えば、使うほどコンピューターがコードを読み込むのが遅くなってしまいます。この点からも、不要なコメントは記述しないようにすることも大切です。公開したくない情報はコメントアウトで対応しないコメントは表向きにはWebページには表示されないですが、上記のコラムでも確認したようにソースコードを表示させれば、だれでも簡単にみることができます。そのため、まだ公開する予定のない情報やURLをコメントアウトという形で非表示にしていても情報が漏洩してしまうので大切な情報はコメントアウトではなく、コードから消すようにしましょう。連続したハイフンは書かない上記でも述べた通り、HTMLでコメントアウトするためには連続したハイフン(--)を使用します。そのため、コメントアウト内に連続したハイフンを書いてしまうとうまくいかないので気を付けましょう。<span>を使わない。</span>を使わない。</p>--></body>上記のようになり、--のところでコメントが終了し、続きが通常のテキストとして表示されてしまうことがあります。-を使うようにしましょう。コメントアウト内にコメントアウトはできないコメントアウト内にコメントアウトをしてもうまくいきません。することもできないのでしょうか?そんなことはありません。HTMLであれば、<style>タグや<script>タグを用いてコメントアウトしたい箇所を囲み、上記で説明したCSSやjavaScriptのコメントアウトの仕方でコメントアウトすればうまくいきます。class=<"webmedia"><!--memo--></div>*/</style></body>このように記述することでコメントアウト内をコメントアウトすることが可能です。まとめコメントは簡単に扱える分、いい加減に使いがちです。わかりやすいコードを書く人ほど効果的にコメントを使用しています。わかりやすいコードになるよう、効果的にコメントを使用できるよう努めましょう。多くの制作実績を持つITRA株式会社にご相談ください!Webサイト制作に関する質の高い情報・サービスを提供します。官公庁や大手企業を中心とした大規模なWebサイトを総合的にプロデュースするWeb制作会社。デザインからシステム、サーバーまでWebサイトに関わるお客様の悩みを解決します。人気の記事1AdobeのFlash終了に向けた正しい撤収方法と代替案2GoogleのURL短縮サービスが3月で終了。カスタムサーチ」が3月末で終了。