> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# フロントコンテナ起動

> このドキュメントは AI によって自動翻訳されています。不正確な部分がある場合は、[英語版](/en/self-host/deploy/advanced-deployments/start-the-frontend-docker-container) を参照してください。

バックエンドを別々に開発する場合、フロントエンドをローカルでビルドして起動せずに、ソースコードからバックエンドサービスのみを開始することができます。この場合、Dockerイメージをプルしてコンテナを実行することで、直接フロントエンドサービスを開始できます。以下は具体的な手順です：

#### DockerHubからフロントエンドサービス用のDockerイメージをプルする：

```bash theme={null}
docker run -it -p 3000:3000 -e CONSOLE_URL=http://127.0.0.1:5001 -e APP_URL=http://127.0.0.1:5001 langgenius/dify-web:latest
```

#### ソースコードからDockerイメージをビルドする

1. フロントエンドイメージをビルドする

   ```
   cd web && docker build . -t dify-web
   ```

2. フロントエンドイメージを開始する

   ```
   docker run -it -p 3000:3000 -e CONSOLE_URL=http://127.0.0.1:5001 -e APP_URL=http://127.0.0.1:5001 dify-web
   ```

3. コンソールドメインとWebアプリドメインが異なる場合は、CONSOLE\_URLとAPP\_URLを個別に設定できます。

4. ローカルでアクセスするには、[http://127.0.0.1:3000](http://127.0.0.1:3000/)を訪問してください。