Progateを始めて4か月を超え、学びの内容もだいぶ“実践寄り”になってきました。
今回(122〜137日目)は JavaScriptのクラス・コンストラクタ・メソッド・npmパッケージ など、急に抽象度が上がるパートに突入。
「えっ、一気に難しくなった…!」という日も多かったのですが、
チャッピーの解説(ケーキのたとえ🍰)で腑に落ちた瞬間もあり、
振り返ってみると 着実に理解が積み重なった期間 でした。
特に大きかったのは
- 「クラス=設計図/インスタンス=実体」という感覚がつかめた
- コンストラクタやメソッドの役割が整理できた
- npmで「ファイルをまたいでコードを書く感覚」が前よりつかめてきた
難しくても、学びが“つながる”瞬間が増えてきました。
📊 Progate学習進捗まとめ(122〜137日目/Lv.60 → Lv.65)
| 日数 | 時間 | Lv | 主な内容 |
| 122日目 | 0:06 | Lv.60 | JavaScript 関数編(III) 完了 |
| 122日目 | 0:08 | Lv.61 | クラス基礎編(IV)開始/クラスとは(ES6の文法) |
| 123日目 | 0:28 | Lv.61 | オブジェクト量産・インスタンス作成/チャッピーの「レシピとケーキ」例で理解が進む |
| 125日目 | 0:21 | Lv.62 | コンストラクタ・メソッドを学ぶ(難しく感じた) |
| 126日目 | 0:17 | Lv.63 | メソッドごとに値を変える |
| 129日目 | 0:22 | Lv.63 | メソッドとコンストラクタのオーバーライド |
| 130日目 | 0:11 | Lv.63 | クラス基礎編(IV) 完了 |
| 130日目 | 0:12 | Lv.64 | npmパッケージ編(V)開始/ファイル分割、エクスポート&インポート |
| 132日目 | 0:14 | Lv.64 | 続き |
| 133日目 | 0:27 | Lv.64 | 続きと相対パス |
| 136日目 | 0:30 | Lv.65 | 相対パスが自力で理解できた!パッケージの使い方① |
⏰ 合計学習時間:2時間52分
📅 1日平均:約12分
内容が難しくなった分、理解に集中した日が多く、結果として前回よりも時間が増えました。
「できるようになった感」が強かった半月です。
💡 特に理解が深まった3つ
① クラス=“設計図”、インスタンス=“実体”がつながった
チャッピーの例え👇
- クラス=ケーキのレシピ(設計図)
- インスタンス=実際に焼いたケーキ(実物)
このイメージが入ったことで、
「オブジェクトを量産するってこういうことか!」
と一気に霧が晴れました。
今までバラバラに感じていたオブジェクトの仕組みが、一本につながった瞬間でした。
② コンストラクタとメソッドの“役割の違い”が理解できた
最初はただ難しく感じていたけれど、繰り返すうちに…
- コンストラクタ:最初の初期設定(ケーキの材料をそろえる)
- メソッド:動かす処理(ケーキを切る・飾るなどの操作)
という整理ができて、だんだんと仕組みが読めるように。
実務でもよく使う概念なので、このタイミングで理解が深まったのは大きな一歩。
③ npmパッケージで“ファイル分割の世界”に入れた
ここはまさに「実践に近い学び」でした。
- エクスポート
- インポート
- 相対パス
など、最初は混乱したけれど、
最後には メモなしで相対パスを書けた自分 にびっくり。
「コードがファイルをまたいでつながる感覚」が初めてつかめました。
🎯 次の半月(138〜152日目)の目標
- Java(Ⅶまで)を終わらせる
- HTML & CSS の復習に入る(上級ももう一度整理)
今回も、短い日があっても気にせず
「毎日5〜10分でもゼロにしない」 を続ける予定です。
🌱 まとめ:抽象度が上がっても、ゆっくり積み上げれば形になる
クラス・コンストラクタ・npmと、
一気に“プログラミングらしい難しさ”が出てくるこの時期。
それでも、
- たとえ話で理解がつながった
- 記法に慣れてきた
- 自分で相対パスが書けた
など、確実な成長を実感できた半月でした。
技術は急にできるようになる日が来ます。
だからこそ、今の 細く長く続けるペース で十分。
また次の記録で、どこまで世界が広がったかを書いていくね🌿
💡 この記事とあわせて読みたい:
▶ 【副業-Progate学習記録】開始92日でLevel.51到達|JavaScript IVを完走してVへステップアップ!
▶ 【副業-Progate学習記録】開始107日でLevel.57到達|JavaScript V〜VII&基礎文法編
▶ 【副業-Progate学習記録】開始122日でLevel.60到達|関数編(III)とスコープの基礎固め


コメント