2019年1月8日火曜日

ソース内のコメントアウト

こんばんは、こうちゃんです。

こうしたブログをはじめ、最近では趣味で多くの人がサイト、ブログ、SNS等、自身の情報を発信できるメディアを持っている時代になりました。
そうしますと、サイトやブログですと、完全にではありませんが、ある程度ソースを書く知識もあると便利です。
ソースというのは、htmlソースといって、言わばネット上で見るページを作るプログラミング部分です。
最近は便利なツール等で、一切知識がなくても見たままでマウス操作と文字入れるだけでサイトが作れたり、ブログもほぼ与えられた機能とデザインだけでも作成できますが、
そこはやはり自分で色々カスタマイズできる方がきれいなものが作れるものです。

そんな時に、htmlの知識、というのはあると便利で、HTMLタグリファレンスなどが世の中には多くでていて解説されておりますが、
各種構文などを覚えて自分で書けますと、楽しいサイト作りができます。

そんな中でひとつ、自身も活用するのでメモしておきますと、
基本的にはhtml中に書いた文字は全部ページに表示されますが、

コメントアウト

といって、書いてもブラウザ上で表示した際には見えない、そのページのソースを見た時しか見えない文字、というのも入れることができます。

これは、意味がなさそうに聞こえてしまうかもしれませんが、自分でサイトを作る際に、
「ここはお知らせ表示部分」みたいに自分に対しての付箋のようにも使えますので、
実は大変便利です。
※このブログなども、ソース編集といって、htmlを入力するモードがあるので使える

具体的には、ソースを書いている時に、
<!-- と --> とで囲めば、その間に書かれている内容はすべてただのメモ扱いで、実際には表示されません。
ですので、先ほどのような自分あての付箋のように使うのならば、
お知らせを書く部分に、

<!-- ここはお知らせ表示部分 -->
などを書いておけば、後日見た時などにも振り返りやすくて便利です。

こんなちょっとした小技ですが、使いこなせば便利です。
なお、これは、ホームページなどをウェブブラウザで見た場合の画面には映らないですが、
htmlソース上には書いてあるため、ほぼすべてのブラウザに搭載されている(ないのは見たことない)、ページのソース表示機能で誰でも見れますので、あまり重要機密などは記載しないように注意しましょう。
※開発会社のプライバシーに関わることだとか、個人を特定できるようなメモはやめておきましょう

なお、一般的にプログラムでも多くの言語にメモ機能・コメント機能はあり、
例えば筆者の専門にしている開発言語、PHPにおいては

・1行だけコメントアウト

//
文頭にスラッシュを2つ


・複数行コメントアウト

/*
これに挟まれた部分はコメントアウト
*/

コメントアウト開始部に、スラッシュとアスタリスク、
終えたい部分に、アスタリスクとスラッシュ、
これでこの間に挟まれた部分は複数行でもコメントアウトできます。

複数人で共通ソースを開発する際などは大変便利、というか必須とも言える仕組みですので、ぜひ覚えておいてください。

本日もご覧になっていただきましてありがとうございました。
またどうぞよろしくお願いします。


こうちゃん