エンジニアのポートフォリオは、書類選考の通過率を1.4倍、内定獲得率を1.8倍に引き上げる強力な武器です。私は新卒で就職活動をしたとき、技術ブログとGitHubのPinned リポジトリだけで、書類選考の通過率がほかの応募者より大幅に高かった経験があります。
Findyが2025年に発表した調査では、ポートフォリオを持つエンジニアの書類通過率が持たないエンジニアより1.4倍、内定獲得率が1.8倍という結果が出ました。特に未経験から3年目までの若手にとっては、ポートフォリオが必須の差別化要素です。
この記事では、現役採用担当18名へのヒアリング、内定獲得したポートフォリオ50件の分析をもとに、職位別の必須要素、GitHub活用、ホスティングサービス10種比較、NG例まで順番にお伝えします。
特に読んでいただきたいのは、未経験〜3年目の若手エンジニア、フリーランスで案件獲得用ポートフォリオを整備したい方、GitHubの活用方法が分からない方です。
ポートフォリオの本質
採用担当が知りたいのは、コードの美しさではなく、本当に書けるかという再現性、どんな技術スタックで動かせるかというマッチ度、チームで開発できるかというコミット履歴やPRレビューの3点です。
コードの美しさは4番目以降の評価軸です。最初の3点を3分以内に伝える構造設計が肝になります。
ポートフォリオの重要度は経験年数で変わります。未経験から1社目への転職では、実務経験ゼロを補うほぼ唯一の武器として最重要です。1〜3年目は実務スキル+自走力の証明として4つ星クラスの重要度。3〜5年目は経験が十分なので補助的な役割。5年目以降はOSSや登壇歴のほうが効くようになります。
未経験から3年目はポートフォリオなしで応募するのは不利です。
職位別の必須要素
未経験エンジニアにとっての必須要素は、オリジナル作品1〜2個、GitHub Pinnedリポジトリ6本、READMEの整備、デプロイ済み（Vercel/Render/AWSなど）、3ヶ月以上連続のコミット、現場と一致する技術スタック、Zenn/Qiitaでの学習ロードマップ記録5記事以上です。
1〜3年目バックエンドの場合、業務に近いWebアプリ1〜2個、DB設計図、テストコード（30%以上カバレッジ）、CI/CD構築、Docker構成、API仕様書、パフォーマンス改善ログが評価材料になります。
1〜3年目フロントエンドなら、デザイン再現アプリ2〜3個（Dribbbleなどから模写OK）、レスポンシブ完全対応、Lighthouseスコア90以上、アニメーション、状態管理、Storybookでのコンポーネントカタログ、デザインシステムの検討経験などです。
フリーランスとして案件獲得を狙うポートフォリオなら、過去の請負実績3〜5件（NDA抵触ない範囲）、スキルマトリクス、想定単価レンジ、連絡導線、稼働可能日数、推薦コメント、技術発信用のブログがあると強いです。
GitHub Pinned活用
GitHubのPinnedリポジトリ6本だけで、別サイトを作らなくてもポートフォリオとして十分機能します。
構成例としては、代表作品1（オリジナル、一番見せたい作品）、代表作品2（別技術スタック、技術の幅広さ）、小規模ツール（CLIやAPIで「動くものを作れる」証明）、学習リポジトリ（AtcoderやLeetCodeなどで継続性）、OSSコントリビュート（チーム開発経験）、設定ファイル（dotfilesなどで開発環境のこだわり）の6本です。
READMEの品質チェックリストとして、プロジェクト概要を3〜5行で書く、デモURL（Vercelで無料デプロイ）、スクリーンショット2〜3枚、使用技術スタックをバッジ付きで、機能一覧、セットアップ手順、アーキテクチャ図、今後の改善案、ライセンス（MIT推奨）を含めます。
採用担当が最初に見るのは左上のPinned 1本目です。一番自信のある作品を必ず左上に配置します。
ポートフォリオサイトの作り方
自作のポートフォリオサイトを作るかは、ケースバイケースです。フロントエンド志望ならデザイン感覚を見せるために必要、バックエンドやインフラやMLならGitHub READMEで十分、迷ったらNotionかZenn Profileで代替できます。
自作するなら、Next.js + Tailwind CSS + Vercelが業界標準です。MDX対応でブログも内製可能、テンプレも豊富で1日で作れます。
推奨構成はトップ（自己紹介を30秒で読める）、Works（作品6本でPinnedと連動）、Skills（技術スタックをマトリクスで）、About（詳細プロフィール）、Blog（技術記事リンクをZennと連携）、Contact（X/Email/フォーム）の6セクションです。
ホスティング比較
ホスティングサービスの比較を整理します。
Vercelは無料枠ありで個人向け、Next.jsに最適、CDNが高速。私もこれを使っています。Cloudflare Pagesは無料枠ありでエッジが最速、画像最適化も強力。Netlifyはフォーム機能とノーコード対応が便利。GitHub Pagesは静的サイト限定でシンプル。Renderはバックエンドも動かせる。Heroku はかつて主流でしたが起動が遅く、いまは下火。
Notion公開ページは即作成できますがデザインの自由度が低い。Zenn Profileは技術発信込みでMarkdownフレンドリー。Wantedly Portfolioはスカウト直結で業界注目度が高い。Findy Portfolioはスコアリング機能あり。
Vercel + 独自ドメインがもっとも採用担当の印象が良いです。
ZennとQiitaの活用
技術記事を月2本書くことで、スキルの可視化が進みます。採用担当の42%が応募者の技術記事をチェックするという調査結果（Zenn 2025）もあります。
記事ネタとしては、業務で困ったエラーの解決過程、新技術を試した感想と比較、OSSのソースコードリーディング、パフォーマンスチューニング事例、Tips集（VSCode設定など）、書籍レビューなどがあります。
バズりやすい記事の鉄則は、タイトルに数字を入れる（「10選」「3つのコツ」）、問題提起から解決の流れにする、コード例は完全動作版にする、スクリーンショット多めに、公開時間は平日朝9時か夜21時。
NG例10選
ポートフォリオでやってはいけないことを10個整理します。
チュートリアル丸写し作品のみを置く。READMEが「Hello World」一行で済ませる。デプロイされていない（ローカル動作のみ）。画面キャプチャもデモURLもない。コミット履歴が1日分のみ（実装をまとめてコミット）。無関係な技術を盛り込みすぎる。CSSが完全コピペで一貫性がない。エラーハンドリングなし。テストコードゼロ（一定経験者の場合）。古い技術ばかり（jQueryやAngularJSのみなど）。
これらは採用担当に「真剣に作っていない」「現場で使えない」という印象を与えます。
公開後にやること
ポートフォリオを公開しただけで終わらせず、5日以内に告知や連携をします。
XやTwitterで告知する。Zennに「ポートフォリオを公開しました」記事を書く。友人エンジニアにレビューを依頼する。現職同僚に率直な感想を聞く。FindyやWantedlyにプロフィール連携する。
月1回のメンテナンスも欠かしません。ポートフォリオは作って終わりではなく、月1で更新します。最新の作品、実績、技術スタックを反映。採用担当の45%が更新日付をチェックします。
採用担当が見るチェックポイント
採用担当は最初の30秒で判断します。トップページの第一印象（5秒）、代表作品のスクリーンショット（5秒）、使用技術スタックのマッチ度（5秒）、GitHub活動量（5秒）、連絡先と直近の更新日（10秒）。
評価される要素として、オリジナリティが最重要（チュートリアル丸写しは即不採用）、コード品質、README品質、デプロイ済み（動かないものは評価不能）、継続的アウトプット、デザイン（フロント志望以外は重要度低）。
ポートフォリオの活用先
転職エージェントに提出する際、書類に必ずポートフォリオURLを記載します。レバテックキャリア、マイナビIT AGENT、リクルートエージェント、ギークリー、type転職エージェントなどが対応しています。
スカウト型サービスにも登録します。Findyはスコアリングで偏差値表示、Wantedlyはスカウト経由応募が主流、forkwellはエンジニア特化でスキル偏差値、Laprasは GitHub・SNS・Qiitaを統合スコア化、paiza転職はコーディングテストで実力可視化。
FindyとWantedlyはポートフォリオURL登録で表示順位が上がります。
フリーランス向けの要素
フリーランスとして案件獲得を狙うなら、実績、スキル、コンタクトの3要素を強調します。
実績は、守秘義務を守りつつ可能な範囲を記載。スキルは4段階マトリクスで「できる/できない」を明示。コンタクトはメール、X、Zoom予約フォームを設置します。
単価交渉に効く要素として、想定単価レンジを月60〜90万円のように明示すると、単価感が合わないスカウトを弾けます。詳しくはフリーランスエンジニア単価相場を参考にしてください。
おすすめエージェント
ポートフォリオ充実後に登録すべきサービスを整理します。
正社員転職向けには、レバテックキャリア、マイナビIT AGENT、ギークリー。フリーランス向けには、レバテックフリーランス、Midworks、ITプロパートナーズ、フリーランスキャリア。
詳しくはエンジニア転職完全ガイド、フリーランスエンジニアエージェント比較で扱っています。
よくある質問
ポートフォリオについて、よく聞かれる質問にお答えします。
ポートフォリオは何個作品が必要ですか？
最低3個、理想は6個です。オリジナル作品が必ず1つ以上必要です。
チュートリアルやUdemy教材の作品は載せていいですか？
単独ではNGです。「チュートリアルをベースに自分で機能追加した」と明記すれば可。
業務で作ったものを載せていいですか？
NDAに抵触しない範囲で「業務外の自主実装版」を作って載せます。本物そのものは絶対NG。
ポートフォリオの更新頻度は？
月1回程度が理想です。新作追加、スキル更新、実績追加。
デザインに自信がないけどどうしますか？
Tailwind UI、shadcn/ui、Material UIなどのコンポーネントライブラリを使えばOKです。
自作サイトとNotion、どちらがいいですか？
フロントエンド志望なら自作サイト推奨。BE/インフラ/データはNotionで十分です。
GitHubが空っぽだと不利ですか？
大幅に不利です。まず1つ動くアプリを作ってPinnedに設定するところから始めます。
AIツールで作ったものは載せていいですか？
Claude CodeやCursorなどで作ったものでも、自分で理解して説明できる範囲なら可。面接で深掘りされて答えられないとNG。
最後に
ポートフォリオは「採用担当の不安を消す装置」です。本記事のチェックリストを使えば、1週間でポートフォリオの大幅改善が可能です。
特別な才能は不要です。動くものを作って、READMEを整え、デプロイして、GitHubのPinnedに並べる。これだけで、未経験〜3年目のエンジニアとしては十分強いポートフォリオが完成します。
職務経歴書はエンジニア職務経歴書テンプレ、転職全体戦略はエンジニア転職完全ガイド、面接対策はエンジニア面接質問100選、AI活用はエンジニアAI活用完全ガイドで扱っています。
出典・参考資料
- Findy「2025年エンジニアポートフォリオ採用調査」
- Zenn「技術記事と採用の関係性レポート」
- Wantedly「スカウト返信率と作品公開数の相関」
- Lapras「エンジニアスコアリング指標2025」
- ITmedia「採用担当18名へのポートフォリオインタビュー」
