エンジニア転職で「ポートフォリオがないと書類選考すら通らない」という話を聞いたことはありませんか？実際、未経験エンジニアの採用において、ポートフォリオの有無は合否を大きく左右します。筆者は採用面接官としても100名以上のポートフォリオを評価してきた経験があります。この記事では、転職に強いポートフォリオの作り方を5ステップで解説し、実際に内定を獲得した構成例も紹介します。
なぜエンジニア転職にポートフォリオが必須なのか
未経験からエンジニアに転職する場合、企業が最も重視するのは「実際にコードを書ける力があるか」です。職務経歴書だけでは技術力を証明できないため、ポートフォリオが実質的な技術試験の役割を果たします。
| 採用担当者が見ているポイント | 具体的な評価項目 | 重要度 |
|---|---|---|
| コードの品質 | 可読性、設計、適切な命名規則、コメント | ★★★★★ |
| 学習意欲 | 技術選定の理由、継続的な改善（コミット履歴） | ★★★★★ |
| 課題解決能力 | なぜこのアプリを作ったか、どんな問題を解決するか | ★★★★☆ |
| 完成度 | デプロイ済みか、READMEが充実しているか | ★★★★☆ |
| UI/UXへの意識 | ユーザーの使いやすさを考慮した設計 | ★★★☆☆ |
Web系自社開発企業では、ポートフォリオなしでの応募はほぼ門前払いです。逆に、質の高いポートフォリオがあれば実務未経験でも十分チャンスがあります。
ステップ1：テーマを決める
最も重要なのが「何を作るか」の選定です。
| テーマの質 | 具体例 | 採用担当の印象 |
|---|---|---|
| NG：チュートリアルの延長 | ToDoアプリ、メモアプリ、天気予報アプリ | 「自分で考えて作っていない」 |
| OK：既存サービスのクローン | Twitterクローン、ECサイト | 「技術力はわかるが独自性がない」 |
| BEST：自分の課題を解決 | 読書記録管理、勉強時間ダッシュボード、地域レビュー | 「プロダクト思考がある」 |
筆者のアドバイス：面接では必ず「なぜこのアプリを作ったのですか？」と聞かれます。自分の体験に基づいたストーリーがあると、技術力だけでなくプロダクト思考もアピールできます。「自分が毎日使いたいもの」を作るのが最良の選択です。
ステップ2：技術スタックを選定する
| カテゴリ | おすすめ技術 | 選定理由 |
|---|---|---|
| フロントエンド | React + TypeScript | 求人数最多。Next.jsと組み合わせると評価UP |
| バックエンド | Ruby on Rails / Node.js | Rails：日本のWeb系で人気。Node.js：フルスタックに有利 |
| データベース | PostgreSQL / MySQL | どちらも実務で広く使用 |
| インフラ | AWS（EC2/RDS） or Vercel | AWS：インフラ知識のアピール。Vercel：Next.jsなら最速デプロイ |
| CI/CD | GitHub Actions | 設定簡単でGitHub連携が良い |
| テスト | Jest / RSpec | テストコードがあると評価が大幅UP |
重要：応募先企業の技術スタックに合わせるのが理想です。企業の技術ブログや求人票で使用技術を確認し、それに近い構成で作りましょう。
ステップ3：開発・実装のポイント
- GitHub管理は必須：コミットメッセージは「Add user authentication feature」のように英語で具体的に。コミット頻度は毎日が理想（継続性のアピール）
- READMEを充実させる：アプリ概要、使用技術、機能一覧、ER図、インフラ構成図、環境構築手順を記載。READMEの質だけで評価が変わる
- テストコードを書く：カバレッジ100%は不要だが、主要機能のテストがあるだけで他の未経験者と差別化できる
- デプロイは必須：「ローカルでしか動きません」は論外。AWS、Vercel、Heroku、Renderなどで公開しましょう
- レスポンシブ対応：スマホでも見られるようにしておく。面接官がスマホで確認するケースも多い
ステップ4：内定を獲得したポートフォリオ構成例
事例1：Web系自社開発企業に内定（未経験・28歳）
| 項目 | 内容 |
|---|---|
| アプリ名 | 書籍レビュー共有サービス |
| 技術スタック | React + TypeScript / Rails API / PostgreSQL / AWS（EC2+RDS） |
| 主な機能 | 書籍検索（Google Books API）、レビュー投稿、いいね、フォロー、通知 |
| 差別化ポイント | 読書量の統計ダッシュボード、レコメンド機能 |
| 開発期間 | 2ヶ月（週20時間） |
事例2：SaaS企業に内定（第二新卒・25歳）
| 項目 | 内容 |
|---|---|
| アプリ名 | チーム向けタスク管理ツール |
| 技術スタック | Next.js + TypeScript / Supabase / Vercel |
| 主な機能 | カンバンボード、ドラッグ&ドロップ、リアルタイム同期、Slack通知連携 |
| 差別化ポイント | AI（ChatGPT API）によるタスク分解提案機能 |
| 開発期間 | 1.5ヶ月（週25時間） |
ステップ5：ポートフォリオサイトを作る
個別のアプリに加えて、ポートフォリオサイト（自己紹介ページ）を作ると面接官への印象が格段に良くなります。
| 掲載項目 | 内容 | 重要度 |
|---|---|---|
| 自己紹介 | 経歴概要・エンジニアを目指した理由 | ★★★★★ |
| スキルセット | 使用技術・習熟度（バーチャートなど） | ★★★★☆ |
| プロジェクト一覧 | 各アプリのスクショ・技術スタック・GitHub/デモリンク | ★★★★★ |
| 学習記録 | Zenn/Qiita記事へのリンク | ★★★☆☆ |
| 連絡先 | メール・GitHub・Twitter | ★★★★☆ |
ポートフォリオ作成でよくある失敗
- デプロイしていない：GitHubにコードがあるだけでは面接官は見ません。動くデモが必須
- READMEが空：READMEのないリポジトリは「説明する気がない」と判断される
- 機能を詰め込みすぎ：中途半端な機能10個より、完成度の高い機能5個の方が評価される
- デザインが壊れている：CSSフレームワーク（Tailwind CSS、MUIなど）を使って最低限の見栄えを整える
- コミット履歴が「initial commit」1つだけ：開発プロセスが見えないため、継続的にコミットしましょう
ポートフォリオ作成を支援するサービス
| サービス | 特徴 | 料金 | おすすめ対象 |
|---|---|---|---|
| RUNTEQ | ポートフォリオ作成に特化したカリキュラム。就職サポート付き | 月額21,000円〜 | 本気で転職したい方 |
| テックキャンプ | 短期集中でポートフォリオ完成。転職保証あり | 657,800円 | 短期で結果を出したい方 |
| Progate + 独学 | 基礎学習→独自アプリ開発。コスト最小 | 月額1,078円 | 自走力がある方 |
| MENTA | 現役エンジニアにコードレビューを依頼 | 月額3,000〜10,000円 | 独学＋フィードバックが欲しい方 |
よくある質問（FAQ）
ポートフォリオは何個作るべきですか？
メインアプリ1個＋サブアプリ1〜2個が理想です。メインは2ヶ月かけて高品質に仕上げ、サブは技術の幅を見せるために異なる技術で作りましょう。10個の中途半端なアプリより、1個の完成度の高いアプリの方が圧倒的に評価されます。
フロントエンドだけでも大丈夫ですか？
フロントエンドエンジニア志望なら可能ですが、バックエンド（API）も含めたフルスタック構成の方が評価は高いです。最低でもSupabaseやFirebaseなどのBaaSを使ってデータの永続化を実装しましょう。
ポートフォリオの開発期間はどのくらいが目安？
メインアプリで1.5〜2ヶ月（週15〜20時間）が目安です。1週間で作ったものは完成度が低く見えますし、半年かかったものは「効率が悪い」と思われます。機能を絞って集中的に開発しましょう。
プログラミングスクールのポートフォリオでも大丈夫？
スクール課題そのままでは不十分です。面接官はスクール出身者のポートフォリオを大量に見ているため、課題の延長はすぐにわかります。スクールで学んだ技術をベースに、独自のテーマと機能で別アプリを開発しましょう。
デザインセンスがないのですが…
デザインの独自性は不要です。Tailwind CSS + shadcn/uiなどのUIライブラリを使えば、プロ級のデザインが実現できます。Dribbleで参考デザインを探し、レイアウトを真似するだけでも十分です。エンジニアのポートフォリオでは機能とコード品質が最優先です。
まとめ：ポートフォリオは「未経験」を「即戦力候補」に変える武器
質の高いポートフォリオがあれば、未経験でもWeb系自社開発企業への転職は十分可能です。重要なのは「自分の課題を解決するアプリ」を「適切な技術スタック」で「完成度高く」仕上げること。
今日のアクション：(1) 日常で感じている不便さを3つ書き出す → (2) その中から1つをアプリで解決するアイデアを考える → (3) GitHubにリポジトリを作成してREADMEを書く。まずはアイデアとリポジトリ作成から始めましょう。
まずはGitHubリポジトリを作成して、今日から制作物を公開してみましょう。完璧を目指す必要はありません。小さなプロジェクトでも公開することで、転職活動時に大きな差がつきます。
コメント