5/30（火）日報

ターム目標

• プログラミングの基礎を学ぶ
• WEBサイトの構成要素(HTML,CSS,JS)とそれぞれの役割、WEBサイトがなぜ見れるのかをイメージできるようになる

週間目標

• ソースコードを理解して使う（「コピペするだけ」は避ける）
• イメージを形にするためにどうすれば良いかを考える
• 相手の立場に立ってデザインを考える

本日の作業計画

• 太陽光勉強会
• 定期面談
• HTML・CSS基礎（演習）

本日の作業実績

• 太陽光勉強会…ノイズ対策（アース／ノイズフィルターについて）
• 定期面談
• HTML・CSS基礎（演習）…1.背景変更 2.エントリータイトルに触れると花が生えるように変更
  1. 背景を変更し、containerに曇りガラス効果を付与。
  2. エントリータイトルボタンにhoverすると花のイラストが移動するように設定。animationとtransitionの違い、hover::afterにおけるスペースの有無で指定先が変わることを学んだ。

本日の所感

「こうしたい」という自分のイメージと「こう書けばよい」という手段の部分がだいぶ結びつくようになってきた。疑似要素にhoverを付ける時のルールについては内容をもう一度しっかり整理し、使い間違えることの無いようにしたい。

本日の進捗率

• 太陽光勉強会…100％
• HTML・CSS基礎（演習）
  1. …70%
  2. …100%
• 一日の総進捗度…80%