【完全無料】サーバー代不要！Webデザイナー初心者のためのポートフォリオ公開方法5選

Webデザインの勉強を始めて、最初の目標となるのが「ポートフォリオサイトの公開」ですよね。

しかし、初心者の方からよくこんなご相談をいただきます。

「ポートフォリオをWebで公開したいけれど、最初からサーバーを借りてワードプレスで作るのってお金がかかりますよね……？無料で公開する方法はありませんか？」

結論から言うと、サーバー代やドメイン代をいっさいかけずに、完全無料でポートフォリオを公開する方法はたくさんあります！

今回は、目的に合わせて選べる「無料のポートフォリオ公開方法」を5つ厳選してご紹介します。

1. 自分でコーディングしたサイトを公開する（おすすめ！）

HTML/CSSやJavaScriptを使って、自分で1からコーディングしたポートフォリオサイトをそのままWeb上にアップロードして公開する方法です。広告が入らず、自由度が高いため、Web制作やフロントエンドのスキルをアピールしたい方に一番おすすめです。

世界中のエンジニアがコード管理に使う「GitHub」が提供している無料のホスティングサービスです。

メリット： 完全無料で広告は一切入りません。Web業界の必須ツールであるGitHubの使い方を学ぶきっかけになり、就職活動時に「GitHubを使える」という強いアピールになります。
デメリット： 最初に「Git」の基本操作を覚える必要があるため、パソコンやIT操作に苦手意識がある方には少しハードルが高く感じられる場合があります。

「コーディングはまだ自信がないけれど、デザインにこだわったポートフォリオを今すぐ作りたい！」という方には、ノーコードツールが最適です。

日本発の非常に強力なノーコードデザインツールです。Webデザイナーの間でも愛用者が急増しています。

メリット： ドラッグ＆ドロップで、まるでIllustratorやFigmaでデザインするように自由度の高いサイトが作れます。用意されているテンプレートも非常におしゃれで洗練されています。
デメリット： 無料プランの場合は、サイトの端に「Created by Studio」というバナー広告が表示されます。また、独自のドメイン（URL）を設定したい場合は有料プランにする必要があります。

「サイトを1から構築する時間がない」「まずは手軽に、今ある作品（バナーやイラスト）を並べて見せたい」という場合は、作品投稿プラットフォームが便利です。

日本発のクリエイター向け実績紹介プラットフォームです。

メリット： タイトル、作品画像、説明文、リンクなどを画面の指示に従って入力するだけで、驚くほど簡単に見栄えの良いポートフォリオページが完成します。バナー、ロゴ、Webサイトなど、複数のジャンルの実績をまとめて見せたい時に最適です。
デメリット： 決まったレイアウトに作品を当てはめていく形になるため、「サイト全体のデザインを自分好みにカスタマイズする」ということはできません。

もし、あなたがすでにAdobe Creative Cloud（コンプリートプラン）を契約してPhotoshopやIllustratorを使っているなら、このサービスが使えます。

メリット： Adobe CCの月額料金に含まれているサービスのため、追加料金なし（実質無料）で利用できます。Behanceという世界的なクリエイターSNSとも連携でき、テンプレートを選んで画像を選ぶだけで洗練されたサイトが作れます。
デメリット： Adobeのコンプリートプランを解約してしまうと、サイトも使えなくなってしまいます。

紹介した4つの主要ツールの特徴を一覧表にまとめました。自分の目的やスキルに合わせて選んでみてくださいね。

最初からお金をかけて高いサーバーを契約しなくても、無料のツールを賢く使えば、プロ顔負けのポートフォリオを世界に発信することができます。まずは自分に合った方法で、小さな一歩を踏み出してみませんか？