11【雑談】HTMLとホームページ
白猿
「いまさらだけど、『HTML』という言葉を軽く説明しておこう」
黒猫
「ほんとに今更だね」
白猿
「HTMLはハイパーテキスト・マークアップ言語の略だ。Ｗｅｂ……いわゆるホームページを作るためのプログラムの一種だ」
黒猫
「ハイパーテキストってどういうものかな」
白猿
「文章のどこかをクリックすると、何かのイベントがおきるものをハイパーテキストっていうんだ。以下はHTMLで書いたテキスト文書の例だ」
・゜゜・*:.。..。.:*・゜゜・*:.。
・゜゜・*:.。..。.:*・゜゜・*:.。
白猿
「文書の中に山括弧<>を付けた『タグ』っていうものを埋め込むといろいろな仕掛けができるんだ。これをＷｅｂブラウザで表示させるとこうなる」（以下補説：半角不等号記号の括弧<>、の方が正確とは思いますが、冗長になってしまうかもしれませんね……。）
・゜゜・*:.。..。.:*・゜゜・*:.。
・゜゜・*:.。..。.:*・゜゜・*:.。
黒猫
「つまり、この割烹巻物で紹介している『HTMLのタグ』っていうのは、ホームページを作るための技術なんだね」
白猿
「うん。自分もＷｅｂサイトを作ったことのある人や、作り方を勉強したことがある人は、比較的すんなり理解できるみたいだ」
黒猫
「前から思ってたけど、白猿さんはあまり『ホームページ』って言わずに『Ｗｅｂサイト』って言葉を使うよね。同じものだと思うけど」
白猿
「まぁ、日本人が使う『ホームページ』が和製英語だから、なるべく『Ｗｅｂサイト』とか『Ｗｅｂページ』って言うようにしている。『小説家になろう』の会員が『ホーム』ページっていう場合、４種類あるんだよ」
黒猫
「ホームページが４種類？」
白猿
「こんな感じ」
・゜゜・*:.。..。.:*・゜゜・*:.。
［ホームページって何？］
・『Ｗｅｂサイト』や『Ｗｅｂページ』と同義語
⇒日本人がよく使う和製英語
・あるＷｅｂサイトのトップ画面
⇒『小説を読もう！』『小説家になろう』のトップページなど。
・Ｗｅｂブラウザを開いたときに最初に表示するページ
⇒元々の意味はこれ
・『小説家になろう』のユーザーホーム
⇒小説の投稿や活動報告を書くページ
・゜゜・*:.。..。.:*・゜゜・*:.。
黒猫
「ホームページの元々の意味って、ブラウザの家のマークをクリックしたときのページなんだね」
白猿
「ここでいう『ホーム』は家じゃなくて、基準点とか出発点の意味なんだよ。野球のホームペースとかと同じ」
黒猫
「活動報告でHTMLのタグを覚えればホームページが作れるようになるのかな」
白猿
「どうだろう。割烹エディターでつくったタグが活動報告でどう見えるか。そういうのを考えればHTMLを覚えやすくなると思う。でも、使えるタグや機能に限りがあるから、参考程度だな。それに割烹巻物では紹介している<div>タグや<span>タグにstyle属性をつける手法は、一般的なWebサイトでは古いやり方だという意見もあるんだ」
黒猫
「タグを手っ取り早く覚える方法ってあるかな」
白猿
「HTMLの基礎をわかりやすく説明した書籍やＷｅｂサイトで勉強するっていう方法が一つ、もう一つは先に割烹エディターを使って、実際にタグ入りの文がＷｅｂブラウザでどう見えるかを確認して覚えていく方法がある。後者の方が、理解しやすいかもな。『タマゴと親鳥、どっちが先に生まれたか』みたいな議論になるかもしれないけど」
黒猫
「つまり、割烹エディターを使ってみて、どういう表示なるかを見て覚えるといいんだね」
白猿
「割烹エディターを作った夕月 悠里さんも割烹エディターの使い方やHTMLの解説資料を公開している。あとがきの下でリンクしているから、参考になるかも」
黒猫
「資料が４つあるけど、１から順番に見ていくといいのかな」
白猿
「割烹エディターの機能を知りたい場合は『４』の資料だけでもいいぜ。１～３はHTMLのことも知りたい場合に読むものだ。2022年に活動報告で使えなくなったタグもあるから、それ以前に書かれた資料では少し注意がいるな。今は文字の色や大きさはspanタグで変えてるけど、古い資料だとfontタグで説明していることもあるぜ」
黒猫
「ところで、さっきの『タマゴと親鳥、どっちが先に生まれたか』の議論では、白猿さんの見解は？」
白猿
「決まっている。『どちらでもない』が正解だ。神は最初にヒヨコを作ったのさ」
