
デプロイされていないポートフォリオは評価されにくい
デプロイされていないポートフォリオは評価されにくい
ポートフォリオを
採用担当は
デプロイは
3大デプロイ先の比較
| 項目 | Vercel | Render | AWS |
|---|---|---|---|
| 得意分野 | フロントエンド | フルスタック | 何でも |
| 無料枠 | あり | あり | 12ヶ月無料枠 |
| 難易度 | 低い | 低〜中 | 高い |
| カスタムドメイン | 対応 | 対応 | 対応 |
| データベース | Vercel Postgres | PostgreSQL内蔵 | RDS等 |
| 向いている人 | React/Next.js使用者 | バックエンドも | インフラも |
Vercel:フロントエンド中心ならこれ一択
特徴
Vercelは、Next.jsの
- GitHubリポジトリと
連携するだけで 自動デプロイ - PRごとに
プレビューURLが 生成される - SSL証明書の
自動設定 - CDNによる
高速配信
デプロイ手順
- Vercelの
アカウントを 作成 - GitHubアカウントと
連携 - デプロイしたいリポジトリを
選択 - 環境変数を
設定 - 「Deploy」を
クリック
文字通り、
注意点
- 無料枠は
Hobbyプラン (個人・非商用) のみ - サーバーサイドの
処理は Serverless Functionsで 対応 - データベースは
Vercel Postgresまたは PlanetScaleなど 外部 サービスを 利用
Render:バックエンドも含むフルスタック向け
特徴
Renderは
- Webサーバー、
データベース、 バック グラウンドワーカーを 一元管理 - GitHubとの
連携による 自動デプロイ - 無料の
PostgreSQLデータベース - 環境変数の
管理が 容易
デプロイ手順
- Renderの
アカウントを 作成 - 「New Web Service」を
選択 - GitHubリポジトリを
接続 - ビルドコマンドと
起動コマンドを 設定 - 環境変数を
追加して デプロイ
デプロイまで
注意点
- 無料プランは
アクセスがないと 15分で スリープする - スリープ後の
最初の アクセスに 30秒ほどかかる - 無料の
PostgreSQLは 90日間の 制限 あり
ポートフォリオとして
AWS:インフラ知識もアピールしたい人向け
特徴
AWSは
- EC2、ECS、Lambda、S3など
多彩な サービス - 本番環境に
近い 構成を 構築できる - インフラ知識の
アピールになる - 12ヶ月の
無料利用枠あり
ポートフォリオで使う場合のおすすめ構成
- フロントエンド:S3 + CloudFront
- バックエンド:ECS Fargate または EC2
- データベース:RDS
(PostgreSQL) - ストレージ:S3
注意点
- 設定を
誤ると 課金が 発生する リスクがある - セキュリティグループや
IAMの 設定が 必要 - Vercelや
Renderと 比べて 手間が 大幅に 増える
迷ったらこう選ぶ
- フロントエンドのみ → Vercel
- フロントエンド + バックエンド + DB → Render
- インフラも
含めて アピールしたい → AWS - 複数サービスの
組み合わせも 可能 → フロントエンドは Vercel、 バックエンドは Render
どの
READMEの
技術力を
ポートフォリオ提出前チェックリスト
10個の
女性エンジニアの
採用担当を
デプロイは



