転職サービス
ワークポート
未経験からのIT転職に強く、フロントエンドエンジニアの求人が豊富
※ サービス選びの参考情報。利用は各自の判断で。
学習ストーリー
鈴木 陸さん本人の学習設計の語り
まずHTML/CSS/JavaScriptの基礎を徹底的に固め、次にTypeScriptとReactを段階的に学ぶ。 最終フェーズではポートフォリオとなるWebアプリケーションを開発し、8ヶ月後の転職を目指す。 平日は仕事後に2時間、休日は集中して5時間の学習時間を確保する。
鈴木 陸の学習プラン
事務職 → フロントエンドエンジニア
最終更新: 2026-04-12 
鈴木 陸（24歳）
事務職 フロントエンドエンジニア
フロントエンドエンジニア: Webアプリケーションのユーザーインターフェースを設計・実装する職種。HTML/CSS/JavaScriptを駆使して快適なユーザー体験を構築する。
完全プランを見るプロフィール / 経歴
中小メーカーの総務部で事務職として2年間勤務。日常業務の中でExcelマクロの自動化に興味を持ち、 独学でVBAを触り始めたことがプログラミングとの出会いだった。業務効率化の小さな成功体験から 「ものづくり」への情熱が芽生え、Progateで HTML/CSSを学び始めたところ、画面に自分のコードが 反映される面白さに夢中になった。未経験からのキャリアチェンジに不安はあるが、若さを武器に 集中的に学習して転職を実現したいと考えている。
きっかけ・モチベーション
「定型業務の繰り返しではなく、自分の手で目に見えるプロダクトを作り上げる仕事がしたい。 フロントエンドエンジニアは成果物が視覚的にわかりやすく、ユーザーの反応をダイレクトに 感じられる点に強く惹かれている。将来的にはフリーランスとしても活躍できるスキルを 身につけたい。 」
現在の課題
- プログラミングの基礎（変数・関数・制御構文）から学び直す必要がある
- HTML/CSSの実務レベルのコーディング経験がない
- JavaScriptのDOM操作やイベント処理を体系的に学んでいない
- チーム開発（Git/GitHub）の経験がまったくない
- 独学中心のため、コードレビューやペアプロの経験がない
スキルギャップ
現在のスキル水準とフロントエンドエンジニアに必要な水準を並べ、何を伸ばすべきかを可視化しています。
HTML/CSS 1 4
JavaScript/TS 1 4
フレームワーク 0 4
レスポンシブ設計 0 3
テスト手法 0 3
パフォーマンス 0 3
アクセシビリティ 0 3
デザイン理解 1 3
埋めるべきギャップ
プログラミング基礎 HTML/CSS JavaScript フレームワーク経験 チーム開発経験
学習プラン全体像
8
ヶ月
週15
時間
3
フェーズ
-
Phase 1: HTML/CSS/JavaScript 基礎固め
10週間Webの基本技術を体系的に学び、簡単なWebページを一人で作れるようになる
-
Phase 2: JavaScript深掘り + TypeScript/React入門
12週間JavaScript の応用力を高め、TypeScriptとReactによるモダン開発に移行する
-
Phase 3: 実践力強化 + ポートフォリオ制作
10週間CSS設計・テスト・実践的なアプリ開発を通じて転職に必要な実力をつける
転職を意識した次の一歩
office-worker frontend-engineer
このキャリア遷移を目指す鈴木 陸さんが活用を検討しやすい転職サービスをまとめました。
転職サービス
レバテックキャリア
IT特化型エージェントでスキルに合った求人を紹介してもらえる
※ サービス選びの参考情報。利用は各自の判断で。
似た背景のペルソナ
同じ職種・近いレベル感を目指す他のペルソナです。学習プランや読む順番のバリエーションとして参考にしてください。
フロントエンドエンジニアのロードマップへ
鈴木 陸さんの学習プランは「フロントエンドエンジニア」を目指す一例です。 職種全体のロードマップ・必要スキル・代表的な書籍は専用ページで体系的に確認できます。
フロントエンドエンジニアのロードマップを見る →