未経験から大手ITフロントエンドへ：文系卒からAmazon内定まで

未経験から大手ITフロントエンドへ：文系卒から楽天内定まで

まず結論から：英語専攻を卒業し、2年間翻訳者として働いた後、プログラミング未経験から8ヶ月の独学でフロントエンド開発を習得し、最終的に楽天の内定を獲得しました。これは成功物語ではありません——何度も諦めたい瞬間がありました——でも、キャリアチェンジを考えている方に少しでも自信と参考になればと思い、この経験を完整的に書き留めます。

背景紹介

私は2018年に英語専攻を卒業しました。卒業後、貿易会社で2年間翻訳者として働きました。給料は並で、仕事内容は単調で、成長の余地が見えませんでした。2020年の在宅勤務期間中、偶然プログラミングに触れ、コードを書くのが面白いと感じ、独学を始めました。

正直に言うと、最初は「変数とは何か」さえ知らず、コードを見るだけで頭が痛くなりました。しかし一つ有利な点がありました——英語が得意で、英語のドキュメントを大多数の人より楽に読めました。この利点は、後でReactを独学し、公式ドキュメントを読む際に大いに役立ちました。

独学ロードマップ：8ヶ月でゼロから楽天内定まで

1ヶ月目：HTML/CSSの基礎

学習リソースとしてfreeCodeCampとMDNドキュメントを使用しました。HTMLはまあまあ——タグとセマンティクスは理解しやすかったです。CSSは本当に難しかった。flexレイアウトは3回読んでやっと理解し、positionのいくつかの配置方法も繰り返し練習してようやく習得しました。この段階では3つの静的ページを作成しました：個人ホームページ、製品ランディングページ、レスポンシブブログページ。

最大の落とし穴：最初は完璧を追求しすぎて、1つのページに1週間もかけてしまいました。後に「完成してから完璧にする」のが正しいペースだと気づきました。

2-3ヶ月目：JavaScriptのコア

これが最も苦しい段階でした。JSの概念が多すぎる——巻き上げ、クロージャ、プロトタイプチェーン、thisの参照先、非同期プログラミング……どれも人生を疑うほどでした。特にクロージャは、少なくとも5つの異なる記事を読んでようやく本当に理解できました。

私の学習方法：まず動画/記事で概念を理解し、コンソールでコードを書いて検証し、最後に小さなプロジェクトで定着させる。この段階で作ったもの：Todoリスト、天気検索アプリ、簡単な電卓。コードは醜かったですが、少なくとも動きました。

4-5ヶ月目：Reactフレームワーク

Reactを学ぶ前に、まずES6+の新機能を学びました。Reactのコードにはアロー関数、分割代入、テンプレートリテラルが溢れているからです。その後、React公式ドキュメントから学び始め、チュートリアルに沿ってECサイトのデモを作成しました。

Reactの学習曲線は想像より急でした。Hooksが出たばかりで、ネット上の多くのチュートリアルがまだクラスコンポーネントの書き方で、混乱することがよくありました。最終的にHooksだけを学び、関数コンポーネントを直接使うことに決めると、かえって明確になりました。この段階で重点的に学んだもの：useState、useEffect、useContext、カスタムHooks、React Router。

6-7ヶ月目：プロジェクト実践

この2ヶ月間、2つの完全なプロジェクトに集中しました。1つ目はブログシステムで、React + Node.js + MongoDBを使用し、記事投稿、コメント、タグ分類などの基本機能を実装しました。2つ目はタスク管理ツールで、Trelloのかんばん機能を模倣し、ドラッグ＆ドロップの並べ替え、タスク割り当て、期限リマインダーをサポートしました。

この2つのプロジェクトは後の面接で大きな役割を果たしました。面接官はタスク管理ツールに特に興味を持っていました。ドラッグ＆ドロップのインタラクション、状態管理、データ永続化などの深い技術的ポイントが含まれていたからです。

8ヶ月目：面接準備

最後の1ヶ月は主に3つのことをしました：アルゴリズム問題の練習（約80問、主に簡単〜中程度）、フロントエンド面接の知識整理、模擬面接の練習。模擬面接は特に役立ちました——同じく面接準備をしている友人を見つけ、毎週2回互いに面接し合いました。最初の緊張して言葉に詰まる状態から、後の流暢な表現まで、上達が明らかでした。

面接体験：3社の小規模企業で練習＋楽天4ラウンド面接

小規模企業での練習：2社不合格、1社合格

まず小規模企業の面接体験から。1社目はスタートアップで、面接官は多くの基礎的な質問をしました。まあまあ答えられましたが、アルゴリズム問題は全くできず、不合格。2社目は教育系の小さな会社で、面接は比較的簡単で、Reactの基礎とプロジェクト経験について聞かれ、合格しましたが、給料が低すぎて辞退しました。3社目はEC系で、面接官はCSSレイアウトについて多く質問し、flexレイアウトがうまく答えられず、また不合格。

3社の小規模企業の面接を終えての感想：基礎はしっかり固めるべき、特にCSSとJSの基礎。アルゴリズム問題は小規模企業では必ずしも出ないが、大手企業では確実に出る。

楽天一次面接：基礎＋アルゴリズム

楽天の一次面接の面接官は若く、態度も良かったです。まずHTML/CSSの基礎：セマンティックタグの役割、BFCとは何か、flexとgridの違い。次にJSの基礎：クロージャの応用シーン、プロトタイプチェーンの継承方法、Event Loopの実行順序、Promiseとasync/awaitの違い。

Reactのセクションでは：Hooksの使用上の注意、useEffectの依存配列の理解、Reactの仮想DOMとDiffアルゴリズム。アルゴリズム問題はTwo Sumで、以前に練習していたので5分で書けました。面接官が時間計算量の最適化方案を追加で聞き、それにも答えられました。

一次面接は約1時間。面接官が最後に「基礎はなかなか良いですね」と言ってくれて、ホッとしました。

楽天二次面接：プロジェクト深掘り＋コード記述

二次面接の面接官は明らかにベテランで、すぐにプロジェクトを深掘りし始めました。タスク管理ツールのドラッグ＆ドロップをどう実装したかと聞かれ、react-beautiful-dndライブラリを使ったと答えました。追撃：サードパーティライブラリを使わずにドラッグ＆ドロップをどう実装するか？HTML5 Drag and Drop APIのアプローチと、mousedown/mousemove/mouseupの実装方法を説明しました。

次に、ディバウンスとスロットル関数を手書きするよう求められました。ディバウンスはすぐに書けましたが、スロットルには小さなバグがあり、面接官の指摘で修正しました。続いてネットワークリクエスト関連：HTTPキャッシュメカニズム、クロスオリジン解決策、WebSocketとHTTPロングポーリングの違い。

二次面接は約1時間15分。一次よりかなり難しく感じましたが、準備範囲内でした。

楽天三次面接：総合面＋システム設計

三次面接の面接官はおそらくテックリードで、よりマクロな質問をしました。フロントエンドエラー監視ソリューションを設計するよう求められ、これまでの知識を活かして、エラーキャプチャ、データ報告、データ集約、アラートメカニズムの側面からアプローチを説明しました。面接官がいくつか詳細を深掘りし、答えられないものもありましたが、「ここは不太確かですが、私の考え方は……」と正直に答えると、面接官は私の思考プロセスを評価してくれたようでした。

その後、より広い技術的視野についての話題：マイクロフロントエンドの理解、Serverlessへの見解、フロントエンドエンジニアリングの理解。これらについては以前いくつか記事を読んでおり、深くはなくても自分の理解を話すことができました。

HR面接：なぜ転職か＋キャリアプラン

HR面接は最も緊張したラウンドでした。何を聞かれるかわからなかったからです。面接官はまず自己紹介を求め、次にいくつか質問しました：なぜフロントエンドに転職したいのか？転職過程で最大の困難は何だったか？学習能力をどう証明するか？今後3〜5年のキャリアプランは何か？

転職理由について、「翻訳の給料が低い」とは言わず、「翻訳の仕事で技術文書のローカライゼーションプロジェクトに触れ、プログラミングに深い興味を持ちました。深く学び実践した結果、これが長期的に取り組みたい方向だと確信しました」と答えました。この回答は真実かつ前向きでした。

学習能力については3つの例を挙げました：8ヶ月でゼロから完全なプロジェクトを作れるようになったこと、英語力が技術文書の効率的な読解に役立ったこと、独学過程で身につけた継続的な学習習慣。HRは満足そうでした。

心得とアドバイス

1. キャリアチェンジで最も難しいのは技術ではなくマインドセット

独学過程で何度も諦めたい瞬間がありました——クロージャが理解できない時、プロジェクトが動かない時、情報学科出身の人が簡単に内定を取るのを見た時。しかしキャリアチェンジは元々困難な道です。選んだからには続けるしかありません。私の方法は小さな目標を設定し、達成するたびに自分にご褒美を与え、ポジティブなフィードバックを維持することでした。

2. プロジェクトは暗記事項より重要

面接で面接官が最も興味を持ったのはプロジェクト経験で、暗記した知識はあまり聞かれませんでした。だから面接問題を暗記するのではなく、深みのあるプロジェクトを作りましょう。プロジェクトには実際の使用シーンと技術的課題が必要です。「なぜそうしたか」を説明できることが「どうやったか」より重要です。

3. 自分の差別化された強みを見つける

キャリアチェンジ組として、情報学科出身の人と基礎で競うのは無理ですが、私には独自の強みがありました：英語力、分野横断的な思考、速い学習速度。面接ではこれらの強みを意図的に強調し、面接官に私の独自の価値を見せました。

4. 模擬面接は非常に重要

技術力はあるのに面接のパフォーマンスが悪い人が多いのは、練習不足が原因です。友人と互いに模擬面接をするか、鏡の前で練習し、技術的な表現を流暢にしましょう。面接は「知っているか」ではなく「知っていることを明確に話せるか」をテストしています。

5. 一人で戦わない

独学は孤独と不安に陥りやすいです。私はいくつかのフロントエンド学習コミュニティに参加し、同じく独学している人と交流し、互いに励まし合いました。問題に直面した時、グループで議論する方が一人で悩むより効率的でした。

よくある質問FAQ

Q1：未経験からフロントエンドへの転職にはどのくらいかかりますか？

人によります。フルタイム学習なら6〜8ヶ月で面接可能なレベルに達します。パートタイムなら1〜1.5年かかるかもしれません。重要なのは学習効率であり、時間ではありません。1日4時間の集中学習が、8時間の漫然とした学習より効果的です。

Q2：キャリアチェンジ組は面接で差別されますか？

大手IT企業の面接は主に技術力を評価し、学歴背景はあまり気にしません。ただしHR面接で転職理由を聞かれる可能性があるので、説得力のある回答を準備しましょう。キャリアチェンジの経験を強みとして伝えることが重要です。

Q3：独学とプログラミングスクール、どちらがいいですか？

自律性が高ければ独学で十分です。構造的な指導と監督が必要なら、スクールも選択肢です。しかし、どのアプローチでも、最終的には自分でコードを書き、プロジェクトを作る必要があります。スクールは近道ではなく、一つの学習方法にすぎません。

Q4：転職後、給与は下がりますか？

転職直後の給与は前職より低いかもしれませんが、成長の余地ははるかに大きいです。私の楽天のオファーは翻訳の給与のほぼ2倍でした。また、IT業界の給与成長スピードは伝統的な業界よりはるかに速いです。

Q5：キャリアチェンジに向いているかどうかをどう判断しますか？

まず1〜2ヶ月学んでみましょう。コードを書くのが楽しく、達成感を感じるなら向いています。2ヶ月経っても苦痛で興味が湧かないなら、向いていないかもしれません。興味が最良の判断基準です。