> For the complete documentation index, see [llms.txt](https://help.sesami.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sesami.co/ja/yu-yue/booking-experiences/multi-day-view.md).

# 複数日ビュー

横方向の複数日スクロールレイアウトを備えた、Sesamiのクラシックなカレンダー体験。

## 複数日表示とは？

複数日表示（「Sesamiクラシックカレンダー」または「週間表示」とも呼ばれます）は、Sesamiのデフォルトのカレンダーインターフェースです。複数日を横スクロール形式で表示するため、お客様が直近の空き状況を簡単に確認できます。

[**デモを見る →**](https://demo.sesami.co/products/massage-therapy-booking)

## 主な機能

### 横方向の複数日レイアウト

* **複数日を表示** - 複数日を一度に確認できます
* **横スクロール** - スワイプまたはスクロールしてさらに日付を表示
* **コンパクトな設計** - スペースを効率的に活用

### デフォルトのカレンダー

* **自動でインストールされます** - 〜直後から利用可能 [Sesamiのセットアップ](/ja/hajimeni/quickstart.md)
* **そのまますぐに使えます** - すべてのShopify標準テーマに対応
* **設定は不要です** - すぐに使い始められます

### 高速で軽量

* **高速読み込み** - ページパフォーマンスへの影響を最小限に抑えます
* **レスポンシブ対応** - デスクトップ、タブレット、モバイルで動作します
* **信頼性が高い** - 何千もの販売者に使われている実績ある設計

## 仕組み

複数日表示では以下を表示します：

1. **利用可能な日付** - 予約枠が空いている日
2. **時間枠** - 各日の利用可能な予約時間
3. **所要時間** - サービスの所要時間（商品バリエーションから）
4. **リソース選択** - 有効な場合、担当者/リソースを選択するオプション

お客様が行うのは簡単です：

1. スクロールして都合のよい日を探す
2. 利用可能な時間枠を選ぶ
3. リソースを選択する（該当する場合）
4. チェックアウトまたは予約確認へ進む

## 自動連携

### Sesamiのセットアップ後

一度 [Sesamiアプリをセットアップすると](/ja/hajimeni/quickstart.md)、複数日表示のカレンダーはオンラインストアに自動的に組み込まれます：

* サービス商品ページに表示されます
* 手動でテーマを編集する必要はありません（標準テーマの場合）
* Shopify 2.0テーマとVintageテーマで動作します

### テーマの互換性

**Shopify標準テーマ**：複数日表示は、すべてのShopify標準テーマでそのまま動作します。

**カスタムまたは変更済みのテーマ**：一部のテーマでは調整やカスタムコードが必要な場合があります。サポートが必要な場合は、 <help@sesami.co>.

## 複数日表示を使う場合

複数日表示は次のような場合に最適です：

* **直近の予約** - お客様が通常、数日〜数週間以内に予約する場合
* **素早く閲覧** - お客様が空き時間をすばやく確認したい場合
* **なじみのあるインターフェース** - お客様にとって認識しやすい、クラシックな予約カレンダー
* **簡単なセットアップ** - 設定やカスタマイズは不要

## 月/日表示への切り替え

よりモダンな月間レイアウトをお好みの場合：

**Online Store 2.0テーマの場合：**

1. へ移動 **オンラインストア > テーマ > カスタマイズ**
2. Sesamiを設置した商品ページに移動
3. Sesamiアプリブロックをクリック
4. 選択 **月/日表示** を複数日表示の代わりに
5. 保存

参照： [月/日表示](/ja/yu-yue/booking-experiences/month-day-view.md)

**Vintageテーマの場合：** 連絡 <help@sesami.co> カレンダーの切り替えについてサポートが必要な場合。

## 月/日表示との比較

| 機能            | 複数日表示       | 月/日表示             |
| ------------- | ----------- | ----------------- |
| **レイアウト**     | 複数日を横スクロール  | 月間グリッド            |
| **最適な用途**     | 直近の予約       | 先の予定を立てる場合        |
| **セットアップ**    | 自動          | 任意                |
| **デフォルト**     | はい（インストール後） | 任意のアップグレード        |
| **グループ予約の表示** | 標準          | 残り枠を表示            |
| **カスタマイズ**    | 基本          | 高度（ブランドカラー、オプション） |

## ベストプラクティス

* **モバイルでテストする** - タッチデバイスで横スクロールがスムーズに動作することを確認してください
* **シンプルに保つ** - 複数日表示は、過度なカスタマイズなしで最も効果を発揮します
* **コンバージョンを監視する** - 予約コンバージョンが低いようであれば、月/日表示を試してみることを検討してください

## トラブルシューティング

<details>

<summary>商品ページにカレンダーが表示されない</summary>

確認事項：

* 商品に **所要時間バリエーション** （例：「30分」「1時間」）
* サービスが **Sesamiで設定されている** かつリソースが割り当てられている
* **Sesamiアプリ埋め込み** がテーマ設定で有効になっている
* 表示しているのは **公開中のテーマ** （下書きではありません）

参照： [クイックスタート トラブルシューティング](/ja/hajimeni/quickstart.md#troubleshooting)

</details>

<details>

<summary>時間枠が表示されない</summary>

最もよくある問題です！確認してください：

* **リソースが** サービスに割り当てられている
* **空き状況が設定されている** 割り当てられたリソースに対して
* **タイムゾーンが正しい** Sesami設定で
* **ブロックオフがない** すべての日付を覆っている

参照： [空き状況](/ja/yu-yue/availability.md)

</details>

<details>

<summary>カレンダーの見た目をカスタマイズしたい</summary>

基本的なスタイル調整であれば、テーマ内のカスタムCSSを使用できます。

より高度なカスタマイズについては：

* を使う [月/日表示](/ja/yu-yue/booking-experiences/month-day-view.md) より多くのカスタマイズオプションがあります
* カスタムカレンダーを構築するには [Sesami SDK](https://sesami.dev/docs/)

</details>

## 関連

* [月/日表示](/ja/yu-yue/booking-experiences/month-day-view.md) - モダンな月間カレンダー
* [クイックスタートガイド](/ja/hajimeni/quickstart.md) - 初期設定
* [リソース選択](/ja/yu-yue/booking-experiences/resource-selection.md) - リソース選択を設定
* [空き状況](/ja/yu-yue/availability.md) - サービスを予約可能にするタイミングを設定
* [Sesami SDK](https://sesami.dev/docs/) - カスタムな予約体験を構築


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.sesami.co/ja/yu-yue/booking-experiences/multi-day-view.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.