説明、コメント、またはカスタムフィールドから画像を自動的に抽出することで、レコードに視覚的なプレビューを表示します。


概要

カバー画像機能により、レコードカードに画像プレビューを直接表示することで、レコードに視覚的なコンテキストを追加できます。この機能は、レコード内のさまざまなソースから画像を自動的に抽出し、サムネイルとして表示するため、視覚的なコンテンツを一目で識別し、整理することが容易になります。

デザインプロジェクト、コンテンツカレンダー、製品カタログ、または視覚的資産を含むあらゆるワークフローを管理している場合、カバー画像によってレコードを素早くスキャンし、お探しのものを見つけることができます。この機能には、リアルタイムの進捗追跡と、特定のワークフローニーズに合わせた柔軟な表示オプションが含まれています。

主な機能

  • 自動画像抽出: Blueが選択したソースから画像を自動的に検索し表示
  • 複数の画像ソース: レコードの説明、コメント、またはカスタムファイルフィールドから画像を取得
  • 表示フィットオプション: CoverまたはContainで画像の表示方法を選択
  • スマート選択: ソースから最初または最後の画像を使用するかを設定
  • リアルタイム更新: レコードコンテンツが変更されると、カバー画像が自動的に更新
  • ライブ進捗追跡: リアルタイム進捗サブスクリプションでバルク処理を監視

カバー画像概要

カバー画像によりレコードが即座に識別可能になります

仕組み

カバー画像の有効化

カバー画像はプロジェクト管理者によってプロジェクトレベルで設定されます:

  1. プロジェクトを開き、プロジェクト設定に移動
  2. レコード設定を選択
  3. 画像カバーオプションセクションを見つける
  4. カバー画像を有効にするをトグルして機能を有効化

設定オプション

画像ソース

Blueが画像を検索する場所を選択:

  • 説明: レコード説明に埋め込まれた画像を抽出(デフォルト)
  • コメント: レコードコメントから最初/最後の画像を取得
  • カスタムフィールド: 特定のファイル型カスタムフィールドのファイルを使用(すべてのファイルタイプをサポート)

画像選択

複数の画像が利用可能な場合、表示する画像を選択:

  • 最初の画像: 見つかった最初の画像を使用(デフォルト)
  • 最後の画像: 最新の画像を使用

表示フィット

プレビューエリアでの画像の表示方法を制御:

  • Cover: 画像がプレビューエリア全体を埋める、アスペクト比を維持するために端が切り取られる場合がある(デフォルト)
  • Contain: プレビューエリア内に完全な画像を表示、空白スペースが生じる場合がある

カバー画像設定

ワークフローニーズに合わせてカバー画像を設定

使用事例

デザインプロジェクト - モックアップやデザインの反復をタスクカードに直接表示し、個別のレコードを開くことなく各デザインタスクの現在の状態を簡単に確認できます。

コンテンツ企画 - コンテンツカレンダーや編集ワークフローにおいて、特集画像やサムネイルを表示し、コンテンツパイプラインを一目で視覚化できます。

製品管理 - 在庫レコードや機能リクエストに製品写真を表示し、チームが議論中にアイテムを素早く識別できるよう支援します。

不動産 - リスティングレコードに物件写真を表示し、エージェントが物件を視覚的に素早く閲覧できます。

イベント企画 - 会場写真、デザインコンセプト、またはイベントレイアウトを企画タスクに表示し、より良い視覚的整理を実現します。

カバー画像の設定

ステップ1: 画像ソースの選択

ワークフローで画像が自然に存在する場所を考慮:

  • 画像がタスクの説明やブリーフの一部である場合は、説明を使用
  • 画像がチームコラボレーションを通じて追加される場合は、コメントを使用
  • 画像専用のフィールドがある場合は、カスタムフィールドを使用

ステップ2: 表示設定の構成

  1. 画像タイプに基づいて希望する画像フィットを選択:

    • 切り取りが許容される写真やデザインにはCoverを使用
    • すべてを表示する必要がある図表やスクリーンショットにはContainを使用
  2. ワークフローに基づいて画像選択を選択:

    • 主要な画像が初期に追加されるワークフローでは最初を使用
    • 最新の画像が最も関連性の高いワークフローでは最後を使用

ステップ3: 既存レコードの処理

カバー画像を初めて有効にしたり設定を変更したりすると、Blueが自動的にレコードを処理します:

  1. リアルタイム進捗更新が処理状況を表示
  2. 最適なパフォーマンスのため、レコードはバッチ単位(50レコード/バッチ)で処理
  3. 処理がバックグラウンドで実行される間も作業を継続可能
  4. 処理完了時にリストが自動的に更新
  5. 設定変更が保存されると処理が自動的にトリガー

カバー処理進捗

技術詳細

サポートされる形式

  • 説明またはコメントソース使用時:
    • JPEG/JPG画像
    • PNG画像(透明度を含む)
    • GIF画像(静的表示)
  • カスタムフィールドソース使用時:
    • あらゆるファイルタイプが表示可能(画像、PDF、文書)
    • 非画像ファイルは適切なファイルタイプアイコンを表示
  • すべてのファイルはBlueにアップロードされている必要があります(外部URLはサポートされません)

制限事項

  • バルクカバー生成はプロジェクトあたり最大6,000レコード
  • ファイル型カスタムフィールドのみがソースとして使用可能
  • カバー画像は表示専用で、直接編集はできません

自動更新

以下の場合にカバーが自動的に再生成されます:

  • レコード説明が編集された場合(説明ソース使用時)
  • 画像付きの新しいコメントが追加された場合(コメントソース使用時)
  • カスタムフィールドのファイルが更新された場合(カスタムフィールドソース使用時)
  • カバー設定が変更された場合
  • 表示フィットオプションが変更された場合

API アクセス

カバー画像はGraphQL APIと完全に統合されています:

  • setTodoCoverConfigミューテーションによる設定
  • Todo型のcoverフィールドによるカバーデータへのアクセス
  • subscribeToCoverGenerationProgressサブスクリプションによる進捗監視
  • /uploads/{uid}/thumbnail/coverでサムネイルURLが自動生成

他機能との統合

カバー画像は他のBlue機能とシームレスに連携します:

  • フォーム: 送信された画像が自動的にカバーになる可能性
  • API: 設定とデータアクセスの完全なGraphQL APIサポート
  • カスタムフィールド: あらゆるファイル型フィールドがカバーソースとして機能

AIアシスタント

回答はAIを使用して生成されており、間違いが含まれる可能性があります。

どのようにお手伝いできますか?

Blueやこのドキュメントについて何でも聞いてください。

送信するにはEnterを押してください • 新しい行を作成するにはShift+Enterを押してください • ⌘Iで開く