Web制作スクールの課題で作成した架空サイトをポートフォリオに載せたいものの、「個人情報が入っている」「公開サーバーに上げるのは不安」「でもコーディング力は見せたい」と悩む人は少なくありません。実際、就職・転職活動用のポートフォリオでは、必ずしも一般公開されている必要はありません。この記事では、架空サイトを安全に見せながら、制作スキルもしっかり伝える方法を整理します。
ポートフォリオは“公開済みサイト”でなくても問題ない
まず前提として、ポートフォリオ掲載作品は必ずしも本番公開されている必要はありません。
特に未経験採用やスクール卒業段階では、以下が重視されることが多いです。
- デザイン力
- HTML/CSS理解
- JavaScript実装
- レスポンシブ対応
- 構成力
つまり、「どんな考えで作ったか」が重要であり、必ずしも公開URLが必要というわけではありません。
個人情報が含まれるなら無理に公開しない方が安全
課題サイトには、架空設定のつもりでも個人情報に近い内容が入っているケースがあります。
- 本名
- 電話番号形式
- 住所
- 学校情報
- 実在企業類似データ
特にスクール教材そのまま公開は避けた方が安全です。
また、Google検索に残る可能性もあるため、「とりあえず公開」は慎重に考えるべきです。
実務ではPDF掲載だけの人も普通にいる
ポートフォリオでは、PDF形式や画像形式のみで掲載している人も少なくありません。
| 形式 | 特徴 |
|---|---|
| 安全性が高い | |
| 画像 | デザイン見せやすい |
| 動画 | 動きを伝えやすい |
| 限定公開URL | 操作感を見せやすい |
特にUIデザイン重視職種では、PDFのみのケースも珍しくありません。
コードはGitHubで見せる方法が定番
コーディング力を見せたい場合は、GitHubを使う方法がかなり一般的です。
例えば以下のように分けられます。
- デザイン → PDFや画像
- コード → GitHub
これにより、サイト自体を公開しなくても制作能力を伝えやすくなります。
ただし、GitHubに上げる前に以下確認は重要です。
- APIキー削除
- 個人情報削除
- 不要ファイル除外
- .env非公開
限定公開サーバーという選択肢もある
「完全公開は嫌だけど動作は見せたい」という場合は、限定公開も使えます。
例えば以下方法があります。
- BASIC認証
- パスワード保護
- Netlify限定共有
- Vercel限定公開
これなら面接担当者だけ閲覧可能にできます。
採用側は“制作過程”もかなり見ている
実際の採用では、完成品だけでなく以下も見られています。
- 設計意図
- 改善ポイント
- 工夫した箇所
- 苦労した部分
そのため、単純な公開URLの有無より、「なぜその実装にしたのか」を説明できる方が評価されやすいです。
おすすめのポートフォリオ構成例
初心者〜スクール卒業段階では、以下構成がかなり見やすいです。
| 項目 | 内容 |
|---|---|
| 概要 | 架空サイトの目的 |
| 担当範囲 | デザイン・コーディング等 |
| 使用技術 | HTML/CSS/JS等 |
| 画面キャプチャ | PC/SP両方 |
| GitHub | コード閲覧用 |
これだけでも十分に制作経験は伝わります。
無理に公開して炎上リスクを増やさない
未経験時代は「公開しなきゃダメ」と思い込みがちですが、無理に個人情報付きで公開する方が危険です。
安全性を優先しながら、必要な部分だけ見せる形でも問題ありません。
むしろ、セキュリティ意識がある人としてプラス評価になる場合もあります。
まとめ
スクール課題で作った架空サイトは、必ずしも一般公開状態でポートフォリオ掲載する必要はありません。
個人情報や教材データが含まれる場合は、PDF・画像・GitHub・限定公開などを組み合わせて見せる方法が実務的です。
特に未経験採用では、公開URLの有無よりも「どんな意図で設計し、どんな技術を使ったか」の方が重視されるケースが多いため、安全性を優先しながら整理して掲載するのがおすすめです。
コメント