Web制作のポートフォリオに載せる作品がない？未経験からの作り方

オフ投稿者: せせら編集部

この記事を書いている人（せせら）

普段は個人事業主のプログラマーとして仕事をしています。
個人で作業効率化サービスを運営し、挑戦を続ける人々を静かに応援しています。

HTMLとCSSは少し書けるようになったけれど、案件に応募しようとしたら「ポートフォリオを見せて」と言われたなぁ。載せる作品がないなぁ。

実績がないと、どこから作ればいいか迷いますよね。

ポートフォリオとは？

まずは、ポートフォリオの役割を確認しましょう。

「ポートフォリオ」は、自分が作った作品をまとめて見せるものです。Web制作では、自分のWebサイトとして公開し、案件に応募するときにURLを送るのが一般的です。

何を載せる？

役割が分かったら、載せる内容を決めましょう。

作ったページの画像とリンク、使った技術、作るのにかかった時間、自己紹介を載せます。完成見本の画像「デザインカンプ」からページを作った作品は、実際の仕事に近いので伝わりやすくなります。

作品がないときは？

載せる内容が決まったら、作品の用意の仕方を考えましょう。

ほかの人のサイトをまねて作ったものは、権利の問題で載せられないことがあります。実績として載せてよいと許可された「練習素材」を使って作るのが安全です。

どこで学ぶのが候補？

用意の仕方が分かったら、作品づくりまで学べる場所の候補を見ていきましょう。

TechAcademy
侍エンジニア
CodeCamp

いずれもWeb制作を学べるオンラインスクールです。「載せてよい課題があるか」と「作品を見てもらえるか」の2つの基準で絞りましょう。内容や料金は変わるため、各公式サイトで最新の内容を確認してください。

載せてよい課題がある？

1つめの基準は、ポートフォリオに載せてよい課題があるかどうかです。

課題で作ったものを、そのまま実績として公開してよいかを確認しましょう。

作品を見てもらえる？

2つめの基準は、作品を見てもらえるかどうかです。

自分ではきれいに作ったつもりでも、仕事の目で見ると直すところがあります。完成した作品を経験者に「レビュー」してもらえるかを確認しましょう。

作品を作るならどこ？

前の章の2つの基準、「載せてよい課題」と「作品を見てもらえるか」に照らすと、候補を一つに絞れます。

今回の想定は、HTML・CSSを少し学び、Web制作の案件に応募するための作品を作りたい人です。この用途には、私はデイトラ Web制作コースのWeb制作コースをおすすめします。

選ぶ理由は、2つの基準を両方満たしているからです。デイトラのWeb制作コースでは、作った課題をそのままポートフォリオに使えます。実績として載せてよい練習素材と、無料のデザインカンプも用意されています。中級と上級の最終課題では、メンターのレビューを1回ずつ受けられます。初級の最後には、自分のポートフォリオサイトを作って公開するところまで学びます。

一方で、転職の保証や案件の紹介はありません。作品を作った後の応募は、自分で進める必要があります。