---
title: Kurocofrontでプレビュー用のページを出力できますか？
description: PRを作って/kuroco stageとコメントするとプレビュー用のデプロイが実行されます。
category: howto
---

import StructuredDataFaqs from '@site/src/components/StructuredDataFaqs';

<StructuredDataFaqs faqs={[
    { question: "Kurocofrontでプレビュー用のページを出力できますか？", answer: "可能です。PRを作って、/kuroco stageとコメントするとプレビュー用のデプロイが実行されます。" }
]} />

可能です。連携したGitHubでPRを作って、`/kuroco stage`とコメントするとプレビュー用のデプロイが実行されます。  
必要な設定(YAMLファイルの記述)はKuroco管理画面に表示されるサンプルコードに含まれるので、特別な対応不要ですぐにご利用いただけます。

デプロイしないと確認できない機能の検証や、クライアントへの報告、社内レビューなどにご活用ください。  

## プレビューデプロイの実行手順
### PRを作成する
GitHubで、変更内容を含めたPRを作成します。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/1d43216d2defda21b8b4eb0776562ed6.png)

### PRにコメントを入れる

PullRequest画面下部のコメント欄に、`/kuroco stage`と入力し、[Comment]をクリックします。  
![Image from Gyazo](https://t.gyazo.com/teams/diverta/cb2301d837284c03d5662ba4040eac0f.png)

コメントがされたのを確認した後、[Actions]タブをクリックしてみると、GithubActionsが`/kuroco stage`のコメントに反応し、プレビューデプロイを開始していることが確認できます。  
![Image from Gyazo](https://t.gyazo.com/teams/diverta/e418ce8668741af1028ec8e5a1e6f571.png)

### 発行されたURLにアクセスする

PullRequestの画面に戻り、しばらく後に画面更新をすると、プレビューデプロイのリンクが発行されています。  
![Image from Gyazo](https://t.gyazo.com/teams/diverta/75a0ac2f3728fd934658696bc8a959a2.png)

リンクにアクセスして、PullRequestの内容がデプロイされていることを確認します。  
![Image from Gyazo](https://t.gyazo.com/teams/diverta/f652d02b27fc9120c4e9d3a6d69fa974.png)

:::tip
プレビューデプロイで発行される仮URL上から操作したとき、CORSエラーが発生する場合、ワイルドカードで仮URLからのアクセスを許可する指定をしてください。  
仮URLは`https://ハッシュ値-サイトキー.g.kuroco-front.app`の様に発行されるため、  
`https://*-サイトキー.g.kuroco-front.app`という指定をすることで、CORSエラーを回避できます。  
![Image from Gyazo](https://t.gyazo.com/teams/diverta/37dd46e77bc289ad77a83018e259866f.png)
:::

## 関連ドキュメント
- [GitHubからKurocoFrontへソースをデプロイする方法](/ja/docs/tutorials/connect-to-github-with-kuroco-front/#kurocofrontへプレビューデプロイする手順)