あると差がつく！ITエンジニアのポートフォリオの作り方

ITエンジニアのポートフォリオとは、応募者自身のスキルや実績をアピールするものです。ポートフォリオを用意することで、職務経歴書や自己紹介書に書かれている内容の裏付けとなります。

ポートフォリオに記載する内容には、以下の項目があげられます。

ソースコードとポートフォリオは異なる

ポートフォリオの提出を求められた場合、GitHubなどにアップしたソースコードを提示する方も少なくありません。しかしソースコードとポートフォリオは異なります。

もしソースコードを提出した場合、採用側はソースコードをコンパイルするなどの手間がかかります。応募する企業の担当者に手間をかけさせることになりますから、ポートフォリオにはなるべく動作するシステムを用意するようにしましょう。

ITエンジニア経験者と未経験者のポートフォリオの違い

もしITエンジニアの経験がある方なら、以下にあげる内容をポートフォリオに含めることができます。

しかしITエンジニア未経験者は企業における開発プロジェクトに参画したことがないわけですから、上記の内容を書けません。

その場合はあなたが作成したプログラムをWeb上にアップし、リンクを貼っておくとよいでしょう。特にWebサービスであれば、リンクをたどることで簡単に動作を確認できますから便利です。

未経験の方がITエンジニアを目指す場合、履歴書や職務経歴書だけでは応募者のレベルを十分に理解してもらえないことも多いです。そのため経験者と比較された場合、どうしても不利となりがちです。

このため、選考に勝ち抜くためにはポートフォリオを用意し、自らのスキルを示すことが必須です。

ここでは転職活動においてポートフォリオを作成するメリットを4つ取り上げ、それぞれについて解説していきます。

自らの技術力を示せる

ポートフォリオの最も大きな目的は、応募者自身の技術力を示すことです。これはIT業界未経験者であっても、ポートフォリオの提示により以下の情報を示せます。

上記はITエンジニアとして、多くの開発プロジェクトで求められるスキルです。職務経歴書に言語名だけ書いてあっても、どのくらいの難度まで対応できるかどうかはわかりません。しかしポートフォリオの提示があれば、企業は応募者がどの程度のスキルを持っているかという情報を得られます。

従って入社後、プロジェクトで発揮できる技術力をアピールできるという観点で、ポートフォリオの提示は必要といえます。このため、ポートフォリオがある方のほうが書類選考に通過する可能性は高くなります。

ITエンジニアとしてのやる気を証明できる

ポートフォリオを作成することは、それ自体がITエンジニアとしてのやる気を証明するものとなります。なぜならポートフォリオを作成するためには、以下のスキルが必要となるためです。

もちろん作成には、多少なりとも時間と努力が必要です。しかしそのことは、同時に「私はITエンジニアになるために、スキルアップという努力を重ねています」ということも示します。この意味でポートフォリオを作成することは、あなたのやる気を示すことにつながります。

ITエンジニアの求人には、さまざまな方が応募しています。

なかには「やる気は誰にも負けません」と力強くアピールする反面、ITエンジニアになるための努力を何もしていない方もいます。

このような方とポートフォリオを作成した方を比べた場合、面接でやる気があると評価される方は後者となることがほとんどです。その意味でも、ポートフォリオの作成は有効です。

面接に慣れていなくても、有利に面接を進めやすい

応募者の性格はさまざまです。なかには人と話すことが苦手であったり、人前ではなかなか思うことを話せないという方もいるでしょう。

その場合でもポートフォリオを用意することで、有利に面接を進めやすくなります。

そもそもITエンジニアの面接は、うまく自分をアピールしたり、立て板に水を流すようにスムーズに話す方が高く評価されるわけでもありません。

企業は仕事ができる人を採用したいわけですから、その観点で選考が進められます。この点で面接担当者は事前にあなたのポートフォリオを見ているわけですから、もしポートフォリオの評価が高ければ、その点についていくつか質問をしてくることでしょう。

そのぶん、あなたにとって答えにくい質問が減ることが予想されます。

このように企業が求める技術力があれば、口下手であってもよいことはITエンジニアの特徴です。そのぶん、ポートフォリオはあなた自身の評価を高める働きをしてくれます。

入社後のミスマッチを低減できる

ポートフォリオであなた自身のスキルを示すことには、選考に有利という以外にも重要なメリットがあります。それは、入社後のミスマッチを低減できるという点です。

あなたがポートフォリオを提示することで、応募先企業はどの言語を習得しているか、どの程度のスキルを持っているかを知ることができます。

このため合否の決定や入社後の配属先について、客観的な情報を得たうえで決めることが可能です。これにより、もしあなたの活躍が見込めるならば自信をもって採用でき、求める人材でないならば不採用と判定することになります。

従ってあなたがポートフォリオを提出することは、入社後のミスマッチを低減し、早期に離職する可能性を下げる効果があります。

もっとも場合によってはポートフォリオを提出したことにより、不採用となるかもしれません。しかしそれは入社後に「こんなはずではなかった」という後悔を防ぐという観点では、むしろ望ましいものといえるでしょう。

「ポートフォリオが必要なのはわかったけれど、どうやって作ればよい？」とお悩みの方も、多いのではないでしょうか。ご自身をアピールするポートフォリオを作るには、コツがあります。

ここからはエンジニア未経験の方向けに、良いポートフォリオはどう作ればよいか、作成方法を解説していきます。準備をしっかり行った上で、選ばれやすいポートフォリオを作りましょう。

ポートフォリオ作成の流れ

ポートフォリオ作成の流れは、以下の5つにまとめられます。

良いポートフォリオを作るためには、準備が大変重要です。それぞれのステップについて、詳しく解説していきましょう。

Step1　ポートフォリオで取り上げるアプリやプログラムを製作する

ポートフォリオは、あなたのスキルをアピールする重要なポイントでもあるもの。そのため、いきなりポートフォリオの枠組みから作り始めることはあまり良い方法といえません
まずあなたのスキルを証明できる、何らかのアプリやプログラムを製作することから始めることをおすすめします。

製作する際には、以下の点を心がけるとよいでしょう。

ある程度プログラミング言語を学んだ方なら、難しいものではありません。
簡単なアプリやプログラムでよいので、あまり肩肘張らずに取り組むとよいでしょう。それよりも、きちんと動作することが重要です。テストは入念に行ってください。

製作後は、忘れずに公開しておきましょう。WebアプリはiOSなどと異なり、運営側の審査なしでも公開可能なことがメリットです。無料でも使える公開サービスがありますから、積極的に活用しましょう。

Step2　ソースコードを公開する

アプリを作成することで、あなたが「そのアプリを作成できるだけのプログラミングスキルを持っている」ことは採用担当者に伝わります。

一方で同じアプリでも、さまざまな書き方ができるプログラミング言語も少なくありません。
一例として、PHPが挙げられます。採用担当者にご自身のスキルレベルを知ってもらうためには、どのようなコードを書いたかを見てもらう必要があります。

このため製作したアプリだけでなく、対応するソースコードを公開することも重要なポイントです。
これらはGitHubに代表される、無料で利用できるサービスがあります。登録すれば使い始められますから、積極的に活用しましょう。

その際はREADMEとして、アプリの概要や目的、使った技術やシステム構成図などをしっかり書くと評価が上がりやすくなります。

加えてGitHubを使うと、Findyなど年収を予測できるサービスを利用できることも見逃せないポイントの1つです。適切な応募先を選択する材料が増えることは、メリットとなります。

参考：Findy

画像引用元：「ハイスキルなエンジニアのプレミアム転職Findy（ファインディ）」

Step3　アプリの概要や選定理由、こだわったポイントをまとめる

アプリを製作しソースコードをアップしたら、ポートフォリオを書き始める前に以下のポイントをまとめておくとよいでしょう。

上記の内容は、ポートフォリオでしっかり明記する必要がある項目です。なぜなら採用担当者は多忙な上に、ひとたび募集をかければ多くの応募者が集まりがちだからです。
このため製作したアプリが興味深いものでも、じっくりチェックしてもらう時間はなかなか取れません。

短時間でご自身をしっかりアピールするためにも、上記の項目を漏れなく記す必要があります。書くべきかどうか迷った場合は、書いておきましょう。

とはいえ、履歴書や職務経歴書のように「御社の課題解決に役立ちたく・・・」などと肩肘張る必要はありません。
「自ら学んだ、あるいは得意な技術で、自分自身の課題を解決したいと思い製作した」といった内容で十分であり、むしろそのほうが積極的に取り組めるものです。

これにより「自らすすんで課題を解決する自走力がある」などと、プラスの判断をされる可能性もあります。

Step4　スキルシートを作成し、ポートフォリオに記載する

スキルシートを作成することも、ポートフォリオにおいて重要なポイントの一つです。以下に挙げる情報を含めましょう。

参考：スキルシートの例

画像引用元：Naoto Suzukiさん｜Naoto Suzuki’s portfolio

ご自身をアピールできる情報はもれなく、かつ簡潔に示すことが重要です。
要領よく伝えるスキルも試されるポイントの一つ。ぜひシンプルな表現を工夫しましょう。箇条書きを使うことは、よい方法の一つです。

またポートフォリオで紹介するアプリの開発で使った技術は、もれなくスキルシートに記載しましょう。
せっかく独力でアプリを開発できるスキルを持っているのに、スキルシートから漏れていたため落選となってしまうと、後悔してもしきれません。細部までしっかり記入し、ご自身をアピールすることが重要です。

Step5　レイアウトをまとめ、公開する

Step1から4までの情報がまとまったら、ポートフォリオとしてまとめ、公開しましょう。

ポートフォリオとして公開するサイトは、採用担当者が情報を確認できればどのようなものでもかまいません。

一例として、インフラエンジニアを目指す方の場合を考えてみましょう。自らWebサーバーを立ち上げ、その手順をドキュメントとしてまとめることは有効な選択肢の1つです。一方でWantedlyに代表される、仕事を探すサービスに掲載することも選択肢の一つです。

ポートフォリオは、見やすく必要な情報に迅速にアクセスできることが重要です。

特にWebエンジニアを志望する場合は、これらの点も選考に含まれると考えましょう。このためポートフォリオはただまとめればよいのではなく、ユーザーの視点に立ったレイアウトを意識する必要があります。

まとめ方として、ランディングページのようにすべてを1ページにまとめることは一つの方法です。

しかし情報量が多いと、採用担当者はうんざりしてしまうかもしれません。この場合は訴求したいポイントをトップページにまとめ、もっと詳しく知りたいと思ったらボタンを押して別のページに遷移するといった方法もあります。
内容や情報量に応じて、適宜選択するとよいでしょう。

ここまで解説した通り、ITエンジニアを目指すなら未経験者でもポートフォリオが必要となります。一方で内定につなげるポートフォリオを作るためには、重要なポイントがあります。

せっかく手間ひまかけてポートフォリオを作っても、それによってあなたの評価を下げてしまうのでは意味がありません。それでは、どのようなポートフォリオが望まれるのでしょうか。ここではポートフォリオを作成するポイントを5つに分けて解説していきます。

ポイント1）見やすく作る

せっかく作成したポートフォリオも、見てもらえなければ意味がありません。そもそも採用担当者は、他の仕事もこなしながら多くの応募者のポートフォリオも見なければなりません。このため、1人当たりにかけられる時間は短いものです。

従ってポートフォリオを作成する際には以下のように、見やすさとわかりやすさを重視することが重要です。

この点でポートフォリオに記載する作品はすべてを載せず、アピールしたいものに絞ることも有効です。 またポートフォリオが見にくいと、応募先企業は「この人がプロジェクトに入ると、見にくいコードを書くようになるのだろうか」などと考えてしまうかもしれません。この点でも、ポートフォリオを見やすく作成することは重要です。

ポイント2）なるべくシンプルに作る

未経験者が入社する場合、はじめから高い技術力を求められているわけではありません。従ってポートフォリオは基本的なスキルを身につけていることを示すという観点で、なるべくシンプルに作ることがおすすめです。

「ポイント1)」でも解説した通り、採用担当者は多忙です。このためアニメーションを多数取り入れるなどの凝った演出は不要です。それよりも、すばやく確認できるという点にポイントを置いて作成するとよいでしょう。

同じ観点で、トップページに動画などを配置する場合はSKIPボタンを用意し、閲覧者の時間を奪わない配慮も求められます。

また動作が軽いことは、Webページにおける重要なポイントの1つです。サクサクと動くポートフォリオを作成すると閲覧者への配慮があるとみなされ、評価が上がることが期待できます。

ポイント3）ポートフォリオ作成に時間を使いすぎない

未経験でITエンジニアを目指す方がポートフォリオを作成する目的は、あなた自身が採用を勝ち取るためです。ポートフォリオの作成にはこのことを踏まえ、作成に時間を使いすぎないことが重要です。

多くの企業では未経験の方に対してもプログラミングスキルを求めていますが、それは仕事をする上で基本的なスキルにとどまることが多いです。

そもそもどのプロジェクトも、未経験の方が入社早々、他のメンバーをしのぐ仕事ぶりをすることは求めていません。この点で、ポートフォリオは基本的なスキルが身についていることを示せれば、それで十分といえます。

ポートフォリオの作成はプログラミングを実践する場ともなるため、作っていて楽しいと感じる方もいるでしょう。

だからといって転職活動そっちのけでポートフォリオにばかり時間をかけてしまうと、いつまでたっても転職できません。従って時間のバランスを考えた上で、ポートフォリオを作成することが重要です。

ポイント4）職務経歴書や自己紹介書との区別をつける

ポートフォリオは、応募先企業の方に見てもらうものでもあります。その意味で、応募書類の1つとみなすことも可能です。

反面、職務経歴書や自己紹介書とは異なる特徴がありますから、これらとの区別をつけることは重要です。

そもそもポートフォリオは、応募者自身をわかりやすく紹介するものです。これは各企業に提出する書類と異なり、以下の特徴があります。

たとえばあなた自身のことをポートフォリオに記載するなら、仕事に関係のある内容にとどめておくとよいでしょう。
プライバシーを守る観点でも、あなた自身の個人情報をこと細かく記載しないことをおすすめします。過去に所属していた企業についても、実名を出すかどうかは慎重な検討が必要です。

また志望動機などは応募先企業によって異なる内容ですからポートフォリオには書かず、企業に提出する書類のほうで充実させましょう。

ポイント5）転職エージェントやスクールを活用して品質を上げる

ポートフォリオには決まった書き方はありませんが、一方でよいポートフォリオというものは存在します。

よいポートフォリオとは見やすく、あなた自身をきちんとアピールできるものです。しかし自分だけでは、果たしてよいポートフォリオが作れているか判断できない場合も少なくありません。

この場合、相談先としては転職エージェントやスクールが適しています。それはどちらも多くの転職希望者のポートフォリオを見ているため、専門家の立場からアドバイスを受けられることがメリットとなるためです。

転職エージェントは、ITエンジニアに転職したい方の希望をかなえることが仕事です。

多くの方の転職支援をしていますから、あなたが作成したポートフォリオの良さと課題を教えてもらうことができます。またスクールにはITスキルを教える先生がいますから、ポートフォリオの出来ばえをチェックしてもらうには最適です。

これらのアドバイスをもとに品質を上げることは、よりよい企業から内定を得られるポートフォリオを作成することにつながります。

おすすめのIT系転職エージェント＃１　【ITエンジニア実務未経験者におすすめ】ワークポート

おすすめのIT系転職エージェント＃２　【ITエンジニアのスキルアップ転職希望者におすすめ】レバテックキャリア

	サービス名	レバテックキャリア
	特徴	IT・Web系のエンジニア経験者に特化した転職支援サービス! 業界最大級の非公開求人数と、業界情報や技術に精通したキャリアコンサルタントが、転職者に対して、キャリア相談から企業のご提案、条件面交渉などトータルな転職サポートを提供してくれます。
	企業名	レバレジーズ株式会社（ 2005年4月）

評判を見る

詳細を見る

公式HPへ

おすすめのIT系転職エージェント＃３　【キャリアアドバイザーの親身なサポートを希望する方におすすめ】マイナビITエージェント

	サービス名	マイナビIT AGENT
	特徴	「マイナビIT AGENT」は、国内有数の転職サービス「マイナビ」が、IT・Web業界の転職にターゲットを絞った転職エージェント。 数多くの独占求人、非公開求人を掲げ、登録からアフターフォローまで一貫した手厚いサポートが人気です。
	企業名	株式会社マイナビ（1973年8月）

評判を見る

詳細を見る

公式HPへ

おすすめのプログラミングスクール

エンジニアスクール	特徴
コードキャンプゲート	オンラインプログラミングスクールで、現役エンジニアによるマンツーマンの指導が評判！ ・学習内容：HTML5/CSS3、JavaScript/jQuery、PHP、MySQL　等 公式HPへ 詳細を見る
DMM WEBCAMP	・オンライン教材で自主学習をし、最終的にはチーム開発に必要な知識まで習得できるプログラミングスクール ・学習内容：HTML / CSS / JS/ jQuery / Ruby / Rails、ECサイトの開発、ポートフォリオの作成　など 公式HPへ 詳細を見る
Tech Academy（テックアカデミー）	・コース数が非常に豊富（29コース：2020年11月現在）な、オンライン型のプログラミングスクール ・学習内容：PHP、JAVA、jQuery、Ruby、Python、Scala、Kotlin、Unity、ブロックチェーン、AI、Node.js、Google Apps Script、AI、データサイエンス、UI/UX…等 公式HPへ 詳細を見る

ポートフォリオはどのように作ればよいのでしょうか。このイメージを得る上で、他の方が作成したポートフォリオが参考となります。すでにさまざまな方がポートフォリオを作成し、自己のアピールに役立てています。

ここでは4つのポートフォリオを取り上げます。各ポートフォリオは、それぞれ見た目も記載している内容も異なります。そのため、あなたがアピールしたい内容に近いポートフォリオを参考にして作成するとよいでしょう。

　Naoto Suzukiさん｜｛Naoto Suzuki’s portfolio｝

今はやりのLP（ランディングページ）と同様に、1ページで基本的な情報を確認できるように仕上げていることが特徴です。ページを一通り見るだけで、以下の内容を確認できます。

それぞれのスキルについて、一言でまとめていることもポイント。見やすさも特徴で、忙しい採用担当者でもすばやく確認できる点は優れているといえるでしょう。

ポートフォリオには動画もなくシンプルに仕上げていますが、このようなページは動作が軽いことが特徴です。一つの方法といえるでしょう。
作成したアプリやサイトについて、ワンクリックでGitHubにアクセスし、ソースコードを確認できることもポイントです。

宗定 洋平さん｜｛Yohei Munesada’s Portfolio｝

トップページはメニューと文字だけ。究極のシンプルさを追求しているように見えますが、文字の部分にカーソルを当てるとその部分が溶けてなくなってしまうように見えます。作成者のこだわりを感じるポイントといえるでしょう。

ポートフォリオは、以下の4つに分かれています。

在籍した企業や紹介された記事、アプリなどについて、もれなくリンクを張っていることが特徴です。

興味を持ったものがあれば、ワンクリックで確認できることは採用担当者のメリットといえるでしょう。ブログへのリンクもあるため、発信するコンテンツを確認してもらえることもポイントです。

Shohei Mommaさん｜｛Portfolio｝

プログラマー以外にもさまざまなスキルを持っている方に、参考となるポートフォリオの一例です。

作成者はシステム開発以外にも、Webページの制作やライターの仕事、コンタクトレンズの性能やセブ島留学の知識といった、幅広いスキルと豊富な実績をお持ちです。

エンジニアに必要なスキルを示すワードを、適切に含めていることは評価を上げるポイントです。
「仕事内容」の各項目で、セールスポイントをコンパクトにまとめていることも注目される点の1つ。エンジニアの実績や制作物一覧を確認したい方はボタンを押し、詳しい内容を確認できます。

どのような目的でページを訪れた方に対しても、必要な情報をストレスなく確認できるポートフォリオといえるでしょう。
本人の写真が掲載されていることもポイントの1つ。連絡先のフォームも作成しているため、ボタン1つで入力ページに遷移できる気配りも見逃せません。

新田 聡一郎さん｜｛Nitta.Studio｝

これまで紹介したポートフォリオと異なり、このページは動きのあるページとなっており、BGMも流れます。
トップページを見ただけで、一定のスキルをお持ちであることがわかるでしょう。BGMは落ち着いた音楽を選んでいることも、ポイントの1つです。オフィスでも違和感なく聴けることでしょう。

ポートフォリオは自己紹介と経歴、保有するスキルが主体であり、情報量はそれほど多くありません。
しかしGitHubへのリンクはありますから、どのようなコードを書いているかを確認することは可能です。

またエピソードにつながるキーワードも豊富に入っているため、採用担当者が面接する際にアイスブレイクを考えるきっかけづくりとして有効です。

デザインのスキルを生かしたい方は、一つの参考となるポートフォリオといえるでしょう。

未経験者が応募した際、企業が最も気にすることは「仕事ができる技術力があるか？」という点です。

この点でポートフォリオは、未経験者こそ必要といえるでしょう。よいポートフォリオを作成すれば、他の応募者に差をつけることが可能です。

もっとも、最初から完璧なポートフォリオを作る必要はありません。訂正や追加、更新が簡単にできることは、ITの共通する特徴です。

まずはとにかくポートフォリオを作ってみて、他の方の意見などを聞きながら少しずつブラッシュアップしていきましょう。