プログラミングしてるっぽい感じはする
基礎的なプログラミングを学ぶことになりました。なぜって？仕事の関係です。
疑問に思う方もいるかもしれない。割烹芸人とプログラミングになんの関係があるのかと。説明しよう！割烹にはなんとHTMLが適用できるのだ！なのでHTMLを学ぶことで私はHTMLを使って割烹を彩ることができるのだ！！
さて、早速HTMLを学んでいきましょう。あ、ちなみにHTMLっていうのはwebサイトを作るのに適したプログラミング言語の1つです。
[─アプリインストール中─]
はい、プログラミングに使うアプリをインストールしました！ここにコードを打ち込んでいくわけです！
黒い画面に色とりどりの文字が書き込まれているのってなんかかっこよくないですか？かっこいいですよね！かっこいいと思うんですよ。
ただし……見にくい！！いや、これは個人の感想だと思うんですけど、黒背景に文字はちょっと個人的に疲れるんですよね。暗い。なので設定を変えて白くしました。
ドラマとかでよく見るようなハッカーっぽいかっこよさは無くなったが明るくスッキリしていてこれはこれでいい。
えーっと、ふむふむ。ショートカット機能があるのか……えーっと……
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
なんですかこれは！
どうやらこれが骨組みみたいな？ものらしい。
<!DOCTYPE html>
→HTMLでプログラミングするよ！
<html lang="en">
→英語ユーザー向けのページだよ！
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
→webページに関する設定だよ！
<body>
</body>
→実際に表示される文章や画像に関する設定だよ！
ということらしいです。いや一番最後の</html>はなんぞや、という話なのですが。ふむふむ、タグというものがあって？へぇ〜なるほど。
この<〇〇>というものがタグというものらしく、開始のタグと終了のタグの二つが必要らしいです。開始のタグは普通に<〇〇>で、終了のタグは</〇〇>という風に/がつくとのこと。つまり一番最後についていた</html>は上から二番目の<html lang="en">のタグに対応しているもの、ということかな？
ちなみに<!DOCTYPE html>や<meta〜の終了のタグが見当たらないのだが、こんな初歩の初歩でこれ以上引っかかってるのもアレなので気にしないことにした。
それにしても……
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
すごい。なんかとてもそれっぽい。私もプログラマーになったんだなという実感が……いや私なんもしてなくね？ショートカット機能で召喚しただけじゃね？全然プログラミングしてなくね？
えーっと、ここを書き換えて……ふむふむ……
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>webサイトだよ！！</title>
</head>
<body>
</body>
</html>
おおっ！今度は簡単なボタン操作でテンプレを召喚したわけじゃない！ちゃんと(少し書き換えただけだけど)プログラミングしてる！と少しテンションが上がる。
なんか私、今めっちゃかっこいいことしてない？そうでもない？ただパソコンいじってるだけにしか見えない？あぁそうですか。そうですよね。はい。
実際ただショートカット機能でテンプレを出して少し書き換えただけなのでかっこよくも何ともないのだが。
ちなみに書き換えたのは
<html lang="en"> → <html lang="ja">
<title>Document</title> → <title>webサイトだよ！！</title>
の2箇所。
日本語ユーザー向けのwebページになったのと、タイトルがDocumentからwebサイトだよ！！に変わりました。
タイトルというのは、なんていうのかな、その、上のとこ。PCでSafariとかChromeとか開いた時に上に出てくるさ、その、あれ。私の語彙力では説明ができないので検索してください。はい。
今回は以上！
次回、ちゃんと文字を打ち込みます。
