プログラミング日記【7ヶ月目第3週】デイトラ40代アラフォー初心者

2024/5/13（月）プログラミング日記

【Web制作コース 192日目】

作業：1.5時間

作業内容

1. DAY32-42 中級編最終課題(16日目)

P	FVを完成する！
D	FVの修正（HTML & CSS）
C	なぜかFVの画像の領域が小さい 見本サイトと見比べても「どこが？？」👉メンターに質問 なんと、基本的すぎるimg{}にwidth:100% height:100%を入れていなかっただけだった。 検証ツールの見方もさらに一歩わかった感じにはつながった💪 基礎力積み上げるぞ❗
A	DAY32-42完了！

【Web制作コース 192日目】
作業：1.5時間
中級編最終課題(16日目)
なぜかFV画像の領域が小さい
見本サイトと見比べ「どこが？？」👉メンター質問
超基本img{}にwidth:100% height:100%なかっただけ
検証ツールの見方がよりわかった感じにはなった💪
基礎力積み上げるぞ❗
#デイトラ #WEB制作デイトラ pic.twitter.com/btB5Pvg190

— バクシン@初心者親子でWeb制作をマスター (@bakushin_x) May 13, 2024

2024/5/14（火）プログラミング日記

【Web制作コース 193日目】

作業：2時間

作業内容

1. DAY32-42 中級編最終課題(17日目)

P	FVを完成する！
D	FVの修正（HTML & CSS）
C	relative（相対）とabsolute（絶対）の訓練になった 猫の右耳分だけrelativeの領域からハミ出てた left:0 でよいのに、right:20にしてた（20が右耳分の幅） 基本みっちりデイトラ
A	DAY32-42完了！

2024/5/15（水）プログラミング日記

【Web制作コース 194日目】

作業：3時間

作業内容

1. DAY32-42 中級編最終課題(18日目)

P	FVを完成する！
D	FVの修正（HTML & CSS）
C	共通パーツの設定、スマホ内のCSS コーディングの最初から共有パーツを組めればと思ったが、全体の構造を整理できなかった header、FVができてきたので共通パーツを整理しやすくなったかも、、 共有パーツを $ で作成、反映した！
A	DAY32-42完了！

2024/5/16（木）プログラミング日記

【Web制作コース 195日目】

作業：3時間

作業内容

1. DAY32-42 中級編最終課題(19日目)

P	FVを完成する！
D	FVの修正（HTML & CSS）
C	PerfectPixelでヘッダー、ファーストビューの再現性を✅ ほぼOK！ただ、この画像の部分のみかなり修正必要 今週中に終えて、次のsectionに進みたい❗ デイトラで進められている通りGithub Copilotの利用を開始とする！
A	DAY32-42完了！

2024/5/17（金）プログラミング日記

【Web制作コース 196日目】

作業：3時間

作業内容

1. DAY32-42 中級編最終課題(20日目)

P	FVを完成する！
D	FVの修正（HTML & CSS）
C	scssでclasss名のあとにspanタグを組み合わせるとtext-aligin:centerが効くって初めて知った 「.class名　スペース　タグ」 👆こんなscss設定できるとは驚いた😱 勉強になった❗ Github-Copilotの利用開始❗ 楽しみでしかない😆
A	DAY32-42完了！

Github-Copilotの利用開始❗
楽しみでしかない😆https://t.co/AM4HWlHjbB
【Web制作コース 196日目】
作業：2時間
作業内容
DAY32-42 中級編最終課題(20日目)
#デイトラ #WEB制作デイトラ pic.twitter.com/vQafag3fEA

— バクシン@初心者親子でWeb制作をマスター (@bakushin_x) May 17, 2024

2024/5/18（土）プログラミング日記

【Web制作コース 197日目】

作業：4時間

作業内容

1. DAY32-42 中級編最終課題(21日目)

P	FVを完成する！
D	FVの修正（HTML & CSS）
C	ファーストビューの画像表示がおかしい。 画面幅を変えていくとFV画像もズームアップ、ズームアウトできるけど、画像の縦横比が崩れながらズームアップ、ズームアウトする メンターに質問 object-fit: cover; で修正できた！
A	DAY32-42完了！

【Web制作コース 197日目】
作業：4時間
中級編最終課題(21日目)
ファーストビューの表示が変。 画面幅を変えるとFV画像ズームアップ、ズームアウトできるけど、画像の縦横比が崩れながらズームアップ、ズームアウトする
メンターに質問
object-fit: cover; で修正できた！#デイトラ #WEB制作デイトラ pic.twitter.com/VOB9jjijTb

— バクシン@初心者親子でWeb制作をマスター (@bakushin_x) May 18, 2024

2024/5/19（日）プログラミング日記

【Web制作コース 198日目】

作業：4時間

作業内容

1. DAY32-42 中級編最終課題(22日目)

P	FV を完成する！
D	PerfectPixelとのズレ修正（ヘッダー、FV）
C	今日まではFV、ヘッダーに当てると決めていたのでPerfectPixelとのズレを完璧にする（ヘッダー、FV）計画だった メンターとのやり取りで、やっぱりのめり込み過ぎは良くないなとうなづく😌 検証ツールで値を微調整できたけどなぜこの値になるのかはまるで？？ とにかくを連打して合わせた感じ。 やっていけばわかってくる理解でこんな感じでもよいとメンターの回答！指導、支持を頂け心強い！
A	DAY32-42完了！