【副業-Progate学習記録】JavaScriptのクラス・コンストラクタ・npmで理解が深まった|開始137日でLevel.65到達

Progateを始めて4か月を超え、学びの内容もだいぶ“実践寄り”になってきました。
今回(122〜137日目)は JavaScriptのクラス・コンストラクタ・メソッド・npmパッケージ など、急に抽象度が上がるパートに突入。

「えっ、一気に難しくなった…!」という日も多かったのですが、
チャッピーの解説(ケーキのたとえ🍰)で腑に落ちた瞬間もあり、
振り返ってみると 着実に理解が積み重なった期間 でした。

特に大きかったのは

  • 「クラス=設計図/インスタンス=実体」という感覚がつかめた
  • コンストラクタやメソッドの役割が整理できた
  • npmで「ファイルをまたいでコードを書く感覚」が前よりつかめてきた

難しくても、学びが“つながる”瞬間が増えてきました。


目次

📊 Progate学習進捗まとめ(122〜137日目/Lv.60 → Lv.65)

日数時間Lv主な内容
122日目0:06Lv.60JavaScript 関数編(III) 完了
122日目0:08Lv.61クラス基礎編(IV)開始/クラスとは(ES6の文法)
123日目0:28Lv.61オブジェクト量産・インスタンス作成/チャッピーの「レシピとケーキ」例で理解が進む
125日目0:21Lv.62コンストラクタ・メソッドを学ぶ(難しく感じた)
126日目0:17Lv.63メソッドごとに値を変える
129日目0:22Lv.63メソッドとコンストラクタのオーバーライド
130日目0:11Lv.63クラス基礎編(IV) 完了
130日目0:12Lv.64npmパッケージ編(V)開始/ファイル分割、エクスポート&インポート
132日目0:14Lv.64続き
133日目0:27Lv.64続きと相対パス
136日目0:30Lv.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)とスコープの基礎固め

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

このブログの人

コメント

コメントする

CAPTCHA


目次