ホワイトボードとは？
ホワイトボードは、ドキュメントに直接埋め込まれる自由形式のキャンバスです。構造化されたテキストと異なり、要素を任意の場所に配置したり、矢印でアイデアをつないだり、制約なしに視覚的に思考できます。 ホワイトボードの利用例：- ブレインストーミングとマインドマップ作成
- フローチャートや図の作成
- 視覚レイアウトによるプロジェクト計画
- ワイヤーフレームやモックアップのスケッチ
- アイデアを空間的に整理
- チームメンバーとの視覚的な共同作業
ホワイトボードの作成
- macOS
- iOS
- Windows
- Web
ホワイトボードのツール
ツールバーには視覚コンテンツ作成に必要な機能が揃っています。選択ツール
選択ツールを使って既存の要素を移動、サイズ変更、編集します。- 要素を選択: Clickして単一要素を選択、またはドラッグして複数選択
- 移動: 選択した要素をドラッグして再配置
- サイズ変更: 角のハンドルをドラッグしてサイズを変更
- 削除: 選択して Delete または Backspace を押してください
描画ツール
Pencil Pencil ツールで自由な線を描けます。スケッチ、手書き、自然な形状の作成に適しています。- 鉛筆アイコンをClickするか、Press P を押してください
- ツールバーで線の幅と色を調整できます
- マウス、トラックパッド、またはスタイラスで自然に描画してください
- 矢印アイコンをClickするか、Press A を押してください
- 開始点から終了点までドラッグしてください
- 両端の矢じりスタイルをカスタマイズできます
- 線の太さと色を調整できます
形状ツール
図や構造化レイアウトのために幾何学的な形状を追加できます。- Rectangle：形状アイコンをClickして Rectangle を選択します
- Ellipse：形状アイコンをClickして Ellipse を選択します
- Diamond：形状アイコンをClickして Diamond を選択します
- Triangle：形状アイコンをClickして Triangle を選択します
- 塗りつぶしの色と不透明度
- 線（ストローク）の色と太さ
- 形状内のテキスト（ダブルクリックで追加）
テキストと付箋
Text キャンバス上の任意の場所に独立したテキストラベルを追加できます。- テキストアイコンをClickするか、Press T を押してください
- テキストを表示したい場所をClickしてください
- 内容を入力してください
- フォント、サイズ、色のオプションで書式設定できます
- Sticky note アイコンをClickしてください
- 付箋を配置したい場所をClickしてください
- 内容を入力してください
- 背景色を選択できます
画像とメディア
ビジュアル資産をホワイトボードに直接追加できます。- macOS
- iOS
- Windows
- Web
ナビゲーションと表示
ズームとパン
ホワイトボード内を移動し、表示レベルを調整します。- Pan: トラックパッドで2本指のドラッグ、またはマウスで Space を押しながらドラッグ
- Zoom in: トラックパッドでピンチアウト、Cmd/Ctrl + +、またはズームコントロールを使用
- Zoom out: トラックパッドでピンチイン、Cmd/Ctrl + -、またはズームコントロールを使用
- Fit to view: ズームリセットボタンをClickしてすべてのコンテンツを表示
背景のカスタマイズ
ワークフローに合わせてホワイトボードの背景をカスタマイズできます。 グリッドオプション：- Dots: 配置のためのさりげない目安
- Lines: 伝統的なグリッド線
- Squares: 方眼紙スタイル
- None: すっきりした白紙
- macOS
- iOS
- Windows
- Web
ツールバーの背景アイコンをClickして背景設定にアクセスします。好みのグリッドスタイルと色を選択してください。
ホワイトボードの編集
要素の配置
要素の重なりや関係を制御します。 レイヤー順序：- Bring forward: Right-click → Arrange → Bring Forward
- Send backward: Right-click → Arrange → Send Backward
- Bring to front: Right-click → Arrange → Bring to Front
- Send to back: Right-click → Arrange → Send to Back
コピーと複製
- Duplicate: 選択して Press Cmd/Ctrl + D
- Copy/Paste: 標準のショートカット Cmd/Ctrl + C と Cmd/Ctrl + V を使います
- Cut: Cmd/Ctrl + X で切り取り、クリップボードに移動します
コンテンツのエクスポート
ホワイトボードを画像としてエクスポートし、Craft の外で使用できます。- macOS
- iOS
- Windows
- Web
ホワイトボードのメニューから Export を選び、PNG または SVG 形式を選択します。エクスポートは現在の表示範囲またはキャンバス全体をキャプチャします。
コラボレーション
ホワイトボードはドキュメントと同様にリアルタイムでの共同作業をサポートします。 複数人が同じホワイトボードで作業する場合：- See cursors：各ユーザーのカーソルが名前付きで表示されます
- Live updates：変更は全員に即時に反映されます
- No conflicts：ホワイトボードは編集を自動的にマージします
ホワイトボードのアクセスはドキュメントの権限に従います。ドキュメントに編集権限があるユーザーはホワイトボードを編集できます。ビューアはホワイトボードを閲覧できますが、変更はできません。
ホワイトボードのプレビュー
ドキュメント内では、ホワイトボードはキャンバスのスナップショットを表示するプレビュー ブロックとして表示されます。 プレビューの更新：- ホワイトボードを閉じた後に自動的に更新されます
- ホワイトボードの現在の状態を表示します
- ドキュメントのライト/ダークモードに合わせて適応します
ヒントとベストプラクティス
シンプルに始める 基本的な形状とテキストから始め、アイデアが発展するにつれて複雑さを追加してください。 色を有効に使う カテゴリやテーマに色を割り当てます。一貫した色分けにより、複雑な図も理解しやすくなります。 矢印を活用する 矢印で関係、フロー、依存関係を示してください。異なる接続タイプを示すために矢じりスタイルをカスタマイズできます。 ドキュメントと組み合わせる ホワイトボードはテキストと併用すると最も効果的です。視覚的思考にホワイトボードを使い、結論はドキュメントに構造化されたテキストで記録してください。 テンプレート対応 再利用可能なレイアウト（カンバンボード、フローチャート構造など）を作成し、新しいプロジェクトに複製して使い回してください。トラブルシューティング
旧バージョンのホワイトボードを更新する
旧バージョンのホワイトボードを更新する
このセクションでは、以前のホワイトボードフレームワークで作成されたレガシーホワイトボードを更新する方法を説明します。これらの古いホワイトボードは新しいバージョンの Craft アプリで直接開くことはできません。
更新が必要になる場合
ドキュメントにレガシーホワイトボードが含まれている場合、ボードのプレビューに Update Needed ラベルが表示されます。ホワイトボード ブロックは表示および複製や移動は可能ですが、更新されるまで開くことはできません。更新の開始
レガシーホワイトボードを開こうとすると移行ダイアログが表示されます。続行するには Create new version を選択してください。新しいホワイトボードが元のブロックの直下に生成されます。移行中に起きること
移行では、古いボードからすべてのアイテムが新しいフレームワークにコピーされます。元のホワイトボード ブロックはそのまま残ります。必要に応じて移行を繰り返すことができます。現在の制限：- ホワイトボードのオリジナル版のみが移行されます。レガシーのホワイトボードの複製は移行されません
- 複雑なレイヤー構成のレイアウトでは、テキストが一時的に形状の後ろに表示される場合があります。これは新しいボードでレイヤー順序を調整することで修正できます
移行後
新しいバージョンが作成されると、通常どおり開いて編集できます。結果が期待と異なる場合は、移行を再実行するか、手動で内容を調整してください。レガシーブロックは参照用としてそのまま残ります。削除するかどうかはお客様の判断で行ってください。移行は可能な限り内容を保持するよう設計されています。レイヤーの並べ替えや移行の再実行で解決できない問題がある場合は、サポートまでお問い合わせください。
大きなホワイトボードのパフォーマンス
大きなホワイトボードのパフォーマンス
非常に大きなホワイトボード（数百の要素を含む）ではレンダリングが遅くなる場合があります。パフォーマンスを改善するには：
- 複雑なボードは焦点を絞ったセクションに分割する
- トピックごとに別のホワイトボードを使用する
- 高解像度画像の数を制限する
- 作業中は他のタブやアプリケーションを閉じる
一般的なトラブルシューティング、パフォーマンス、データ復旧に関する問題については、トラブルシューティングガイド を参照してください。