Progateを始めて約8か月。
最近はお金の使い方や投資のことも考えつつ、
将来に向けてスキルの積み上げも続けています。
ProgateでHTML & CSSを学習中の方に向けて、
つまずいたポイントも含めて記録しています。
今回は開始213日目〜238日目の学習記録です。
前回は
Lv.71 → Lv.73。
HTML & CSS初級道場で基礎を積み直した半月でした。
そして今回。
Lv.73 → Lv.74。
レベルは＋1。
けれど今回のテーマは、
👉 「分かったつもりを減らす」
でした。
📊 Progate学習進捗まとめ（開始213日目〜238日目）
| 日数 | 時間 | Lv | 内容 |
| 215日目 | 0:15 | Lv.73 | 初級道場⑤途中（フッターの幅がうまくいかない） |
| 217日目 | 0:07 | Lv.73 | divの閉じ位置ミスに気づき修正、初級道場⑤完了 |
| 217日目 | 0:27 | Lv.73 | 中級スライド復習（難しさを実感） |
| 218日目 | 0:18 | Lv.73 | 中級道場①スタート（トップ部分・アイコン） |
| 221日目 | 0:11 | Lv.73 | HTMLを書き終え、CSSへ |
| 222日目 | 0:18 | Lv.73 | メモを見ながら少しずつ進める |
| 224日目 | 0:16 | Lv.73 | ボタン作成、スライドとチャッピーで確認 |
| 224日目 | 0:15 | Lv.74 | アイコン指定（.fa）で課題1完了 |
| 225日目 | 0:19 | Lv.74 | 課題2スタート（ヘッダー） |
| 230日目 | 0:15 | Lv.74 | ヘッダー作成を進める |
| 235日目 | 0:10 | Lv.74 | containerの必要性に気づくも調整中 |
| 237日目 | 0:29 | Lv.74 | 答えを見ながら修正（ミス多数） |
| 238日目 | 0:13 | Lv.74 | aタグ・line-height・header位置修正、課題2完了 |
⏰ 合計学習時間：約3時間30分
時間は少ないけれど、
試行錯誤の多い半月でした。
💡 Progate HTML & CSS中級でつまずいたポイント（構造・セレクタ・配置）
フッターの幅がうまくいかない（divの閉じ忘れ）
フッターの背景が広がらない。
原因は、
👉 お問い合わせのdivの閉じ位置がずれていたこと
見た目の問題でも、
原因は構造。
HTMLの基本を改めて実感しました。
containerの存在に気づく
ヘッダーがうまく整わない。
👉 containerを入れることで解決に近づく
「書いてあるものを真似る」から
「なぜ必要か考える」へ。
少し視点が変わってきました。
セレクタ・指定ミスの連発
今回いちばん多かったのがこれ。
・.logo に書くものを .header-left に書いていた
・.header-right a を .header-right p と書いていた
・display: block; の位置が違う
👉 書いているつもりで書けていない
細かいけれど、
すべて動きに直結する部分です。
HTML構造のズレ（headerタグの位置）
</header> の位置がズレていた。
一度書いたあとに移動したことで
ミスが発生。
👉 「あとから直す」が一番危ない
要素の選択ミス（pではなくa）
ログイン部分、
👉 pではなくaタグで書く必要があった
意味で考える大切さ。
line-heightが出てこない
「知っているはずなのに出てこない」
👉 定着していない証拠
今回は、ProgateのHTML & CSS中級に進む中で感じた壁
レベルは74。
でも正直に言えば、
👉 まだスラスラ書けるわけではありません
むしろ今回感じたのは、
👉 基礎がまだ完全ではない
ということ。
半月やって感じたこと
✔ ミスの原因が見えるようになってきた
✔ 書けない部分が具体的になった
✔ “考える時間”が増えた
👉 「なんとなく進む」から
👉 「考えて進む」へ
次の半月の目標
・中級道場を進める
・セレクタの精度を上げる
・HTML構造を意識して書く
焦らない。
でも止まらない。
まとめ｜“分かったつもり”を減らす期間
Progate開始213日目〜238日目。
Lv.73 → Lv.74。
進みはゆっくり。
でも、
👉 理解は少しずつ深くなっている
副業の学びは一直線ではない。
半月ずつ、積む。
淡々と、続けます。
💡 この記事とあわせて読みたい：
▶ 【投資の待機資金どうしてる？】現金のままでいい？わが家の置き方
▶ 【Progate学習記録】開始199日目〜212日目｜Lv.71→73・HTML & CSS初級道場で基礎を積み直した半月
▶ 【Progate学習記録】開始185日目〜198日目｜Lv.68→71・HTML & CSS中級編でリズムを取り戻した半月
コメント