ポートフォリオはGitHubへ上げるべき？エンジニアの転職知識を解説

IT業界を本音で語る「ユニゾンキャリアの編集部」の真心です。

ポートフォリオを企業へ提出する際は、ソースコードだけでなく実際の動作も確認できるようにする必要があります。

その際に役立つのが、Web上でソースコードやプロジェクトを共有できる「GitHub」です。複数人での共同作業が容易になるため、世界中のエンジニアに利用されています。

ただ、「GitHubといわれても何をするものなのか、どう使うのかも分からないんだけど」と悩む方は多いです。

1.ポートフォリオに活用できるGitHubとは？

GitHub（ギットハブ）とは、エンジニアが作成したポートフォリオなどのデータやプログラムをWeb上で保存・共有できるソースコード管理サービスです。

公開されているソースコードは誰でも閲覧でき、そのプロジェクトに参加することも可能なため、「ソーシャルコーディングの場」とも呼ばれています。

GitHubの「Git」とはバージョン管理システムの1つで、ソースコードやその変更履歴を管理できるツールです。主に以下のログを管理できます。

Gitを使うことで、人的ミスの削減や作業効率の向上につながるため、エンジニアにとって欠かせないツールとなっています。

このGitで管理しているファイルをWeb上で手軽に共有できるようにしたサービスがGitHubです。

GitHubを用いるとソースコードの共有・管理がしやすくなるため、以下のメリットがあります。

オンライン上のコミュニケーションを円滑に行えるため、開発現場で利用している企業は多いです。

GitHubにポートフォリオを公開しておくと、ソースコードや実際の動作を採用担当者が手軽に確認できます。また、GitHub上での行動履歴を見られるため、どれだけ自主的に開発を行っているのかも把握できます。

ポートフォリオの紹介だけでなく、エンジニアとしてのPRの場にもなるため、企業へ提出する際はGitHubに上げておくことが大切です。

ただし、公開設定にすると第三者も閲覧できるため、個人情報の扱いには注意する必要があります。

2.ポートフォリオをGitHubに上げるべき理由

ポートフォリオを作成したら、GitHubに上げるのがおすすめです。ここでは、理由を詳しく解説します。

2-1.採用担当は動く状態で見たい

採用担当者は、エンジニアの作った成果物を動く状態で確認したいと考えています。技術力を判断するには、以下のポイントも確かめる必要があるからです。

ソースコードだけ提出しても、しっかり動作するものなのか、アプリケーションの見やすさや完成度はどうなのかなどはチェックできません。

一方で、GitHubでは、ソースコードと一緒にデモやデプロイ済みのアプリケーションURLを掲載可能です。

GitHubを扱えると、ソースコードと実際の動作画面を一緒に提供できるので、エンジニアとしてのスキルを正しく評価してもらうことが可能です。

2-2.採用担当はGitHubを使えるかチェックしたい

GitHubを導入している企業は、応募者が基本的な用語を知っているか、操作に問題ないかを確認したいと考えています。

GitHubを扱える人なら教育コストがかからず、現場に出てもスムーズに仕事が進められるからです。また、現代のソフトウェア開発でよく使われるツールのため、エンジニアとしてのスキルを示すこともできます。

GitHubでポートフォリオを適切に管理できていれば、以下のような基礎的な用語や操作を理解していることをアピール可能です。

基本用語	解説
リポジトリ	ファイルやディレクトリの状態を保存・管理する場所
リモートリポジトリ	サーバー上にあり、みんなで一緒に使うリポジトリ
ローカルリポジトリ	自分のパソコンの中に作られるリポジトリ
ワークツリー	履歴管理を行いたいファイルがある場所
インデックス	コミットの対象となるファイルを置いておく場所
ブランチ	作業履歴を枝分かれさせたもの。ブランチを切ることで、複数の作業を並行して行える。
メインブランチ	プロジェクトの本流のブランチ
コンフリクト	複数人が同じファイルの同じ場所を変更した際に起こるエラー
.gitignore	履歴管理の対象外とするファイルを登録するための設定ファイル

基本操作	解説
コミット	ローカルリポジトリにインデックスにある自分の作業履歴を記録する
プッシュ	ローカルリポジトリの変更をリモートリポジトリに反映させる
プル	リモートリポジトリの内容をローカルリポジトリに取り込む
フェッチ	リモートリポジトリで更新された最新データをローカルリポジトリに取得する
マージ	変更を加えたブランチを元のブランチに統合する
クローン	リモートリポジトリの内容を自分のローカル環境にコピーする
プルリクエスト	自分が変更した内容をリポジトリに取り込んでもらうよう依頼する

GitHubは専門用語が多く操作方法も複雑なため、習得に時間がかかります。

そのため、転職前から慣れておくと、選考でアピールできるだけでなく実際の現場でも活かすことが可能です。

2-3.スキルレベルのPRとなる

ポートフォリオをGitHubに上げておくと、エンジニアとしてのスキルレベルをアピールしやすくなります。GitHubではソースコードの質やプロジェクトの規模、技術スタックを可視化できるからです。

また、フレームワークやデータベースなどの技術スタックを明記すれば、応募先で使用する技術が扱えることをアピールでき高評価につながります。

さらに、採用担当者がポートフォリオをチェックする際は、GitHubの「コントリビュージョン」も見ることが多いです。

コントリビュージョンとはGitHub上の行動履歴のことで、どれだけ活発に開発しているかを測る指標になります。

頻繁にコメントやファイルの追加・変更などの作業をしていれば一目で分かるので、開発意欲の高さのアピールも可能です。

紹介したように、GitHubでポートフォリオを管理すると様々なメリットがあります。現時点で使い方が分からない方もこの機会にGitHubについて学び、ポートフォリオの作成に取り組んでみてください。

3.ポートフォリオにおけるGitHubの使い方

ここでは、GitHubにポートフォリオをアップロードする方法を解説します。GitHubを利用するには無料アカウントを作成する必要があるので、まだの方は先に登録を行ってください。

3-1.リポジトリ作成

作成したアカウントでログインし、ポートフォリオをGitHubで管理するためのリポジトリを作成します。

手順は以下のとおりです。

①画面上部の「Repositories」タブを開き、右上にある緑色の「New」をクリック

「New」をクリックすると以下のページが表示されます。

②各項目を入力

リポジトリ名(Repository name)は何でも問題ありませんが、設定した名前がそのままURLの一部として使われるため、URLに使用可能な文字種で命名するのがおすすめです。

ディスクリプション(Description)には、任意でリポジトリに関する説明を書きます。

「Add a README file」にチェックを入れると、README（リードミー）ファイルが作成されます。

READMEファイルは、あなたのポートフォリオを訪れた人が最初に読むものです。プロジェクトの概要や使い方などを分かりやすく記述します。

③「Create repository」をクリック

以上でリポジトリの作成は終わりです。

3-2.コードの作成

続いて、ポートフォリオのソースコードをアップロードします。

手順は以下のとおりです。

採用担当者はここでアップロードされたソースコードを見て、プログラミングスキルを評価します。

そのため、自分でも見直しを行い、読みやすく質の高いコードを作成することが大切です。

3-3.データのアップロード

ポートフォリオで使用する画像やデモデータをアップロードします。

手順は以下のとおりです。

コミットメッセージは1行目に変更内容、2行目は任意で詳細を記載します。

アップロード済みのファイルを削除・編集したい場合は、以下の手順で行います。

また、リポジトリと一緒に作成したREADMEファイルもここで編集しておきます。

READMEファイルは、マークダウン記法で書くのが基本です。

マークダウン記法とは、決まった法則にならって書くことで、普通のテキストファイルを自動的にHTMLコードへ変換・出力してくれるフォーマットです。文章を構造化できるため、読みやすくなるメリットがあります。

4.【自社作成】GitHubのポートフォリオ例

弊社スタッフ作成でポートフォリオを作成し、GitHubに上げてみました。⇒弊社オリジナルのポートフォリオ

ポートフォリオへ掲載した内容は、以下のとおりです。

まず、構成として一番上に携わったプロジェクトを掲載し、これまでの経験を簡潔にまとめました。加えて、業務内容の詳細と仕事に対する考え方・取り組みをPRし、人柄や価値観を伝えています。

スキル紹介では、応募先の企業が求めるスキル・経験があることをアピールするため、扱える技術と年数を掲載しました。

Articleでは自主制作したプロジェクトの画像とGitHubで公開しているソースコードへのリンクを載せることで、簡単に確認できるようにしています。

ソースコードは適切な改行とコメントを挿入し、可読性を意識しました。また、テストも実施していることを伝えるために、テストファイルも一緒にGitHubへ上げています。

最後には自社の宣伝も兼ねて地図を載せました。個人の場合は、お問い合わせフォームを載せている方が多いです。

デザイン面では全体的にシンプルな構成と色を採用し、見やすさを第一に制作しました。また、ポインタは普通だと面白みに欠けるので、水色に変更してオシャレさを演出しています。

個性を出すためにもう少し複雑なデザインにしても大丈夫ですが、一番大事なことは読み手に負担を与えないことです。ぜひ、ユーザーファーストかつあなたの個性を反映した作品づくりに取り組んでみてください。

5.エンジニアの転職はユニゾンキャリア

エンジニア転職に向けてポートフォリオを準備してみたものの、転職活動が思うように進められず悩む方は多いです。

そんなときは、転職エージェントとの「”二人三脚“転職」が成功のポイントです。

転職サポートのプロが一緒にいれば、内定を取るためのアドバイスが受けられ、自信を持って転職活動に臨めます。

5-1.ユニゾンキャリアのサービス特徴

弊社ユニゾンキャリアは、エンジニアに特化した転職・就活支援サービスです。これまでのキャリアや現時点のスキル、今後の目標などをヒアリングしたうえで、優良企業の中からあなたに最適な求人を紹介します。

弊社のアドバイザーは、全員がIT業界を知り尽くしたプロ集団です。エンジニアと採用担当者の双方の視点から、ポートフォリオや書類の添削・アドバイス、面接対策まで徹底的に「完全無料」でサポートいたします。

特に面接対策は企業ごとにしっかり行っており、利用者様からご好評いただいております。

また、「転職はしたいけど、どんなキャリアに進めば良いか悩んでいる」という方には、キャリアプランの構築から一緒に行います。

転職は人生の大事なターニングポイントです。

「経験が浅いからなぁ」「スキルに自信がないし…」といった理由で、弊社に頼って良いのか不安を感じる必要はありません。

弊社ではアドバイザーが1人ひとりに寄り添い、満足のいく転職が成功するまで並走します。

エンジニア転職を成功させたい方や不安・疑問のある方は、ぜひお気軽にご相談ください。

5-2.ユニゾンキャリアの転職成功事例

弊社ユニゾンキャリアでは希望と異なる求人に応募させたり、転職を急かしたりすることは一切ありません。

あなたのペースに合わせて、納得のいく転職ができるよう厳選して企業を紹介します。

ご相談から内定まで「完全無料」で利用できますので、お気軽にお問い合わせください。