学習ロードマップ

エンジニア転職を目指した学習の全体計画と進捗を記録しています。

最終更新: 2026年3月13日

全体目標

目標: 10ヶ月でエンジニア転職可能なスキルを習得
開始日: 2026年2月9日
目標達成日: 2026年12月（転職自体は任意）

学習方針: フロントエンド主軸 + Python活用（ハイブリッド型）

Phase 1：基礎固め【完了】

期間: 2026年2月9日〜 3月8日（28日間）
ステータス: ✅ 完了

学習内容

言語	期間	学習ソース	記事数
Python基礎	2/9 – 2/17	Progate	11本
JavaScript基礎	2/20 – 3/1	Progate	16本
HTML/CSS復習	3/2 – 3/8	Progate	11本

Phase 1の成果

学習時間: 約100時間
投稿記事数: 49本
習得スキル:
- Python：変数、関数、クラス、モジュール
- JavaScript：変数、関数、クラス、配列メソッド、コールバック関数
- HTML/CSS：レイアウト、レスポンシブデザイン、Flexbox

Phase 1の振り返り

良かったこと:

3つの言語の特徴と違いを理解
AIを活用した記事化で理解が深まった
メモを取ることで学習内容が可視化された

課題:

複雑な概念（クラス継承、コールバック関数など）はまだ理解が浅い
成果物がなく、実践経験が不足
言語による書き方の違いが混在している

詳細: Phase 1完走の振り返り記事

Phase 2：実践と成果物作成【進行中】

期間: 2026年3月14日〜 4月5日（約3週間）
ステータス: 🔄 進行中

Phase 2の目標

HTML/CSS/JavaScriptで実際に動くものを作る
「自分でも作れた」という実感を得る
成果物をポートフォリオとして残す

Week 1（3/14-3/20）：自己紹介ページ

作るもの: シンプルな自己紹介ページ

内容:

自分の名前、写真
学習の経緯
Phase 1で学んだこと
学習記録サイトへのリンク

使う技術: HTML/CSS

Week 2（3/21-3/27）：JavaScriptで動きを追加

作るもの: 以下から1つ選択

簡単な計算機
クリックゲーム
ストップウォッチ
じゃんけんゲーム

使う技術: HTML/CSS/JavaScript

Week 3（3/28-4/5）：仕上げと公開

内容:

作ったものを改善
GitHub Pagesなどで公開
ポートフォリオとして整える

Phase 3：フレームワーク学習（予定）

期間: 2026年4月〜 6月（予定）
ステータス: ⏳ 未着手

候補

React学習
Pythonでの実用的なプロジェクト作成
より高度なWebアプリケーション開発

詳細はPhase 2完了後に決定

Phase 4：ポートフォリオ制作（予定）

期間: 2026年7月〜 9月（予定）
ステータス: ⏳ 未着手

目標

オリジナルWebアプリケーション開発
複数の技術を組み合わせた成果物
転職活動で見せられるレベルのポートフォリオ

学習の進捗

累計学習時間

Phase 1: 約100時間
Phase 2: 進行中
合計: 約100時間

投稿記事数

Phase 1: 49本
Phase 2: 進行中
合計: 50本

習得技術スタック

完了:

Python（基礎）
JavaScript（基礎）
HTML/CSS（基礎）

進行中:

Webページ制作の実践

今後の予定:

React
その他フレームワーク

学習方針

コアスキル（フロントエンド主軸）

HTML/CSS/JavaScript → React → TypeScript

サブスキル（Python活用）

Python：バックエンド/自動化/データ処理

学習スタイル

Progateでの基礎学習
AIエージェントと対話しながら理解を深める
学んだ内容を記事化して定着させる
実際に手を動かして作る

今後の方針

Phase 2では「作る経験」を重視します。

Phase 1で「成果物がない」という不安を抱えたため、Phase 2では小さくても実際に動くものを作ることを最優先にします。

学習だけでなく、実践を通じて理解を深めるフェーズに移行します。