Progateを始めて約7か月半。
今回は開始199日目〜212日目の学習記録です。
前回は
Lv.68 → Lv.71。
HTML & CSS中級編で、学習のリズムを取り戻した半月でした。
そして今回。
Lv.71 → Lv.73。
レベルは＋2。
けれど今回のテーマは、数字よりも
「基礎をちゃんと書けるかどうか」
でした。
📊 Progate学習進捗まとめ（開始199日目〜212日目）
| 日数 | 時間 | Lv | 内容 |
| 199日目 | 0:25 | Lv.72 | HTML & CSS中級編終了（ボタンの押し込み表現など） |
| 201日目 | 0:23 | Lv.72 | 初級道場① |
| 202日目 | 0:15 | Lv.73 | 初級道場② |
| 202日目 | 0:15 | Lv.73 | 初級道場③途中 |
| 203日目 | 0:25 | Lv.73 | 初級道場③完了・④途中 |
| 207日目 | 0:25 | Lv.73 | 初級道場④途中（フォーム部分） |
| 208日目 | 0:19 | Lv.73 | 初級道場④完了 |
| 208日目 | 0:10 | Lv.73 | 初級道場⑤開始 |
⏰ 合計学習時間：約2時間37分
時間は多くないけれど、
内容はかなり濃い半月でした。
💡 Progate初級道場で苦戦したポイント（float・セレクタ・margin）
float: left; を忘れてレイアウトが崩れる
初級道場1つ目。
float: left; をつけ忘れて、
思った通りに並ばない。
「あれ？なんで崩れる？」
レッスン中は理解していたはずなのに、
自分で書くと抜ける。
ここで初めて、
“分かったつもり”が見えました。
セレクタの指定ミス（.li と書いてしまう）
.li と書いてしまう。
本当は .header-list li。
セレクタの範囲を正しく書けていないと、
当然スタイルは当たりません。
地味だけれど、
Web制作ではとても大切な部分。
道場は、そこを容赦なく突いてきます。
margin と padding の迷い
前の課題との兼ね合いもあり、
余白調整に時間がかかりました。
内側か。
外側か。
どこに効いているのか。
以前はなんとなく触っていましたが、
今回は
「どこが原因か探す」
という思考に変わってきた気がします。
小さな変化ですが、
確実に前進です。
フォーム部分で止まる（input・textarea）
お問い合わせ部分では
input
textarea
要素名がすぐに出てこない。
メモを確認しました。
忘れていると気づけることも、
積み重ねの一部。
繰り返せば、定着するはずです。
今回は「基礎の積み直し」
レベルは73。
でも正直に言えば、
まだスラスラ書けるわけではありません。
だからこそ、今は基礎。
派手なJavaScriptよりも、
崩れないHTMLとCSS。
副業として考えるなら、
この土台は飛ばせません。
半月やって感じたこと
✔ レベルは少しずつ上がる
✔ 書けない部分がはっきりしてきた
✔ “考える時間”が増えた
止まっていない。
それだけで十分です。
次の半月の目標
・初級道場⑤を終わらせる
・フォーム周りを復習する
・margin / padding を迷わず書けるようにする
焦らない。
でも止まらない。
まとめ｜地味だけど、一番大事な期間
Progate開始199日目〜212日目。
Lv.71 → Lv.73。
派手な進歩はない。
けれど、基礎は少しずつ固まっています。
副業の学びは一直線ではない。
半月ずつ、積む。
淡々と、続けます。
💡 この記事とあわせて読みたい
▶ 【Progate学習記録】開始185日目〜198日目｜Lv.68→71・HTML & CSS中級編でリズムを取り戻した半月
▶ 【Progate学習記録】開始138日目〜184日目｜Lv.65→68・配列メソッドとブランク後の再開
▶ 【副業-Progate学習記録】JavaScriptのクラス・コンストラクタ・npmで理解が深まった｜開始137日でLevel.65到達
コメント