YouTube学習：5月2日　～50代からのプログラマー～

完成品をいじくって遊ぶ

4月からYouTubeでプログラミングの学習をしている。
HTML、CSS、Javascript　が中心だ。
今朝の課題は、
『gsapアニメーションでお洒落なテキストアニメーションを実装してみよう』
いつものプログラミングチュートリアルさんの動画だ。
今回は、切り抜かれた文字穴から覗いて見える、
（シン先生いわく)「ボンカレーのマーク」をマウスで動かす。
少し「ビヨーン」と遅れながらボンカレーが動く。

書籍で覚えたてのJavascriptを忘れないように、
JavaScriptを扱う動画を選んでいる。
最近は、完成してもそこで終わらない。
色、大きさ、動きの速さ、などなど。
これらを変えて遊んでから終えるようにしている。

今回は、ボンカレーのマークの見える範囲を広げた。
＜ｈ１＞タグで書かれた文字を書き換える。
もちろん「50代からのプログラマー」。
ブロック要素に”width”で幅を与えて2行にする。
左寄せの改行を”text-align:center”で中央にする。
初心者には、これだけでも重労働だ。
おじさんの記憶の定着には、この時間がよく効く。

オバーヘーローヒドー

動画の後半、ついにシン先生に疲れが見え始める。
若干壊れだす。
残り時間1分強のあたり。
画面がスクロールしないようにするコード。
"overflor: hidden"
これがなかなか発音できない。
「オバーヘーローヒドー」
だからこの動画は、やめられない。