【副業-Progate学習記録】開始92日でLevel.51到達|JavaScript IVを完走してVへステップアップ!

Progate学習を始めて3か月。
この半月(77〜92日目)は、JavaScript II〜IVを完走し、いよいよVの学習に入りました。

HTML&CSSで「見た目を作る」段階を経て、
JavaScriptでは「動きを作る前に、コードの考え方を整理する」ステージへ。
関数・オブジェクト・クラスといった“設計の基礎”を学び、
より複雑なWebの仕組みに向けた土台を築いた期間でした。

レベルは Lv.42 → Lv.51 に。
次はいよいよ、JavaScript VIIまでのラストスパートに入ります。


目次

📊 Progate学習進捗まとめ(77〜92日目/Lv.42 → Lv.51)

日数学習時間到達Lv主な内容
77日目0:22Lv.42JavaScript II復習。配列+for文の流れを再確認
78日目0:28Lv.43オブジェクトと配列の組み合わせを整理。consoleで確認
79日目0:35Lv.44JavaScript III開始。「関数」を使って処理をまとめる練習
80日目0:42Lv.44引数と戻り値の違いを理解。returnを実際に使って動作確認
82日目0:25Lv.45JavaScript III完了。関数で繰り返し処理を整理できるように
83日目0:33Lv.46JavaScript IV開始。クラスとオブジェクトの関係を理解
85日目0:29Lv.47constructorの使い方を練習。thisで値を扱うしくみを確認
86日目0:30Lv.48メソッドを使って動作をまとめる。クラス構造の全体像を理解
88日目0:22Lv.48JavaScript IV完了。オブジェクト指向の考え方を整理
89日目0:35Lv.49JavaScript V開始。既存コードの応用練習をスタート
90日目0:31Lv.50配列や関数の復習。クラスを使ったまとめ問題に挑戦
91日目0:20Lv.50ノートで復習まとめ。構文と仕組みを整理
92日目0:18Lv.51Vの途中まで。これまでの要素を総復習中

合計学習時間:5時間40分
📅 1日平均:約21分


💡 JavaScript IVで見えた“設計の仕組み”

この期間は、クラスとコンストラクタを通して、
「コードを設計図のように組み立てる」考え方を学びました。

同じような処理をクラスにまとめ、インスタンスを使って個別のデータを扱うなど、
“再利用できるコード”を作る力を育てるレッスンでした。

たとえば、動物を表すクラスを作って、
「名前」や「年齢」をインスタンスごとに設定する練習もありました。
関数で学んだ内容が、より体系的な“設計”の形としてつながる感覚がありました。

🔸「クラス」=設計図
🔸「コンストラクタ」=設計時の初期設定
🔸「this」=自分自身(インスタンス)を指すキーワード

これまでバラバラだった処理が、少しずつ整理されてきたのを実感しました。


🚀 JavaScript Vで広がる世界

JavaScript Vでは、これまでの関数・オブジェクト・クラスを応用し、
より実践的なコード構成へと進みます。

複数のクラスを組み合わせたり、
メソッドを連携させて処理を整理したりと、
“動かす前の土台づくり”がいよいよ完成していく段階。

「やってきたことがここでつながる!」という感覚が増えてきて、
書いたコードを自分で理解できる瞬間が多くなりました。


🎯 次の半月(93〜108日目)の目標

  • JavaScript V〜VIIを完走する(応用レッスンまで到達)
  • コードの理解を優先し、毎日平均20分を継続
  • 完走後は「HTML&JavaScriptの復習期間」へ移行
  • 年末までに基礎〜応用をしっかり定着させる

🌱 まとめ:“整理して考える力”が育った半月

この半月で、JavaScriptの「基礎から設計」へ進む成長を感じました。
IVで「コードを構造的に書く力」を学び、Vで「応用的に整理する力」を育てているところです。

ここからは、VIIまでの道のりを一歩ずつ進めて、
年末の復習期間で“本当に使える知識”にしていきます。

Progate学習を通して、“書いて理解する楽しさ”を日々実感しています🌱



💡 この記事とあわせて読みたい:


【副業-Progate学習記録】開始61日でLevel.34到達|HTML&CSS中級道場を完走して上級レスポンシブへ
【副業-Progate学習記録】開始76日でLevel.42到達|HTML&CSS上級道場を完走してJavaScript IIへ
【副業経費】家事按分で実際に計上しているもの・していないもの【リアル公開】

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

このブログの人

コメント

コメントする

CAPTCHA


目次