「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系の人を募集しているのかなという感じがします｡
全国にあるレストラン798,687件を一般ユーザーの口コミをもとに集計した様々なグルメランキングから探すことができます。美味しいレストランや、人気のレストランが簡単に見つかります！
任天堂ニュース
tumblr
シンプルにロゴのアスキーアートです｡
Tumblr is a place to express yourself, discover yourself, and bond over the stuff you love. It's where your interests connect you with your people.
コカ･コーラ
シンプルにロゴのアスキーアートです｡
コカ・コーラ ジャーニーは、日本コカ・コーラの製品情報や企業情報だけでなく、ソーシャルメディアで発信した情報をキュレーションし、コカ・コーラにまつわるストーリーを発信するデジタルマガジンです。
ロリポップ
「TEAM LOLIPOP」のアスキーアートです｡
WordPressを60秒ではじめられるレンタルサーバーは「ロリポップ！」。対象プランを12ヶ月以上契約すると、45種類以上のドメインが永久無料。ブログを始めたい方必見。今すぐ10日間の無料お試し！
メッセージ系
ドットインストール
天然水の森 人類以外採用 サントリー
Webサイト自体がネタのような内容なので､ソースコードでも遊び心で書かれています｡
【募集開始】サントリー天然水の森 人類以外採用始めました。仕事内容は、生きること。あなたのエントリーを待っています。
富士そば
マナブログ
WordPressテーマが宣伝が書かれています｡
ソースコード見に来る人なんてブロガー､プログラマーなので､こんなところでも的確なマーケティングしてます｡
WordPressテーマの「Manablog Copy」の販売ページです。SEOと読みやすさを追求したテーマです。このテーマは「マナブログ」の運営にも使われており、マナブログは「月間100万PV」を超えています。実際に成果の出ているテーマなので、信頼性も高いはず。ブログは人生の母艦になりますので、徐々に育てましょう。
Webクリエイターボックス
「デザインとは､単にどのように見えるか､どのように感じるかということではない｡どう機能するかだ｡ スティーブ･ジョブズ」という名言が書かれています｡
WebデザインやWebサイト制作、最新のWeb業界情報などを紹介していくサイト。
アスキーアートの作り方
アスキーアートを自分で手入力してつくっていくのはとても大変です｡
以下のWebツールを使うことでアップロードした画像から変換して､アスキーアートを作成することができます｡
AA変換(アスキーアート生成)｜Web便利ツール@ツールタロウ
画像からアスキーアートを自動作成するWebツール。横幅200文字のサイズまで生成可能で、画像・テキスト両方で保存可能。PC・スマートフォン・タブレットのブラウザで使えます。常時SSL対応。
アスキーアート（AA）作成：テキスト、画像からASCII Artを生成 | ラッコツールズ🔧
テキストまたは画像からアスキーアートを生成します。フォントによってアスキーアートの見え方が違うので、「全てのフォントを確認」をお試しください。
まとめ
HTMLソースコードに隠しメッセージ､アスキーアートがあるWebサイトを紹介しました｡
コーディングでは極力余計なものは削除したほうがいいですが､こういった遊び心をこっそり入れるのもときには大事かなと思います｡
