Web制作を学んで作品が増えてきたら、次のステップはポートフォリオサイトの公開です。ローカル環境で作ったサイトをインターネット上に公開するには、レンタルサーバーとドメインが必要になります。
この記事では、初めてポートフォリオサイトを公開する人向けに、サーバーの選び方からドメイン取得、公開までの流れをわかりやすく解説します。
なぜレンタルサーバーが必要なのか
ローカル環境（自分のPC上）で作ったWebサイトは、自分しか見ることができません。採用担当者やクライアントに作品を見てもらうには、インターネット上にファイルを置く場所＝サーバーが必要です。
自前でサーバーを構築するのは初心者にはハードルが高いため、月額数百円〜利用できるレンタルサーバーを使うのが一般的です。
GitHub PagesやVercelではダメなの？
結論から言うと、目的によります。
HTML/CSS/JavaScriptだけの静的サイトなら、GitHub PagesやVercelなどの無料ホスティングサービスでも十分です。ただし以下のようなケースでは、レンタルサーバーのほうが適しています。
- WordPressサイトを公開したい：PHP+MySQLが必要なため、静的ホスティングでは動かない
- 独自ドメインでメールアドレスも使いたい：レンタルサーバーならメール機能も付いてくる
- PHPやデータベースを使った作品がある：動的サイトにはサーバーサイドの実行環境が必要
- Web制作の案件を受注する予定がある：クライアントのサーバー操作に慣れておく意味でも経験が大事
レンタルサーバーを選ぶ5つのポイント
1. 表示速度
ポートフォリオサイトは第一印象が命です。ページの読み込みが遅いだけで「この人の技術力は大丈夫かな？」と思われてしまう可能性があります。SSD搭載・高速化技術（LiteSpeedやHTTP/3など）に対応したサーバーを選びましょう。
2. 無料SSL対応
SSL（https://〜）は今や必須です。SSLなしのサイトはブラウザで「保護されていない通信」と警告が表示され、それだけで印象が悪くなります。無料でSSLが使えるサーバーを選びましょう。現在はほぼ全てのレンタルサーバーが無料SSL（Let’s Encrypt）に対応しています。
3. WordPressの簡単インストール
WordPressの作品を公開する予定があるなら、ワンクリックでインストールできる機能があると便利です。データベースの作成やファイルのアップロードを手動でやる必要がなくなります。
4. 料金
ポートフォリオ用途なら、月額1,000円前後のプランで十分です。アクセスが大量に来るわけではないので、最上位プランは不要です。ただし、安さだけで選ぶと表示速度やサポートで後悔することもあるので、バランスを見ましょう。
5. 管理画面の使いやすさ
初心者のうちは管理画面のわかりやすさが重要です。ドメインの設定、SSL化、ファイルマネージャーなど、直感的に操作できるかどうかで作業効率が大きく変わります。
ConoHa WING
GMOインターネットグループが運営する高速レンタルサーバーです。国内最速クラスの処理速度と、WINGパックなら独自ドメインが2つまで無料で取得できるのが特徴。WordPressの簡単インストール・無料SSL・自動バックアップ（14日分）が標準搭載されており、初心者でも迷わず始められます。
エックスサーバー
国内シェアNo.1のレンタルサーバーで、20年以上の運用実績があります。安定性の高さに定評があり、法人利用や案件用途にも安心。電話サポートがあるため、トラブル時にすぐ相談できるのもポイントです。WordPress案件で迷ったらエックスサーバーを選んでおけば間違いありません。
ドメインの取得
独自ドメインとは、tanaka-portfolio.com のような自分だけのURLのことです。レンタルサーバーの初期ドメイン（例：tanaka.conohawing.com）でも公開はできますが、独自ドメインのほうがプロフェッショナルな印象を与えます。
ドメイン名の決め方
- 自分の名前 + portfolio：
tanaka-portfolio.com（わかりやすい） - 屋号やブランド名：
tanaka-design.com（将来的に事業化する場合に便利） - 短くて覚えやすいものがベスト。長すぎるURLは名刺やSNSに載せにくい
ドメインの取得方法
ドメインの取得方法は大きく2つあります。
- レンタルサーバーのセット特典で取得：ConoHa WINGのWINGパックなどでは、サーバー契約時に独自ドメインが無料でもらえます。DNS設定も自動で行われるため、初心者にはこの方法が最も簡単です。
- ドメイン取得サービスで取得：お名前.comなどのドメインレジストラで取得し、サーバーに紐づける方法です。サーバーとは別に管理できるため、将来サーバーを乗り換える際にドメインだけ持っていけるメリットがあります。
お名前.com
国内最大級のドメイン取得サービスです。.com/.net/.jpなど幅広いドメインを取り扱っており、取得費用も業界最安水準。ドメインとサーバーを別々に管理したい場合や、将来サーバーを乗り換える可能性がある場合は、お名前.comでドメインだけ取得しておくのがおすすめです。
ポートフォリオサイト公開までの流れ
全体の流れを把握しておくと、迷わず進められます。
- レンタルサーバーを契約する
- 独自ドメインを取得・設定する
- SSLを有効化する（無料SSLをONにするだけ）
- ファイルをアップロードする（FTPソフトまたはファイルマネージャー）
- ブラウザで表示確認する
WordPressサイトの場合は、手順4が「WordPressをインストールする」に変わります。ほとんどのレンタルサーバーでワンクリックインストール機能が用意されているので、数分で完了します。
公開後にやるべきこと
- スマホでも表示を確認する：レスポンシブ対応が崩れていないかチェック
- 表示速度を確認する：PageSpeed Insightsでスコアを確認し、画像の最適化などを行う
- OGP画像を設定する：SNSでシェアされたときのサムネイル画像を設定しておく
- 名刺やSNSのプロフィールにURLを載せる：せっかく作ったポートフォリオは積極的に見てもらおう
よくある質問
Q. 無料のレンタルサーバーではダメですか？
無料サーバーは広告が表示されたり、表示速度が遅かったり、突然サービスが終了するリスクがあります。ポートフォリオは自分の名刺代わりなので、月額1,000円程度の有料サーバーを使うことをおすすめします。
Q. ドメインは.comと.jpどちらがいいですか？
ポートフォリオ用途なら.comで十分です。.jpは信頼感がありますが年間費用が高めです。.workや.devなどのドメインもクリエイター向けで人気があります。
Q. サーバーの契約期間はどれくらいがいいですか？
まずは12ヶ月契約がおすすめです。月払いより割安で、かつ長すぎないのでサービスが合わなかった場合のリスクも抑えられます。多くのサーバーでは長期契約ほど月額が安くなるため、続ける自信があれば36ヶ月契約も選択肢になります。
Q. サーバーとドメインは同じ会社で揃えるべきですか？
初心者なら同じ会社で揃えるのが楽です。DNS設定が自動化されるため、設定ミスのリスクが減ります。将来的にサーバーを乗り換える可能性がある場合は、ドメインだけ別のレジストラ（お名前.comなど）で管理するのも一つの手です。
