> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Collection の Gallery View

> Collection のエントリーを画像プレビュー付きのビジュアルカードとして表示します。ポートフォリオやメディアライブラリ、Craft でのビジュアルなプロジェクト管理に最適です。

Gallery View は、Collectionのエントリーをビジュアルカードのグリッドとして表示します。各カードにはプレビュー画像と主要なプロパティが一目で確認できます。

<img src="https://mintcdn.com/craft-support/O98XYSKGXx3MbMYk/images/organize-and-find/collections/gallery-view/en/content/gallery-overview.png?fit=max&auto=format&n=O98XYSKGXx3MbMYk&q=85&s=8eba16ee100844a5b8d6c6eb257b8e49" alt="Gallery view showing a collection with image cards" width="1640" height="1003" data-path="images/organize-and-find/collections/gallery-view/en/content/gallery-overview.png" />

## Gallery View と他のビューの違い

すべてのビューは同じデータを共有しています。ビューを切り替えても、エントリが削除・変更されることはありません。

| Galleryを使う場面              | Tableを使う場面       | Kanbanを使う場面            |
| ------------------------- | ---------------- | ---------------------- |
| エントリに画像やビジュアルコンテンツがある     | 多くのフィールドを並べて比較する | アイテムをステージで追跡する（未着手→完了） |
| ビジュアルブラウジング（ポートフォリオ、メディア） | スプレッドシート形式での編集   | ビジュアルなワークフローボードが必要     |
| プレビュー付きのコンパクトな概要          | 大量データの入力         | ステータスの変更が頻繁に発生する       |

## Gallery View の作成

<Steps>
  <Step>
    Collection上部のビュータブ横にある **+** ボタンをクリックします
  </Step>

  <Step>
    **Add Gallery View** を選択します

    <img src="https://mintcdn.com/craft-support/JSbjO49ZK2W8lx2w/images/organize-and-find/collections/gallery-view/en/content/add-view-menu.png?fit=max&auto=format&n=JSbjO49ZK2W8lx2w&q=85&s=a46a2d8ef257c02ef21c1f4dac89d581" alt="View menu showing Add Table View, Add Gallery View, and Add Kanban View options" width="1568" height="1026" data-path="images/organize-and-find/collections/gallery-view/en/content/add-view-menu.png" />
  </Step>

  <Step>
    新しい Gallery View がCollectionの上部にタブとして表示されます
  </Step>
</Steps>

## Table View に戻す

複数のビューがある場合は、Collectionの上部にある **Table** ビュータブをクリックします。Gallery View が1つしかない場合は、設定メニュー（⋯）から新しい Table View を追加します。

データは常に安全です。ビューを切り替えてもエントリーは変更されません。

## プレビューの種類

Gallery View は、**各エントリーのページ内のコンテンツ**からプレビュー画像を取得します。カードのプレビューに画像を追加するには、エントリーを開いてコンテンツに画像ブロックを追加してください。

<Tip title="カード画像はどこから取得されますか？">
  Collectionの任意のエントリーを開き、ページコンテンツに画像を追加してください。Gallery View がその画像をカードのプレビューとして自動的に使用します。
</Tip>

各カードのプレビュー領域の表示方法を制御できます：

* **Document**（デフォルト）：エントリーのページコンテンツのプレビューを表示
* **Fill**：カードのプレビュー領域をエントリーの画像で塗りつぶす
* **Immersive**：画像をカードの全面背景として使用
* **プレビューなし**：プレビュー領域を完全に非表示にし、プロパティのみを表示

プレビューの種類は **Gallery Options** で変更します（下記参照）。

## カードサイズ

Gallery View には2つのカードサイズがあります：

* **Small**：コンパクトなグリッド、一度に多くのカードを表示
* **Large**：大きなプレビュー、1行あたりのカード数は少なめ

<Frame>
  <video autoPlay muted loop playsInline>
    <source src="https://mintcdn.com/craft-support/O98XYSKGXx3MbMYk/images/organize-and-find/collections/gallery-view/en/content/card-sizes.mp4?fit=max&auto=format&n=O98XYSKGXx3MbMYk&q=85&s=c8d49129f6c66a3944fc52ec01af12ce" type="video/mp4" data-path="images/organize-and-find/collections/gallery-view/en/content/card-sizes.mp4" />
  </video>
</Frame>

## Gallery Options

設定メニュー（⋯）から Gallery Options にアクセスして、ビューをカスタマイズします：

* **Card Size**：Small または Large
* **Preview**：Document、Fill、Immersive、またはプレビューなし
* **Limit visible fields**：有効な場合（デフォルト）、カードには限られた数のプロパティが表示され、残りは「+n」インジケーターで示されます。すべての有効なフィールドを各カードに表示するには、この機能をオフにします。
* **Fields**：各カードに表示するフィールドを選択し、表示・非表示を切り替えます

<Frame>
  <img src="https://mintcdn.com/craft-support/JSbjO49ZK2W8lx2w/images/organize-and-find/collections/gallery-view/en/content/gallery-options.png?fit=max&auto=format&n=JSbjO49ZK2W8lx2w&q=85&s=29c20f24f9dc7d44ee307c5e4b73cdeb" alt="Gallery Options panel" width="320" data-path="images/organize-and-find/collections/gallery-view/en/content/gallery-options.png" />
</Frame>

## Gallery カードの操作

* **エントリーを開く**：カードをクリックして完全なページを開く
* **コンテキストメニュー**：右クリック（Mac）またはロングプレス（iOS）で追加オプション
* **カードを選択**：クリックで選択、Shift+クリックで複数選択

## ソート、フィルタリング、グループ化

Gallery View はソート、フィルタリング、グループ化に対応しています。Table View と同じオプションが利用できます。グループ化されたギャラリーでは、カードグループ間にセクションヘッダーが表示されます。

<img src="https://mintcdn.com/craft-support/O98XYSKGXx3MbMYk/images/organize-and-find/collections/gallery-view/en/content/grouped-gallery.png?fit=max&auto=format&n=O98XYSKGXx3MbMYk&q=85&s=8b2ba86b81ff795834c9c6367f04d44b" alt="Grouped gallery view with section headers" width="1602" height="1009" data-path="images/organize-and-find/collections/gallery-view/en/content/grouped-gallery.png" />

ソート、フィルタリング、グループ化の詳細な手順については、[Collection Views](/ja/organize-and-find/collections/views) を参照してください。

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

<AccordionGroup>
  <Accordion title="カードに画像が表示されない">
    Gallery View は**各エントリーのページ内のコンテンツ**からプレビュー画像を取得します。画像を追加するには、カードをクリックしてエントリーを開き、ページコンテンツに画像ブロックを追加してください。

    また、Gallery Options の Preview 設定を確認してください。**Document** または **Fill** に設定します。
  </Accordion>

  <Accordion title="Gallery View オプションが見つからない">
    アプリが最新であることを確認してください。App Store でアップデートを確認するか、ブラウザを更新してください。
  </Accordion>

  <Accordion title="エントリーが多いと Gallery が遅い">
    Gallery View はスクロールに応じて画像プレビューを読み込みます。パフォーマンスが遅く感じる場合は、各カードの表示プロパティ数を減らしてみてください。
  </Accordion>
</AccordionGroup>

## 関連記事

<CardGroup cols={2}>
  <Card title="Collections" href="/ja/organize-and-find/collections">
    Craft の Collections とフィールドタイプについて
  </Card>

  <Card title="Collection Views" href="/ja/organize-and-find/collections/views">
    ソート、フィルタリング、グループ化でビューを作成
  </Card>

  <Card title="Kanbanビュー" href="/ja/organize-and-find/collections/kanban-view">
    ステータスや任意の選択フィールドを基準に、ドラッグ＆ドロップで列に整理
  </Card>

  <Card title="フィールドと列の並べ替え" href="/ja/organize-and-find/collections/reordering">
    Collections のフィールドと列の順序をカスタマイズ
  </Card>

  <Card title="iOS で Collections を使う" href="/ja/organize-and-find/collections/ios-guide">
    iPhone と iPad のタッチ最適化された Collections
  </Card>
</CardGroup>