「HTMLソースコードに書いてあるメッセージや絵は何？」
「どんなWebサイトにあるの？」
「アスキーアートはどうやってつくればいいの？」
こういった悩みにお答えします｡
- 目次
隠しメッセージ､アスキーアートを入れる意味
これは単なる遊び心でしかないです｡
Webページの読み込みだけを考えれば､改行や空白さえないほうがいいので｡
IT系､Web系のWebサイトだと､ユーザーにソースコードを見られる可能性も高いので､何か特別なメッセージを書いておいたりすると､他社と差別化したり､面白い会社だと思ってもらえるかもしれません｡
これらはコメントアウト内に書かれるものなので､プログラムなどに影響をあたえません｡
コメントアウトについては､以下､記事で紹介しています｡
コメントアウトの使い方【HTML･CSS･PHP･JavaScript】
コメントアウトの使い方を知りたいですか？この記事では、Web制作で使うコメントアウトの書き方（HTML、CSS、JavaScript、PHP、.htaccess）、複数行での書き方、WordPressでのつく別なコメントアウトの使い方を紹介しています。ぜひご覧ください。
HTMLソースコードを見る方法
一般的なブラウザであれば､右クリックしてでてくるメニューからソースコードを見ることができます｡
- Chrome → ページのソースを表示
- Internet Explorer → ソースの表示
- Edge → ページのソース表示
- Firefox → ページのソースを表示
- Safari → ページのソースを表示
Google Chromeの場合は､URLの前に「view-source:」をつけることでソースコードを見ることができます｡
隠しメッセージ､アスキーアートがあるWebサイト
アスキーアート系
アスキーアートとは､プレーンテキストによる視覚的表現技法のことです､テキストアート､活字アート､絵文字などとも呼ばれます｡
メールなどに使う顔文字もアスキーアートの一種といえます｡
食べログ
ロゴと「食べログ」のアスキーアートが書いてあります｡
そして､小さく【私たちと一緒に「食べログ」を作ってみませんか？】とメッセージがあります｡
ここ採用サイトへ誘導するというこはWeb系の人を募集しているのかなという感じがします｡
全国にあるレストラン903,494件を一般ユーザーの口コミをもとに集計した様々なグルメランキングから探すことができます。美味しいレストランや、人気のレストランが簡単に見つかります！
任天堂ニュース
tumblr
シンプルにロゴのアスキーアートです｡
Warning: Undefined array key 0 in /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php on line 64
Warning: Undefined array key 0 in /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php on line 66
Tumblr is the place you go to be yourself on the internet. No performance, no perfection. Just you, and the people who get it.
コカ･コーラ
シンプルにロゴのアスキーアートです｡
Fatal error: Uncaught ValueError: DOMDocument::loadHTML(): Argument #1 ($source) must not be empty in /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php:29 Stack trace: #0 /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php(29): DOMDocument->loadHTML('') #1 /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/blog/html-source-code.php(130): get_ogp('https://www.coc...') #2 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/template.php(812): require('/home/hashi84/h...') #3 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/template.php(745): load_template('/home/hashi84/h...', false, Array) #4 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #5 /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/single-blog.php(100): get_template_part('blog/html-sourc...') #6 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/template-loader.php(113): include('/home/hashi84/h...') #7 /home/hashi84/hsmt-web.com/public_html/wp/wp-blog-header.php(19): require_once('/home/hashi84/h...') #8 /home/hashi84/hsmt-web.com/public_html/index.php(17): require('/home/hashi84/h...') #9 {main} thrown in /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php on line 29