VS Code で Starter App を参照およびデプロイする

最終更新日 2025年03月05日(水)

Starter App は Heroku の VS Code 拡張機能​の中で使用できます。Starter App を使用して、開発ニーズに合わせてカスタマイズできる事前定義されたアプリを見つけます。

前提条件

Starter App を探す

  1. アクティビティバーで Heroku の拡張機能を開きます。
  2. Browse starter apps (Starter App を参照) を選択します。 VS Code 拡張機能の [Browse starter apps] (Starter App を参照) オプション

各 Starter App には次の内容が記載されています。

  • リポジトリ名
  • 説明
  • プログラミング言語
  • 星の数
  • 最終更新日
  • 公開または非公開のステータス

検索機能を使用して、ニーズに合ったアプリを見つけます。検索機能では、入力されたキーワードを、推奨されるアプリのリポジトリ名、説明、使用言語、URL に基づいて照合します。

VS Code 拡張機能の Starter App の一覧を参照する

Starter App をデプロイする

  1. 選択したアプリの横にある Deploy to Heroku (Heroku にデプロイ) を選択します。

  2. デプロイを設定します。

    • 必要に応じて、アプリ名を入力します。
    • 該当する場合は、App owner (アプリ所有者) とSpace (スペース) を設定します。
    • 必須の環境設定を入力します。必須値に対して入力検証が行われます。

    Configure app deployment

  3. Deploy app (アプリをデプロイ)を選択します。

  4. リポジトリをローカルにコピーする場所を選択します。

  5. 出力パネル​でデプロイの進捗をリアルタイムで追跡します。

新しいアプリが Heroku の拡張機能で使用できるようになります。

アプリのデプロイを設定する

トラブルシューティング

認証の問題

VS Code により再度サインインが求められます。認証フローに従ってアクションを再試行します。

設定の問題

  • 検証メッセージに注意します。
  • すべての必須項目が入力されていることを確認します。
  • チームとスペースの権限を確認します。

デプロイの中断

デプロイをキャンセルするには:

  1. デプロイのダイアログで Cancel (キャンセル) を選択します。
  2. キャンセルが完了するまで待ちます。
  3. デプロイがキャンセルされる前にコピー操作が完了した場合は、ローカルにコピーされたリポジトリを削除します。