# 月/日表示

顧客が空き状況を見つけやすくなる、モダンな月間カレンダー表示です。

## 月/日表示とは？

月/日表示（「New Sesami Booking Experience」または「V2 Calendar」とも呼ばれます）は、利用可能な日付と時間枠を明確に表示する、月単位のレイアウトを備えたモダンで革新的なカレンダーインターフェースです。

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

## 主な機能

### ひと目でわかる月間概要

* **月表示** - 顧客は1か月全体を一目で確認できます
* **利用可能な日を強調表示** - どの日に空きがあるかを簡単に見つけられます
* **モダンなデザイン** - すっきりした直感的なインターフェース

### カスタマイズ可能な外観

* **ブランドカラー** - カレンダーのメインカラーをブランドに合わせて変更できます
* **設定可能なオプション** - 顧客に何を表示するか、どのように操作するかを制御できます

### グループ予約対応

向けに [グループ予約](/ja/yu-yue/booking-features/group-appointments.md)の場合、カレンダーには以下が表示されます：

* **各枠ごとの空き数** - 「残り3枠」「残り1枠」など
* **リアルタイムの空き状況** - 予約が入ると更新されます

### リソース選択オプション

* **「利用可能ならどれでも」オプションを表示** - 顧客が空いている任意のリソースで予約できるようにします
* **「利用可能ならどれでも」オプションを非表示** - 顧客に特定のリソース（スタッフ、部屋など）の選択を必須にします

これは、顧客に常に希望する提供者を選んでもらいたい場合に便利です。

参照： [リソース選択](/ja/yu-yue/booking-experiences/resource-selection.md)

## 有効化する方法

### Online Store 2.0 テーマの場合

ストアで以下を使用している場合： [Shopify Online Store 2.0](https://help.shopify.com/en/manual/online-store/themes/managing-themes/upgrading-themes) テーマ：

1. Shopify管理画面で、 **オンラインストア > テーマ**
2. をクリック **カスタマイズ** を開きます
3. Sesami が設置されている商品ページに移動します
4. Sesami のアプリブロックをクリックします
5. 選択します **月/日ビュー** （または「New Sesami Booking Experience」）
6. **保存**

マーチャントはカレンダーを簡単に切り替えられ、2.0 テーマで自由に試すことができます。

### Vintage テーマの場合

ストアで以下を使用している場合： [Shopify Vintage Theme](https://help.shopify.com/en/manual/online-store/themes/managing-themes/versions):

* 月/日表示は Sesami チームが手動で追加する必要があります
* マーチャントは（2.0 テーマとは異なり）カレンダーを自由に切り替えることはできません
* お問い合わせ <help@sesami.co> にご連絡ください

## カスタマイズオプション

### Experience Configurator

を使って [Experience Configurator](https://sesami.dev/docs/storefront-integration/configurator/) カスタマイズできる項目：

* ブランドのメインカラー
* レイアウトオプション
* 表示設定
* リソース選択の動作

### テーマ統合

カレンダーは自動的にテーマのスタイルに適応します：

* レスポンシブデザインは、デスクトップ、タブレット、モバイルで動作します
* Lit Web Components による高速読み込み
* ページパフォーマンスへの影響を最小限に抑えます

## 月/日表示を使うべき場面

月/日表示は、以下に最適です：

* **数日前から予約されるサービス** - 顧客は週をまたいだ空き状況を簡単に確認できます
* **グループ予約** - 残り枠数が明確に表示されます
* **リソース選択** - 顧客が希望する提供者を選ぶ場合
* **モダンなブランドの美観** - すっきりとした現代的なデザイン

## 複数日表示との比較

| 機能         | 月/日ビュー  | 複数日ビュー      |
| ---------- | ------- | ----------- |
| **レイアウト**  | 月間グリッド  | 複数日の横スクロール  |
| **最適な用途**  | 事前計画    | 直近の予約       |
| **グループ予約** | 残り枠を表示  | 標準表示        |
| **リソース選択** | 表示を設定可能 | 標準表示        |
| **デフォルト**  | 任意      | はい（インストール後） |

参照： [複数日ビュー](/ja/yu-yue/booking-experiences/multi-day-view.md)

## ベストプラクティス

* **ブランドカラーを使用** - ストアのブランドに合わせてカスタマイズします
* **モバイルでテストする** - すべてのデバイスで問題なく動作することを確認します
* **リソースオプションを設定する** - ビジネスモデルに応じて「利用可能ならどれでも」を表示するかどうかを決めます
* **顧客のフィードバックを確認する** - 顧客が月表示を好むかどうかを確認します

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

<details>

<summary>テーマエディタでカレンダーセレクターが見つからない</summary>

確認：

* お使いのテーマは **Shopify 2.0 テーマ** です（Vintage テーマは手動設定が必要です）
* Sesami のアプリブロックは **商品ページに追加されています**
* あなたは **カスタマイズモード** にいます（未公開のドラフトではなく、公開中のテーマ）

</details>

<details>

<summary>グループ予約の空き枠がカレンダーに表示されない</summary>

確認：

* サービスに **グループ予約** 有効
* サービスには **定員** が設定されています（1枠あたりの最大参加者数）
* その時間枠に空きがあります

参照： [グループ予約](/ja/yu-yue/booking-features/group-appointments.md)

</details>

<details>

<summary>顧客に特定のリソースの選択を強制したい</summary>

* テーマエディタで、Sesami のアプリブロック設定を見つけます
* を探します **「利用可能ならどれでもを非表示」** オプション
* これを有効にすると、「利用可能ならどれでも」の選択肢が非表示になります

参照： [リソース選択](/ja/yu-yue/booking-experiences/resource-selection.md)

</details>

## 関連項目

* [複数日ビュー](/ja/yu-yue/booking-experiences/multi-day-view.md) - 従来のカレンダー体験
* [リソース選択](/ja/yu-yue/booking-experiences/resource-selection.md) - リソース選択を設定
* [グループ予約](/ja/yu-yue/booking-features/group-appointments.md) - 複数参加者の予約
* [体験のローカライズ](/ja/yu-yue/booking-experiences/localizing-experience.md) - 言語と地域のカスタマイズ
* [Experience Configurator](https://sesami.dev/docs/storefront-integration/configurator/) - 高度なカスタマイズ


---

# Agent Instructions: 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:

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

The question should be specific, self-contained, and written in natural language.
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.