【Python】バックエンドの理解とフロントエンド開発のポイント

  • 投稿日
  • 著者 IF233
  • カテゴリー 未分類

Pythonの実行環境について

Docker環境があれば、Python実行環境を新たにインストールする必要はありません

バックエンドとの連携

確認すべき重要な点：

APIエンドポイントの情報

  • APIのURLとパス
  • 各エンドポイントの機能
  • HTTPメソッド（GET, POST等）
  • 必要なリクエストヘッダー

データ形式

// 例：こういった形でAPIの型定義を作成すると良い
interface ApiResponse {
  status: string;
  data: {
    id: number;
    name: string;
    // その他の項目
  }[];
}
  1. .gitignoreファイルの更新:
Copynode_modules
.env
.env.local
.DS_Store
  1. package.jsonのscriptsセクションを確認/追加:
jsonCopy{
  "scripts": {
    "start": "node src/index.js",
    "build": "npm install",
    "vercel-build": "npm run build"
  }
}

デプロイ手順：

  1. GitHubにリポジトリを作成:
bashCopygit init
git add .
git commit -m "Initial commit"
git remote add origin <your-github-repo-url>
git push -u origin main
  1. Vercelでのデプロイ設定:
  • vercel.com にGitHubアカウントでログイン
  • 「New Project」をクリック
  • GitHubリポジトリをインポート
  • プロジェクト設定で環境変数を設定: CopyAWS_ACCESS_KEY_ID=xxxxx AWS_SECRET_ACCESS_KEY=xxxxx AWS_REGION=ap-northeast-1
  • 「Deploy」をクリック

これで自動的にデプロイが開始され、完了すると公開URLが提供されます。その後はGitHubにプッシュするたびに自動デプロイが実行されます。