> 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/month-day-view.md).

# 月/日ビュー

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

## Month/Day View とは？

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

[**デモを見る →**](https://demo.sesami.co/products/cycling)

## 主な機能

### 見やすい月間概要

* **月間表示** - 顧客は月全体をひと目で確認できます
* **空きのある日をハイライト表示** - 空きのある日を簡単に見つけられます
* **モダンなデザイン** - すっきりした直感的なインターフェース

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

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

### グループ予約サポート

対象 [グループ予約](/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. 開く **Sesami設定**.
2. へ移動 **カレンダー体験**.

   選択:

   * **V2** を **Sesami Shopifyアプリ**、または
   * **Sesami V2** を **Sesami 管理ポータル**.
3. クリック **保存**.

<div><figure><img src="/files/1031362f7205658bd98ef19e8c1144407da6e359" alt=""><figcaption></figcaption></figure> <figure><img src="/files/62465750b2eac93cd9792b397fa517b0d532ce60" alt=""><figcaption></figcaption></figure></div>

店舗運営者はカレンダーを簡単に切り替え、2.0 テーマで自由に試せます。

### Vintageテーマの場合

お使いのストアが [Shopify Vintageテーマ](https://help.shopify.com/en/manual/online-store/themes/managing-themes/versions):

* Month/Day View は Sesami チームによって手動で追加する必要があります
* 店舗運営者はカレンダーを自由に切り替えることはできません（2.0 テーマとは異なります）
* お問い合わせ <help@sesami.co> までご連絡ください

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

### 体験コンフィギュレーター

を使用して [体験コンフィギュレーター](https://sesami.dev/docs/storefront-integration/configurator/) 以下をカスタマイズします:

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

### テーマ統合

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

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

## Month/Day View を使うタイミング

Month/Day View は以下に最適です:

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

## マルチデイビューとの比較

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

参照: [Multi-day View](/ja/yu-yue/booking-experiences/multi-day-view.md)

## ベストプラクティス

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

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

<details>

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

確認事項:

* 次を使用しています: **Shopify 2.0 テーマ** (Vintageテーマでは手動設定が必要です)
* Sesamiアプリブロックが **商品ページに追加されている**
* あなたは **カスタマイズモード** にいます（未公開の下書きではなく、公開中のテーマです）

</details>

<details>

<summary>グループ予約で空き枠が表示されない</summary>

確認事項:

* サービスが **グループ予約** 有効
* サービスに **定員** が設定されている（各枠の最大参加者数）
* その時間枠に空き枠が存在する

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

</details>

<details>

<summary>顧客に特定のリソースを選ばせるようにしたい</summary>

* テーマエディタで Sesami アプリブロックの設定を見つけます
* 次を探してください **"Hide Any Available"** オプション
* それを有効にして「Any Available」の選択肢を非表示にします

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

</details>

## 関連

* [Multi-day View](/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) - 言語と地域のカスタマイズ
* [体験コンフィギュレーター](https://sesami.dev/docs/storefront-integration/configurator/) - 高度なカスタマイズ


---

# 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/month-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.
