2020.02.27今回は、コーティング案件(HTMLやCSS)などで良く使われるコメントアウトについて、言語ごとの記述の仕方や利用シーン、注意点などを紹介します。実際の利用シーン注意点コメントとは?コメントとは、マークアップ言語やプログラミング言語の記述内に入れる事ができるソース上で動作しない(読み込まれない)言葉です。下記の4行目と14行目のような<!–ここから表–>と<!–ここまで表–>の部分が実際のコメントの記述です。<h2>ここにタイトルが入ります。</h2><p>ここにテキストが入ります。<!--ここまで表--->HTMLやCSSのコーティングの最中に技術者がこの要素は何なのかを直ぐに把握出来るようにメモ書きとして残しておくのが一般的なコメントの使い方です。コメントアウトとは?一方コメントアウトとは、一旦動作(読み込まれていた)記述をコメント化して動作させない事です。コメントを解除すれば動作します。下記の様に、1行目〜2行目の<h2>と<p>タグを丸々コメントアウトすれば、そこは表示されず、すぐに次の要素(table)が読み込まれます。<h2>ここにタイトルが入ります。</h2><p>ここにテキストが入ります。<!--ここまで表--->いらない要素があった時に試しに消してみたいが、いきなり削除するのは怖いのでコメントアウトして様子を見るといった使い方が一般的です。逆に要素を追加したいけどまだ未完成なのでコメントアウトしとくなども良いと思います。面倒臭い事に、コメントの書き方は言語ごとに異なります。ここでは特に使用頻度の高い代表的なものを紹介します。下記のコメントの記述は改行の出来ないコメントです。下記のコメントの記述は改行が可能なコメントです。下記のコメントの記述は改行の出来ないコメントです。下記のコメントの記述は改行が可能なコメントです。}*/ショートカットキーWordPressやテキストエディタでは基本的にコメントアウトのショートカットが用意されているかと思います。ショートカットキーを使うと、その行のテキストがコメントアウトされます。選択した場合はその部分のみがコメントアウトされます。(バージョンやテーマなどによって若干異なる場合もある)実際の利用シーンWEB制作の仕事では良くコメントアウトは多様します。毎年恒例の行事、イベント、緊急の連絡、注目情報など年に1〜3回くらいしか更新せず、1週間程度しか掲載しないような内容だがトップの方に大きく出したいといった要望を毎回答えるためにその要素をコメントアウトして残しておき、要望があった際だけコメントアウトを解除するといった運用の仕方がよくあります。ブログ運営の場合は、大量に記述してきたCSSの要素が何なのかをメモ書きとしてコメントを残すといった使い方がよくあります。各記述の仕方で、閉じタグでコメントをしっかりと終わらせないと、下記のダメな例のようにその後のコードが全てエラーになります。コメントの閉じタグが見つかるまで永遠とコメントが続きます。#777777;font-size:55px;}また下記のダメな例のように、1行コメントの同じ行の後ろに書いたコードもコメント化されます。1行コメントを使う際は必ず行の最後尾に記述し、次の記述は改行する様にしましょう。$get_image_options;}特に1行コメント付きのコードを整形ツールや圧縮などを行うと改行がなくなりエラーになる場合があるので注意が必要です。以上が「コメントアウトとは?各言語ごとの記述の仕方を紹介」でした。サイト運営、WEB制作、ブログ運営のどれにでも使える知識なので覚えておいて損は無いかと思います。コメントを有効に活用して、より運用しやすい記述を意識していきましょう。