10代息子と40代主婦がHTMLへ入門した

中学生息子 「プログラミングを習って在宅ワークをしてお金稼ぐ!」

40代主婦  「いいね!お金入ったらお小遣いくれ」

中学生息子 「本買うから金よこせ」

てな会話から始まったプログラミング言語入門

なぜか最初Physonの本を買ってきました。本を読みながらPCをいじっている息子に、それExcellの関数と何が違うの?ifとか同じじゃんと思いながら母は興味なし。

数日後

中学生息子 「ホームページ作ると儲かるらしいから、ホームページ作る!」

40代主婦  「いいね!お金入ったらお小遣いくれ」

中学生息子 「本買うから金よこせ」

と、デジャブを経験し、HTMLとCSSの本を手に入れました。中学生になって私のことをばかにするようになった息子。ある会話からお金が入っても私にお小遣いをくれる気がないという衝撃の事実を知り、息子と対等の立場に立つ!私もホームページを作る!ということで息子が学校で勉強している間に自分も勉強。

HTMLに入門したての10代息子と40代主婦はお金を稼げるようになるのか?はたまたいつものように3日坊主で終わるのか?その軌跡をつづっていきたいと思います。

 

10代息子と40代主婦の攻防

学校に行って遊びに行ってたまに勉強の息子と、家事の間に日々勉強の私では、時間がある私のほうが本を読むスピードは格段にはやい。しかし、頭に入っていない。本に書いてあるとおりに書くことでホームページを作ってみましたが、本無しで再度同じものができる気がしない。息子はまだ本に書いてあるホームページを作ることもしていませんが、ウサギと亀のウサギが息子で亀が私。私は亀!歩き続けろ!

 

勉強して始めて分かったこと

最初にハードルを下げるために断っておきますが、勉強を家事の間に始めて数日。本当に初心者です。この文章の中でもとんちんかんな事を書いていたりすることがありますが、なんとなく雰囲気ですすんで下さい。たとえばタグを書く?コードを書く?タグのコードを書く?HTMLで書く?HTMLを書く?全然理解してません。まだその状態。「数日勉強したんでしょ・・・」「うん、した」そんな感じです。

そんな初心者でも分かったことがあります。それは・・・

HTMLとCSSプログラミング言語ではなかった!!ということ。HTMLとは、ハイパー・テキスト・マークアップ・ランゲージ だそうです。ん?ハイパークリエーターってのいたななんて思いながら、CSSとはCascading Style Sheets だそうです。カタカナと英語表記なのはスルーして下さい。要は、HTMLとCSSができても「私はプログラマーです」っていえないって事です。HTMLとCSSができる人はコーダーと呼ぶそうです。そう、そして私はコーダーになる!!

あと、たまにキーボードのよく分からない場所を押して開いてしまい、なんかあせる意味の分からない英語の羅列。あれは、F12キーを押したときに出てきてたんですね。右クリックで一番下の検証。あれと同じでデベロッパーツールと呼ばれる、HTMLとかが見えるツールが開いていたんですね。最近いろいろなWebページでF12キーをおして「読める、読めるぞ!」してます。

 

HTMLとCSSで学んだこと

私の成長と学んだ内容をつらつらっと。

まずHTML、これはWebサイトをつくる土台となるものです。CSS、これはHTLMなどで書かれたものを表示するときの見た目を整えます。

私は、HTMLよりCSSのほうがめんどうです。CSSの空白がどのくらいで、色がどれで、写真をこういう風に並べて~って言うのをひたすら英語と数字で書かないといけません。

書き方で言うと、HTMLには、<html>や<head>や<body>などのタグがあります。

タグの説明を少しすると、

<html>ほっとメールじゃないよ

<head>ブラウザに表示されない、タイトルとか、リンクとか色々書くところ

<meta>言語など情報を書くところ

<title>ブラウザのタブやページタイトルになる

<link>CSSファイルとかを読み込むためのもの

<body>ここのがブラウザに表示される

<h1>~<h6>見出し

<div>とか、<br>とか、<a>ほか色々

<input type>とかもあったけど、何をどうやって書くのか忘れてしまいました。こんな感じです。

それでは引き続き勉強していきたいと思います。CSSはまた後ほど。