※本記事はアフィリエイト広告(PR)を含みます。
「未経験からエンジニアやWebデザイナーに転職したいけれど、ポートフォリオって何を載せればいいのか分からない」「実務経験がないのに、本当に評価される作品なんて作れるのだろうか」――そんな不安を抱えながら検索された方も多いのではないでしょうか。
当編集部では、第二新卒・20代の未経験転職支援に関わるキャリアアドバイザーへの取材や、IT業界の採用担当者の声をもとに、本記事を執筆しています。ポートフォリオは「豪華な作品集」である必要はありません。採用担当者が知りたい情報を、論理的な構成で見せられるかどうかが評価の分かれ目です。
こんな方に向けた記事です
- 未経験からIT・Web業界へ転職したい20代の方
- ポートフォリオの作り方が分からず、最初の一歩で止まっている方
- 何を載せれば採用担当者に響くのか知りたい方
- 学習中の制作物しかなく、それで通用するか不安な方
- 公開方法やツール選びで迷っている方
この記事の結論
ポートフォリオで評価されるのは「作品の派手さ」ではなく「制作意図・工夫・学びを言語化できているか」です。採用担当者は応募者の思考プロセスとポテンシャルを見ています。未経験者であれば、3〜5作品を厳選し、各作品に「目的・使用技術・工夫した点・改善点」を添えるだけで十分通用します。本記事では、採用担当者が見る5項目と、未経験者でも今日から作れる構成テンプレートを解説します。
ポートフォリオが未経験転職で評価される理由
ポートフォリオとは、自分のスキル・実績・思考プロセスをまとめた作品集のことです。IT・Web業界では、エンジニア・デザイナー・マーケターなど幅広い職種で提出を求められるようになっています。
未経験者の場合、職務経歴書だけでは「本当にこの業界で働けるのか」が伝わりにくいのが現実です。ポートフォリオは、その不安を払拭するための「自分の本気度と学習能力を示す証拠」として機能します。
採用担当者がポートフォリオから読み取りたい3つのこと
未経験者のポートフォリオに対して、採用担当者は完成度の高さよりも以下を重視する傾向があります。
① 学習意欲と継続力
独学やスクールで学んだ内容を、自主的に手を動かして形にできているかどうか。継続的にアウトプットしている人は、入社後の成長スピードも早いと判断されやすくなります。
② 思考プロセスと言語化能力
「なぜこの題材を選んだのか」「どこで詰まり、どう解決したのか」を説明できる人は、チームでの開発・制作にも適応しやすいと評価されます。
③ 業界・職種への理解度
転職先で求められるスキルセットを理解した上で、それに沿った制作物を準備できているか。志望企業の事業内容との接続が見えると、志望動機の説得力も増します。
未経験からの転職で書類選考を突破するには、履歴書・職務経歴書とポートフォリオの「三点セット」を整えることが基本です。応募書類全体の整え方は「第二新卒の履歴書・職務経歴書の書き方|採用担当者に響く5つのコツと例文」も参考にしてみてください。
採用担当者が見る5つの項目
ここからは、未経験者のポートフォリオで採用担当者が必ずチェックする5つの項目を解説します。逆にいえば、この5項目を押さえれば「最低限の合格ライン」はクリアできます。
① プロフィール・自己紹介
最初の画面で「この人は何者で、なぜこの業界を目指しているのか」を端的に伝えるパートです。
含めるべき要素は次の通りです。
- 氏名(またはハンドルネーム)
- 現在の状況(例:営業職3年目、転職活動中)
- 目指している職種・業界
- 学習中のスキル・使用技術
- 連絡先(メールアドレスまたは問い合わせフォーム)
長文の経歴ではなく、3〜5行で簡潔にまとめるのがポイントです。詳細な経歴は職務経歴書に譲り、ポートフォリオでは「方向性」が伝わる程度に留めます。
② スキル一覧
使える技術・ツールを可視化するセクションです。エンジニアならプログラミング言語・フレームワーク・データベース、デザイナーならAdobe製品・Figma・コーディング知識など、職種に応じて整理しましょう。
スキルレベルは「実務レベル/学習中/触ったことがある」の3段階程度で正直に記載するのが無難です。盛りすぎると面接で深掘りされた際に矛盾が生じます。
③ 制作物(作品)
ポートフォリオの中核です。未経験者の場合、3〜5作品が目安。多すぎても採用担当者は全て見られませんし、少なすぎると判断材料が不足します。
各作品ごとに以下の項目をセットで記載します。
- 作品名・タイトル
- 概要(何を作ったのか・誰のためのものか)
- 使用技術・ツール
- 制作期間
- 工夫した点
- 苦労した点と解決方法
- 改善したい点・今後の展望
- スクリーンショットまたはデモURL/GitHubリンク
特に「工夫した点」と「苦労した点と解決方法」は、思考プロセスを示す最重要パートです。
④ 学習履歴・経歴
独学・スクール・書籍など、これまでの学習経緯を時系列で示します。「いつから・何を・どう学んできたか」が分かると、継続力の証明になります。
社会人経験がある場合は、前職での経験のうち「転職先で活かせる要素」を簡潔に書きましょう。コミュニケーション能力、論理的思考、プロジェクト管理経験などはIT・Web業界でも高く評価されます。
⑤ 連絡先・今後の目標
最後に、応募者として「どんなキャリアを描いているのか」を1〜2文で示します。
例:「将来的にはユーザー体験を改善できるフロントエンドエンジニアになりたい」「自社サービスを持つ企業で、長期的にプロダクトに関わりたい」など、具体的な志向性があると採用担当者の印象に残ります。
ここまでの5項目を踏まえた応募書類全体の組み立ては「第二新卒の履歴書・職務経歴書の書き方|採用担当者に響く5つのコツと例文」とあわせて読むと理解が深まります。
未経験者でも作れる制作物の選び方
「実務経験がないのに、どんな作品を載せればいいのか」――ここが最大の悩みどころです。当編集部のおすすめは、以下の3カテゴリから2〜3作品ずつ選ぶアプローチです。
カテゴリ1:学習成果としてのクローン制作
既存のWebサービスやアプリを模倣して作る方法です。TwitterクローンやToDoアプリ、ECサイトの一部機能再現など、教材として広く扱われているテーマが多くあります。
メリットは「設計・実装・デプロイまで一通り経験できる」「使用技術が明確で説明しやすい」点です。ただし、教材通りに作っただけでは差別化が難しいため、独自機能を1つ追加することを推奨します。
カテゴリ2:自分の課題を解決するオリジナルツール
身近な「不便」を解決する小規模なツールやサイトを作る方法です。例えば「家計簿管理アプリ」「読書記録サイト」「学習進捗トラッカー」など。
メリットは「制作動機を自分の言葉で語れる」「ユーザー視点で機能を考えた経験を示せる」点です。規模は小さくても、目的・課題・解決手段の論理が通っていれば十分評価されます。
カテゴリ3:業界・志望企業に関連する制作物
志望先の事業領域に近いテーマを選ぶ方法です。HR Tech企業を志望するなら求人検索の簡易ツール、SaaS企業ならダッシュボード風のUI制作など、業界研究の深さを同時にアピールできます。
このカテゴリは1作品でも入れておくと、面接で志望動機を語る際の強力な材料になります。志望動機の組み立て方は「第二新卒の志望動機5パターン完全テンプレ」もあわせてご覧ください。
制作物選定で避けたいパターン
- チュートリアル動画を完コピしただけで、自分の言葉で説明できないもの
- 完成度が著しく低く、デザイン・機能ともに不完全なもの
- スクリーンショットだけで、実際に動かせない・コードも公開されていないもの
- 他人の著作物・デザインを無断で使用したもの
特に「自分で説明できるか」は最重要です。面接で深掘りされた際に答えられないと、かえって評価を下げてしまいます。
採用担当に響く見やすい構成・レイアウトの基本
内容が良くても、見にくい構成では最後まで読んでもらえません。採用担当者は1人あたり数十〜数百件のポートフォリオを見ることもあるため、「ぱっと見の分かりやすさ」が極めて重要です。
構成の基本テンプレート
未経験者向けの定番構成は以下の通りです。
- トップ画面:プロフィール写真(任意)・氏名・キャッチコピー1行・目指す職種
- About:自己紹介・経歴サマリー・連絡先
- Skills:使用可能な技術・ツールを一覧化
- Works:制作物を3〜5件、各作品の詳細ページへ遷移可能に
- Works詳細:各作品ごとに概要・使用技術・工夫点・苦労点・URLを記載
- Contact:問い合わせフォームまたはメールアドレス
トップ画面で「何の専門性を目指しているのか」が即座に伝わる構造にすることが重要です。
レイアウトで意識したい5つのポイント
① ファーストビューで結論を見せる
最初の画面で「誰が・何を目指していて・どんな作品を作れるのか」が一目で分かるように。スクロールしないと情報が出てこない構成は不利です。
② 余白を十分に取る
情報を詰め込みすぎず、各セクション間に余白を設けることで読みやすさが大幅に向上します。
③ フォントサイズと階層を統一する
見出し・本文・補足のフォントサイズに3〜4段階の階層をつけ、全ページで統一します。
④ カラースキームは2〜3色に絞る
メインカラー・サブカラー・アクセントカラーの3色程度に抑えると、まとまり感が出ます。
⑤ スマートフォン表示を必ず確認
採用担当者がスマホで確認するケースも増えています。レスポンシブ対応は必須項目と考えましょう。
文章で伝えるコツ
各制作物の説明文では、以下のフレームワークを使うと書きやすくなります。
背景:なぜこの作品を作ろうと思ったのか
課題:解決したかった問題は何か
アプローチ:どんな技術・方法で解決したか
結果:何が実現できたか
学び:制作を通じて得た気づき・今後の改善点
この5項目を1作品あたり300〜500字程度でまとめると、採用担当者が読みやすい分量になります。
公開方法とおすすめツール
ポートフォリオは「公開して、URLをすぐ共有できる状態」にしておくことが基本です。ここでは未経験者でも扱いやすい公開方法とツールを紹介します。
ツール選びの3つの選択肢
選択肢1:自作Webサイトとして公開
HTML/CSS/JavaScriptで自作し、GitHub PagesやNetlify、Vercelなどの無料ホスティングサービスで公開する方法。エンジニア志望者にはこの方法が最もおすすめです。「ポートフォリオサイト自体が制作物の1つ」としてカウントできます。
選択肢2:ノーコードツールで作成
STUDIO、Wix、Notion、ペライチなど、コーディング不要で見栄えの良いサイトが作れるツール。デザイナー・マーケター志望、または短期間で形にしたい方に向いています。
選択肢3:GitHub・Qiita・Zennで発信
コードと記事ベースでの公開方法。エンジニア志望なら、GitHubでの継続的なコミット履歴自体が大きなアピールになります。Qiita・Zennでの技術記事執筆も学習プロセスの可視化に有効です。
職種別おすすめツールの目安
- エンジニア志望:自作サイト + GitHub + Qiita/Zenn の併用
- Webデザイナー志望:STUDIO または自作サイト + Behance/Dribbble
- Webマーケター志望:Notion または自作サイト + 運用実績の記事化
公開前のチェックリスト
公開前に必ず以下を確認しましょう。
- すべてのリンクが正常に動作するか
- スマートフォン・タブレット表示が崩れていないか
- 誤字脱字がないか(第三者にチェックしてもらうのが理想)
- 個人情報の取り扱いに問題がないか
- 画像の権利関係に問題がないか
- 表示速度が遅すぎないか
特に「他人にチェックしてもらう」工程は省略しがちですが、客観的な視点を入れることで完成度が大きく上がります。
ポートフォリオを応募書類とどう連携させるか
完成したポートフォリオは、履歴書・職務経歴書の所定欄にURLを明記し、面接時にも自分から提示できるようにしておきます。面接では「制作物について教えてください」と聞かれる場面が多いため、各作品を1〜2分で語れるように準備しておきましょう。
面接対策の全体像は「第二新卒の面接対策完全ガイド|よく聞かれる質問15と模範解答例」で詳しく解説しています。
IT・Web業界に強い転職エージェントの活用
ポートフォリオが完成したら、次は「どの企業に、どう応募するか」のフェーズに進みます。未経験からのIT転職では、業界の内部情報を持つ転職エージェントの活用が現実的な選択肢です。
IT・Web業界特化型:ユニゾンキャリア
ユニゾンキャリアは、IT・Web・ゲーム業界への転職に特化したエージェントです。未経験者向けの求人や研修制度が整った企業の取り扱いに強みがあり、IT業界出身のアドバイザーが業界内部情報を踏まえて提案してくれます。
特徴的なのは、無料のITスクール「ユニゾンカレッジ」を併用できる点。学習段階からサポートを受けながら、ポートフォリオのブラッシュアップや書類添削まで一貫して相談できます。Google口コミでも4.8/5(投稿400件以上)と高評価で、「書類添削が具体的にどう直すかまで踏み込んでくれる」との声が多いサービスです。
ただし、対応エリアは首都圏(東京・神奈川・千葉・埼玉)・大阪が中心で、地方求人は限定的。IT・Web業界以外の職種は対象外な点には注意が必要です。
向いている人
- IT・Web業界に転職したい20代
- 未経験からITエンジニアを目指したい方
- 首都圏・大阪エリアで働きたい方
- 業界の内部情報を踏まえた提案がほしい方
向いていない人
- IT以外の業界を検討したい方
- 地方在住の方
- ハイクラス転職を狙う方
未経験からIT業界を本気で目指す方は、ポートフォリオの方向性も含めて相談できるユニゾンキャリアを検討してみてください。
※相談・サポートはすべて無料です
エンジニア転職特化:明光キャリアパートナーズエンジニア転職
エンジニア職に絞って転職活動を進めたい方には、明光キャリアパートナーズエンジニア転職という選択肢もあります。明光ネットワークジャパングループが運営するエンジニア転職特化型のエージェントで、IT・エンジニア領域の求人提案に強みがあります。
エンジニアとしてのキャリアパスを具体的に描きたい方や、複数のエージェントを併用して求人の選択肢を広げたい方に適しています。
向いている人
- IT・エンジニア職への転職を本気で考えている方
- 大手グループ運営の安心感を重視する方
- 複数エージェントを併用して比較検討したい方
※相談・サポートはすべて無料です
面接対策に強い:Agent Kikkake
ポートフォリオが完成しても、面接で「制作意図や工夫した点」をうまく言語化できないと、評価が伸び悩むことがあります。Agent Kikkakeは、元人事のプロが専属エージェントとして転職サポートを行うサービスで、採用側視点での的確なアドバイスが受けられる点が特徴です。
「ポートフォリオの内容をどう面接で伝えるか」「採用担当者はどこに注目しているのか」といった採用側の本音に近いフィードバックを得られるため、書類選考通過後の面接フェーズで特に力を発揮します。
向いている人
- 面接対策を強化したい方
- 採用担当者の視点を知りたい方
- ポートフォリオの見せ方・語り方を磨きたい方
向いていない人
- 求人数の多さを最優先する方
※相談・サポートはすべて無料です
ポートフォリオ作成でよくある質問
Q1. 未経験者は何作品くらい載せればいいですか?
A. 3〜5作品が目安です。多すぎても採用担当者は全てを見られませんし、各作品の説明が薄くなりがちです。「自信を持って語れる作品」を厳選しましょう。1作品で良いので「業界・志望企業に関連するテーマ」を含めると、志望動機の説得力が増します。
Q2. チュートリアルで作った教材通りのものでも載せていいですか?
A. 載せて構いませんが、「教材通り」だけでは差別化されません。最低でも独自機能を1つ追加するか、「なぜこの教材を選び、何を学んだか」を自分の言葉で語れるようにしておきましょう。完全コピーで自分の説明がつかないものは、かえって評価を下げます。
Q3. デザインに自信がありません。見栄えはどこまで重視すべき?
A. エンジニア職を目指す場合、デザインの完成度は「最低限の見やすさがあればOK」と考えて問題ありません。情報整理・読みやすさ・スマホ対応の3点が押さえられていれば十分です。デザイナー志望の場合は、当然ながらデザイン自体が評価対象になるため、配色・タイポグラフィ・余白設計などに時間をかけましょう。
Q4. GitHubは公開した方がいいですか?
A. エンジニア志望なら公開を強く推奨します。コミット履歴は「継続的に手を動かしている証拠」として極めて有力です。ただし、READMEがない・コミットメッセージが雑・コードが整理されていないリポジトリは逆効果になる場合もあるため、応募前に整理しておきましょう。
Q5. ポートフォリオの制作にはどれくらいの期間が必要?
A. 制作物の規模にもよりますが、サイト構築+作品3〜5件で1〜3か月程度が目安です。働きながら準備する場合は、平日1時間・休日3〜4時間のペースで進めると、無理なく形にできます。「完璧を目指さず、まず公開してから改善する」スタンスが現実的です。
Q6. ポートフォリオがあれば、職務経歴書は手抜きでも大丈夫?
A. それぞれ役割が違うため、両方しっかり整える必要があります。職務経歴書は「これまでの経験と転職理由」を示す書類、ポートフォリオは「スキルと思考プロセス」を示す資料です。退職理由の伝え方は「退職理由のポジティブ変換例30選」も参考にしてみてください。
まとめ:ポートフォリオは「思考の可視化」がすべて
未経験からの転職で評価されるポートフォリオの本質は、作品の派手さでも技術の高さでもなく、「なぜそれを作り、どう考え、何を学んだか」を言語化できているかどうかにあります。
本記事の重要ポイントを振り返ります。
- 採用担当者が見るのは「学習意欲・思考プロセス・業界理解」の3点
- 必須5項目(プロフィール・スキル・制作物・学習履歴・連絡先)を漏れなく
- 制作物は3〜5作品、各作品に「目的・工夫・苦労・改善点」をセットで
- 構成はファーストビュー重視・余白・統一感・スマホ対応が基本
- 公開ツールは職種に合わせて選択(エンジニアは自作+GitHubが定番)
- ポートフォリオ単体ではなく、履歴書・職務経歴書・面接対策と三位一体で
ポートフォリオ作成と並行して、業界の動向や求人状況、自分の強みの整理を進めることで、転職活動全体の精度が高まります。一人で抱え込まず、IT・Web業界に詳しい転職エージェントに相談しながら進めるのも、結果的に近道になることが多いものです。
あらためて、未経験からIT・Web業界を目指す方には、業界出身アドバイザーが伴走してくれるユニゾンキャリアが特におすすめです。
※相談・サポートはすべて無料です
関連記事
- 第二新卒の履歴書・職務経歴書の書き方|採用担当者に響く5つのコツと例文 ― 応募書類の書き方は本記事とあわせて読むと理解が深まります。
- 第二新卒の面接対策完全ガイド|よく聞かれる質問15と模範解答例 ― ポートフォリオを面接でどう語るかの準備に最適です。
- 第二新卒の志望動機5パターン完全テンプレ ― 業界・企業研究と志望動機の組み立てに役立ちます。
- 退職理由のポジティブ変換例30選 ― 短期離職経験を「前向きな退職理由」に整理する方法を解説しています。
- 退職を伝える5パターン完全ガイド ― 円満退職に向けた伝え方を5パターンで解説しています。
※本記事のサービス情報は2026年6月時点のものです。最新の料金・対応エリア・サービス内容は各社の公式サイトでご確認ください。
