---
title: ストアフロントと公開
description: Runnerストアフロントをプレビュー、編集、バージョン管理、公開、検証します。
---

このセクションを使用して、ストアフロントをアプリ内プレビューから検証済みのライブストアに移動します。各ページは1つのタスクをカバーし、すべての重要なコントロールの機能を説明します。

![Runner ストアプレビューと操作画面](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgkyhbRgjXIfFwWx7Qu1lJBZMSPHcazYdR0voC)

## このガイドの内容

現在のストアフロントタスクに一致するガイドを選択し、編集可能なプレビューとライブで購入可能なストアを混同しないようにします。

## 4つのストアフロント状態を理解する

| 状態 | 意味 | 証明しないもの |
| --- | --- | --- |
| **プレビュー** | Runnerはプロジェクト内で動作するコピーを表示しています。ページとレイアウトを確認できます。 | ストアが必ずしも公開されているわけではありません。 |
| **公開** | Runnerは現在のバージョンを初めて公開ストアURLに確認して送信します。 | 製品、在庫、配送、支払い、チェックアウトが自動的に検証されるわけではありません。 |
| **変更を公開** | ライブストアが既に存在し、Runnerはより新しい変更を送信できます。 | 保存されていない、または未完了の変更はまだライブではありません。 |
| **再公開** | Runnerは失敗した公開の後、または使用可能なURLを返さなかった完了した公開の後に再試行できます。 | これは健全なライブストアに新しい変更を公開するための通常のラベルではありません。 |

## タスクを選択する

| 実行したいこと | ガイド | 結果 |
| --- | --- | --- |
| 現在のストアフロントを確認する | [ストアをプレビューする](./preview-your-store.mdx) | ページ、ルート、更新動作、レスポンシブレイアウトを確認します。 |
| ビジュアル変更を行う | [デザインモードを使用する](./design-mode.mdx) | 要素を選択して編集コントロールを開きます。 |
| コピー、間隔、タイプ、または画像を変更する | [コンテンツ、ページ、メディアを編集する](./edit-content-pages-and-media.mdx) | 1つの表示ページを更新して結果を保存します。 |
| ストアフロントファイルを検査または変更する | [ストアフロントコードを検査および編集する](./inspect-and-edit-code.mdx) | 条件付きコードエディターを開き、フォーカスされたファイル変更を保存し、Git状態を確認します。 |
| 以前の状態を比較または復元する | [バージョン履歴を使用する](./version-history.mdx) | バージョンをプレビューするか、新しい現在のバージョンとして復元します。 |
| ストアが準備完了かどうかを確認する | [公開の準備](./prepare-to-publish.mdx) | Runnerが表示するチェックを解決するか、明示的に確認します。 |
| 変更をオンラインにする | [公開と再公開](./publish-and-republish.mdx) | 現在の状態に対して正しい公開フローを開始します。 |
| 顧客ジャーニーが機能することを証明する | [ライブストアとチェックアウトを検証する](./live-store-and-checkout.mdx) | 公開カタログ、カート、チェックアウトを個別に確認します。 |
| 独自のウェブアドレスを使用する | [カスタムドメインを接続する](./custom-domains.mdx) | 適格なドメインを追加、購入、転送、更新、または診断します。 |
| ブロック状態から復旧する | [プレビューと公開のトラブルシューティング](./troubleshoot-preview-and-publishing.mdx) | 画面上のメッセージを最も安全な次のアクションと照合します。 |

## 最初の起動の推奨順序

1. [プレビュー](./preview-your-store.mdx)で最新バージョンを確認します。
2. [デザインモード](./design-mode.mdx)でビジュアル編集を行い、保存します。
3. [公開の前提条件](./prepare-to-publish.mdx)を確認します。
4. **公開**を選択して確認フローに従います。
5. 公開URLを開き、[カタログとチェックアウトを検証](./live-store-and-checkout.mdx)します。
6. 最初の公開成功後にのみ[カスタムドメイン](./custom-domains.mdx)を追加します。

## 利用可能性と安全性

- **デザインモード**は条件付きです。これは準備完了の最新バージョンをデスクトップレイアウトで使用することを目的としており、Runnerが動作している間は利用できない場合があります。
- **コードエディターを開く**は条件付きです。保存、コミット、プッシュ、公開、ライブストアの検証は別の結果です。
- 公開はプランまたはストア状態によってゲートされる場合があります。すべてのアカウントが同じアクセス権を持つと仮定するのではなく、ワークスペースに表示されるメッセージに従ってください。
- 公開確認により、不完全なセットアップを確認できます。その選択により、チェックアウトが一時停止または未完了のままで、閲覧可能なストアフロントをオンラインにすることができます。

## 関連ガイド

- [Runner AI へようこそ](../product-guide.mdx)
- [ストアフロントコードを検査および編集する](./inspect-and-edit-code.mdx)
- [プレビューと公開のトラブルシューティング](./troubleshoot-preview-and-publishing.mdx)