未経験からエンジニアに転職する際、ポートフォリオは履歴書以上に重要な武器です。採用担当者はポートフォリオを通じて「この人は自走できるか」「技術レベルはどの程度か」を判断します。この記事では、未経験者がポートフォリオを作る5ステップと、採用担当者が見るポイントを解説します。
この記事のまとめ
- ポートフォリオは転職成功率を大きく左右する（書類通過率が2〜3倍に）
- 最低2〜3作品を用意し、GitHubで公開する
- 「なぜ作ったか」のストーリーが技術力以上に評価される
- スクールの課題そのままではなく、独自の工夫を加えることが必須
なぜポートフォリオが必要なのか
未経験者は実務経験がないため、採用担当者が技術力を判断する材料がありません。ポートフォリオは「自分で考えて作れる」ことを証明する唯一の手段です。
ポートフォリオがあると書類通過率が変わる
- ポートフォリオなし：書類通過率 約5〜10%
- ポートフォリオあり：書類通過率 約20〜30%
- 質の高いポートフォリオ：書類通過率 約40〜50%
採用担当者が見る3つのポイント
- 自走力：自分で企画→設計→実装→公開まで完了できているか
- コードの品質：変数名・関数名が適切か、README.mdが書けているか
- 学習意欲：GitHubのコミット頻度、技術記事の執筆、新しい技術への挑戦
ポートフォリオ制作5ステップ
ステップ1：テーマを決める
最も重要なのは「なぜこれを作ったか」のストーリーです。以下のアプローチでテーマを決めましょう。
- 課題解決型：自分の日常の不便を解決する（例：食費管理アプリ、読書記録ツール）
- クローン型：既存サービスの簡易版を作り、独自機能を追加（例：Twitter風SNS + AI要約機能）
- 趣味発展型：趣味と技術を組み合わせる（例：映画レビューサイト、レシピ共有アプリ）
テーマ選びのNG例
TODOアプリ・電卓・じゃんけんゲームなどの定番チュートリアル作品は避けましょう。他の応募者と差別化できず、「自分で考えて作った」アピールになりません。
ステップ2：技術スタックを選ぶ
志望する企業・職種に合わせて技術を選びましょう。
| 志望職種 | フロントエンド | バックエンド | インフラ |
|---|---|---|---|
| Webエンジニア | React / Vue.js | Ruby on Rails / Node.js | AWS / Heroku |
| フロントエンド | React + TypeScript | Firebase / Supabase | Vercel / Netlify |
| データ分析 | Streamlit / Dash | Python + FastAPI | GCP / AWS |
ステップ3：設計・実装する
- ワイヤーフレーム：紙やFigmaで画面構成を描く（1〜2日）
- DB設計：テーブル構成とリレーションを決める（1日）
- MVP実装：最小限の機能で動くものを作る（1〜2週間）
- 機能追加：差別化ポイントとなる独自機能を追加（3〜5日）
- テスト・リファクタリング：テストコードを書き、コードを整理（2〜3日）
ステップ4：デプロイ・公開する
作ったアプリは必ずインターネット上で動く状態にしましょう。採用担当者がURLをクリックしてすぐ確認できることが重要です。
- フロントエンドアプリ：Vercel、Netlify（無料）
- フルスタックアプリ：Render、Railway（無料枠あり）
- GitHubリポジトリを公開設定にし、README.mdを充実させる
ステップ5：README.mdを書く
README.mdは「ポートフォリオの説明書」であり、採用担当者が最初に読む部分です。以下の項目を必ず含めましょう。
- サービス概要：何ができるアプリか（1〜2行）
- 制作背景：なぜ作ったか、どんな課題を解決するか
- 使用技術：フロント・バック・インフラの技術スタック
- 機能一覧：主要機能をリストアップ
- 工夫した点：技術的な課題と解決方法
- デモURL：実際に動くアプリのリンク
スクールを活用してポートフォリオの質を上げる
独学でポートフォリオを作ると、コードレビューを受ける機会がなく、自己流のコードになりがちです。スクールでは現役エンジニアの講師からフィードバックを受けられるため、実務に近い品質のコードが書けるようになります。
Winスクール
個別指導でポートフォリオ制作を丁寧にサポート。企業連携の実践課題あり
SkillHacks（スキルハックス）
買い切り型でじっくりポートフォリオ制作。LINE質問し放題で安心
WEBCOACH
Webデザイン×プログラミングのポートフォリオ制作をマンツーマンで指導
よくある質問
Q. ポートフォリオは何個作ればいい？
最低2〜3個が目安です。1つは自分のスキルを最大限に発揮した「メイン作品」、残りはジャンルの異なるサブ作品を用意しましょう。数よりも1つ1つの質と、なぜ作ったかのストーリーが重要です。
Q. ポートフォリオのアイデアが浮かばない場合は？
3つのアプローチがあります。(1)自分の日常で「不便だな」と思うことを解決するツールを作る、(2)既存の有名サービスのクローン（簡易版）を作る、(3)スクールの課題を発展させてオリジナル機能を追加する。完全にオリジナルである必要はなく、既存サービスに独自の改善を加えるだけでも十分です。
Q. スクールの課題をポートフォリオにしていい？
スクールの課題をそのまま提出するのはおすすめしません。採用担当者はスクールのカリキュラムを把握していることが多く、課題そのままでは自走力のアピールになりません。課題をベースに独自の機能を追加したり、デザインをカスタマイズして差別化しましょう。
Q. ポートフォリオ制作にどのくらい時間がかかる？
1作品あたり2週間〜1ヶ月が目安です。企画（1〜3日）→ 設計（2〜3日）→ 実装（1〜3週間）→ テスト・デプロイ（2〜3日）の流れです。完璧を目指すと終わらないので、まずMVP（最小限の機能）を完成させてからブラッシュアップしましょう。
Q. GitHubは必須？
はい、ほぼ必須です。GitHubのプロフィールとリポジトリは、採用担当者がコードの品質やコミット頻度を確認する重要な指標です。README.mdに丁寧な説明を書き、コミットメッセージも意味のある内容にしましょう。草（コントリビューション）が途切れなく続いていることも好印象です。
まとめ
ポートフォリオはエンジニア転職の成否を分ける最重要要素です。「なぜ作ったか」のストーリー、コードの品質、GitHubでの公開の3つを押さえれば、未経験でも書類通過率を大幅に上げられます。独学で不安な方は、スクールの講師からコードレビューを受けてクオリティを高めましょう。