---
title: "ポートフォリオHTMLを採用担当にURLで共有する方法"
description: "苦労して作ったポートフォリオも渡し方次第で正しく表示されないことがあります。HTMLやZIP形式の作品をURLひとつで採用担当者に届け、評価につなげるための方法を解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/portfolio-share-recruiter"
markdown: "https://giga-site.com/articles/portfolio-share-recruiter/index.md"
category: "ユースケース"
publishedAt: "2026-06-21"
updatedAt: "2026-06-25"
readingMinutes: 7
---
# ポートフォリオHTMLを採用担当にURLで共有する方法
時間をかけて作ったポートフォリオも、渡し方を間違えると正しく表示されず、評価につながりません。この記事では、HTMLやZIP形式の作品を採用担当者にURLひとつで見てもらうための具体的な方法と、見せる相手を絞るコツを解説します。
> Source HTML: https://giga-site.com/articles/portfolio-share-recruiter
> Article index: https://giga-site.com/articles/index.md
## ポートフォリオを「ファイルで渡す」とつまずく理由
デザインやコーディングの実力を伝えるには、ポートフォリオを実際に動く状態で見てもらうのが一番です。ところが、完成したHTMLファイルやZIPをそのままメールに添付すると、採用担当者の手元でうまく表示されないことがよくあります。
HTMLファイルを直接開くと、画像のパスが切れて表示が崩れたり、JavaScriptが動かなかったりします。ZIPの場合は相手が解凍してフォルダを探し、どのファイルを開けばよいか迷う手間が発生します。スマートフォンしか使えない状況だと、そもそも開けないこともあります。
採用担当者は多くの応募を短時間でさばいています。「開くのに手間がかかる」「崩れて見える」という第一印象は、作品そのものの評価を下げかねません。だからこそ、相手が何もせずクリックひとつで見られる状態を用意することが大切です。
## 理想は「クリックするだけで開くURL」
採用担当者にとって一番ありがたいのは、リンクをクリックするだけで作品がそのまま開くことです。アプリのインストールも、解凍も、ファイル選びも不要な状態が望ましいといえます。
本来このような公開には、サーバーを借りてファイルを置き、ドメインを設定するといった作業が必要でした。エンジニア職を目指す人ならともかく、デザイナーやライティング職の応募ではハードルが高く感じられます。
最近は、HTMLやZIPをアップロードするだけで共有用のURLを発行できるサービスが登場しています。サーバー構築やデプロイの設定をせずに、画像やCSSを含んだ作品一式をそのままの見た目で公開できるため、非エンジニアでも扱いやすくなっています。
- 相手はリンクをクリックするだけで作品を閲覧できる
- 画像やCSS、JavaScriptを含めて崩れず表示される
- スマートフォンからでも開ける
- 解凍やファイル選びの手間が発生しない
## この業務で使うときのおすすめ設定
ポートフォリオHTMLを採用担当にURLで共有を業務で使うなら、共有前・レビュー中・差し替え・クローズの4段階で考えると運用しやすくなります。成果物を作るだけでなく、誰がいつ何を確認したら完了なのかを先に決めます。
対象読者がそのまま使える依頼文テンプレ、推奨認証方式、公開期限、レビュー完了条件を追加。 レビュー中は新しいリンクを何度も作るより、同じURLで差し替えて「最新版はこのURL」と統一すると確認漏れを減らせます。
- 共有前: HTML/ZIP、表示崩れ、機密情報、認証方式を確認する
- レビュー中: 観点、締切、返信先、差し替えルールを明記する
- 差し替え: 同じURLで更新し、最新版だけを見てもらう
- クローズ: 承認後に期限切れ・非公開化・最終版保存を行う
## ギガサイト便でポートフォリオを公開する手順
ここでは、HTMLやZIPをURL化できるサービス「ギガサイト便」を例に、公開までの流れを紹介します。手順はシンプルで、はじめての人でも数分で共有URLを用意できます。
まずは試しに使ってみたい場合、登録なしでもトップページからその場でURLを発行できます。ただし匿名公開には7日間の公開期限などの制限があるため、応募用としてしばらく見せたいなら無料アカウントを作っておくと安心です。
1. トップページを開き、ポートフォリオのHTMLまたはZIPをドロップする
2. アップロード時のセキュリティスキャン結果を確認する
3. 発行された共有URLを開き、表示が崩れていないかチェックする
4. 必要に応じてURL末尾のスラッグを覚えやすい文字列に編集する
5. 採用担当者にそのURLをメールやメッセージで送る
## 「誰に見せるか」を選んで作品を守る
ポートフォリオには未発表の制作物や、クライアントとの守秘に関わる作品が含まれることもあります。検索結果には出したくないけれど、応募先にはきちんと見せたい、という場面は少なくありません。
ギガサイト便では、公開時に閲覧できる相手を選べます。リンクを知っていれば誰でも見られる「URLのみ」のほか、合言葉を求める「パスワード認証」、指定したメール宛のワンタイムで本人確認する「メール認証」、特定の会社のメールドメインを持つ人だけに絞る「会社ドメイン認証」が用意されています。
応募先が決まっている場合は、その会社のドメインだけに限定したり、パスワードを設定したりすると、第三者の目に触れにくくなります。一時的に発行したページには検索除けのnoindexが付きますが、これはアクセス制御ではないため、本当に見せたくない相手がいるなら認証方式を併用するのが安全です。
- URLのみ: リンクを知る人なら誰でも閲覧できる
- パスワード認証: 合言葉を知る人だけに限定する
- メール認証: 指定したメール宛の確認で本人だけに見せる
- 会社ドメイン認証: 応募先企業のドメインを持つ人だけに絞る
## 応募後も慌てない公開期限と差し替え
ポートフォリオは「出して終わり」ではありません。選考が進むうちに作品を追加したくなったり、誤字や表示の崩れに気づいて直したくなったりします。
ギガサイト便には、同じURLのままファイルを差し替えられる仕組みがあります。修正版を渡すたびに新しいリンクを送り直す必要がなく、最初に伝えたURLがそのまま最新版を指し続けます。採用担当者を混乱させずに済むのは大きな利点です。
また、公開期限を設定しておけば、期限が切れると自動的に閲覧できなくなります。選考が終わった後も作品が放置され続ける心配が減ります。誰がいつ見たかはアクセスログで確認できるため、相手が開いてくれたかどうかの目安にもなります。
## 安心して渡すための最終チェック
送る前のひと手間が、印象を大きく左右します。発行したURLを自分でも一度開き、画像が表示されているか、リンクやボタンが機能するかを確かめておきましょう。スマートフォンでの見え方も確認しておくと、相手の環境を選びません。
ギガサイト便ではアップロード時にセキュリティスキャンが走り、APIキーらしき文字列や外部スクリプトへの依存、静的公開に不要なファイルなどの兆候を警告してくれます。意図せず機密情報を含めていないかを公開前に見直すきっかけになります。
作品を作り込むことと同じくらい、相手が気持ちよく見られる状態で届けることは重要です。クリックひとつで開き、見せたい相手にだけ届くURLを用意すれば、ポートフォリオ本来の魅力を採用担当者にまっすぐ伝えられます。
## よくある質問
### ポートフォリオのHTMLをメールに添付してもいいですか
添付自体はできますが、相手の手元で画像が崩れたりJavaScriptが動かなかったりしやすく、おすすめしません。共有URLとして公開し、リンクを送る形にすると、見た目を保ったまま確実に見てもらえます。
### ポートフォリオを検索結果に出さずに採用担当だけに見せられますか
はい。一時公開ページにはnoindexが付き、通常は検索結果に出ません。ただしnoindexはアクセス制御ではないため、確実に相手を絞るならパスワード認証や会社ドメイン認証などの認証方式を併用してください。
### 応募後にポートフォリオを修正したいときはどうすればいいですか
同じURLのままファイルを差し替えられる仕組みを使えば、リンクを送り直さずに最新版へ更新できます。採用担当者は以前に受け取ったURLを開くだけで、修正後の内容を見られます。
### 会員登録しなくてもポートフォリオを共有できますか
トップページにファイルをドロップすれば、登録なしでもその場で共有URLを発行できます。ただし匿名公開はnoindexや7日間の公開期限などの制限があるため、応募用に長く見せたい場合は無料アカウントの作成が向いています。
### レビュー完了の条件はどう決めるとよいですか？
確認観点、締切、承認者、差し替え後の再確認有無を先に決めます。「誰がOKと言ったら完了か」を明確にすると、共有URLが増えても混乱しにくくなります。
## 関連記事
- [採用担当がコーディング課題HTMLを候補者に共有する方法](https://giga-site.com/articles/recruiter-coding-task-share/index.md)
- [AIで作ったポートフォリオサイトを共有する方法](https://giga-site.com/articles/share-ai-portfolio-site/index.md)
- [インタラクティブ作品ポートフォリオHTMLを共有する方法](https://giga-site.com/articles/interactive-portfolio-html/index.md)
- [デザイナーがクライアントに確認URLを送る方法](https://giga-site.com/articles/designer-client-preview/index.md)
- [フリーランスが納品物を共有・確認してもらう方法｜HTML成果物をクライアントに見せる手順](https://giga-site.com/articles/freelance-deliverable-preview/index.md)
- [エンジニアがデモ用HTMLを素早くチームに共有する方法](https://giga-site.com/articles/engineer-demo-share/index.md)
```json
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "ポートフォリオHTMLを採用担当にURLで共有する方法",
"description": "苦労して作ったポートフォリオも渡し方次第で正しく表示されないことがあります。HTMLやZIP形式の作品をURLひとつで採用担当者に届け、評価につなげるための方法を解説します。",
"datePublished": "2026-06-21",
"dateModified": "2026-06-25",
"mainEntityOfPage": "https://giga-site.com/articles/portfolio-share-recruiter",
"url": "https://giga-site.com/articles/portfolio-share-recruiter",
"inLanguage": "ja",
"image": "https://giga-site.com/og-image.png",
"articleSection": "ユースケース",
"author": {
"@type": "Organization",
"name": "ギガサイト便"
},
"publisher": {
"@type": "Organization",
"name": "ギガサイト便"
},
"mainEntity": [
{
"@type": "Question",
"name": "ポートフォリオのHTMLをメールに添付してもいいですか",
"acceptedAnswer": {
"@type": "Answer",
"text": "添付自体はできますが、相手の手元で画像が崩れたりJavaScriptが動かなかったりしやすく、おすすめしません。共有URLとして公開し、リンクを送る形にすると、見た目を保ったまま確実に見てもらえます。"
}
},
{
"@type": "Question",
"name": "ポートフォリオを検索結果に出さずに採用担当だけに見せられますか",
"acceptedAnswer": {
"@type": "Answer",
"text": "はい。一時公開ページにはnoindexが付き、通常は検索結果に出ません。ただしnoindexはアクセス制御ではないため、確実に相手を絞るならパスワード認証や会社ドメイン認証などの認証方式を併用してください。"
}
},
{
"@type": "Question",
"name": "応募後にポートフォリオを修正したいときはどうすればいいですか",
"acceptedAnswer": {
"@type": "Answer",
"text": "同じURLのままファイルを差し替えられる仕組みを使えば、リンクを送り直さずに最新版へ更新できます。採用担当者は以前に受け取ったURLを開くだけで、修正後の内容を見られます。"
}
},
{
"@type": "Question",
"name": "会員登録しなくてもポートフォリオを共有できますか",
"acceptedAnswer": {
"@type": "Answer",
"text": "トップページにファイルをドロップすれば、登録なしでもその場で共有URLを発行できます。ただし匿名公開はnoindexや7日間の公開期限などの制限があるため、応募用に長く見せたい場合は無料アカウントの作成が向いています。"
}
},
{
"@type": "Question",
"name": "レビュー完了の条件はどう決めるとよいですか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "確認観点、締切、承認者、差し替え後の再確認有無を先に決めます。「誰がOKと言ったら完了か」を明確にすると、共有URLが増えても混乱しにくくなります。"
}
}
]
}
```