> ## Documentation index
> Fetch the complete documentation index at: https://dify-docs.docs7.io/llms.txt
> Ask it with GET https://dify-docs.docs7.io/ask?q=<keywords or question>. Short keywords rank best.
> Use these to discover all available pages before exploring further.

# フロントコンテナ起動

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

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

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

```bash
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/)を訪問してください。