Skip to content
エンジニアップ👍｜ITエンジニアのキャリアをアップするメディア

エンジニアのポートフォリオのすゝめ｜無料で出来るおすすめの運用方法

この記事を書いた人: Nash

SE→Webエンジニアに転職後、フリーランスとして独立し、北米でソフトウェアエンジニアをしていました。

ポートフォリオとは

ソフトウェアエンジニアにおけるポートフォリオは、あなたのスキル、経験、実績、考え、成果物などへアクセスできるハブとなるサイトになります。

手前味噌ですが、例えば下記のようなサイトになります。

履歴書との違い

履歴書とポートフォリオは似ている点もありますがいくつかの点で違いがあります。

  • リアルタイム性
    • ポートフォリオは、更新がしやすく即時にページに反映できます
    • 履歴書は相手にPDFで送ると、更新することができません。
    • ポートフォリオは、Webページなので好きなタイミングで更新できます。
  • 情報量
    • 一般的に履歴書は少ない枚数に収めることが求められます。
    • ポートフォリオは、情報量が多くても問題ありません
    • また、画像、動画、記事へのリンクなども載せることができます。
  • フレキシブルなデザイン
    • 履歴書は画一的なフォーマットに従う必要があります。
    • ポートフォリオは、自分でデザインを全て決めることができます。

なぜポートフォリオを作るのか

履歴書以上にリッチで手軽に情報を伝えることができるからです。

前述してある「履歴書との違い」で書いてある通り、履歴書とは違った特性があります。

また、ポートフォリオに履歴書をおくこともできるので、相手にはURLを１つ渡せば下記のような情報をまとめて伝えることができます。

  • あなたの自己紹介
  • あなたの経歴（履歴書）
  • あなたの最近の活動
  • あなたの考え

ポートフォリオは、特に副業・転職・フリーランスで営業マンのように動いてくれます。

人事担当者や面接官は事前にあなたの情報を調べます。

このとき、ポートフォリオがあれば情報の抜け漏れなく、魅力的にあなたのことを伝えることができます。

ポートフォリオで個性を出すべきか

もしあなたがデザインに重みがあるキャリアならポートフォリオのデザイン性は重要になります。 なぜなら、ポートフォリオのサイト自体があなたの成果物になるからです。

ですが、あなたがソフトウェアエンジニアの場合は、他の要素が重要になります。具体的には下記のような内容です。

  • 伝達性：情報が見やすいか
  • 保守性：メンテナンスがしやすいか

個性的なポートフォリオを作りたければ、デザインをこだわって作ることも問題ありません。

わたしも過去に、デザインにこだわったポートフォリオを作成したこともあります。

ですが、更新をするために毎回HTML/CSSをいじる必要があるため、メンテナンス性が低くて使いにくくなってしまいました。 そのため、このサイトは捨てて他の運用方法に切り替えました。

おすすめとしては、デザインに凝ったものを作るよりも見やすく運用しやすいものです。

無料で出来るおすすめのポートフォリオ運用

おすすめの無料で運用しやすいポートフォリオとして「Notion + GitHub Pages」を紹介します。

情報はNotion にまとめて、URLは GitHub Pages 経由でリダイレクトさせる方法です。

アーキテクチャ

簡単な図で書くとこのようになります。

flowchart TD p(fa:fa-person) ghp[GitHub Pages] N[Notion] p-- "1. URL入力" --> ghp ghp -. "2. リダイレクト" .-> N
  1. URL入力
    • GitHub Pages のURLにアクセスします。
    • ドメインを持っていなければ、<GitHubのユーザー名>.github.io になります。
    • ドメインを持っていれば、カスタムドメインが使えるのであなたのドメインを設定できます。
  2. リダイレクト
    • GitHub Pages では、HTMLを１つだけおいておきNotion へリダイレクトさせます。
    • リダイレクト先のURLが変わっても、HTMLを変更するだけで対応できます。

Notion

リッチなメモアプリです。今では使っている人が多いので説明は省きます。

ポートフォリオのコンテンツをここに書きます。

Notionが提供している無料機能の１つのPublishを使えば自分のページを公開することができます。

NotionとPublishのメリット・デメリットは下記の通りです。

  • メリット
    • Notionは、コンテンツの更新がしやすい
    • Notionは、ミニマルなデザインで見やすい
  • デメリット
    • Pubishは、無料枠だとNotionのカスタムドメインが使えないので、Notion所有のドメインになってしまう
    • Pubishは、URL がタイトルと紐づくためタイトルを変えるとURLも変わってしまう

このメリデメで書いてある通り、Notion単独で運用するとPublish機能について問題点が出てきてしまいます。

この問題点を解決するためにGitHub Pagesを使います。

GitHub Pages

GitHub が提供しているホスティングサービスです。

GitHub Pages について - GitHub Docs

  • いい点
    • カスタムドメインが無料で使える。
    • カスタムドメインではなくても、ユーザー名.github.io でURLが使える。

運用方法として、GitHub Pages には Notion へリダイレクトをするHTMLを１つだけ置いておくだけです。

これにより、NotionのURLが変わってもHTMLを変更するだけで対応できます。

（おまけ）別案のポートフォリオ運用

他の選択肢として、ポートフォリオを運用できる方法を紹介します。

  • 自前で運用

    • Astro
    • Next
    • Hugo
    • WordPress

  • 他のサービスを使う

    • gist
    • note

まとめ

エンジニアのポートフォリオの運用方法について紹介しました。

この記事が、どなたかの参考になれば幸いです。