オンラインホワイトボード

開始

ホワイトボードを読み込んでいます…

アイデアのスケッチ、簡単な手順図、メモの整理を、1人用のプライベートなキャンバスで行えます。ペンや蛍光ペンで描き、図形、矢印、テキスト、付箋、端末内のラスター画像を追加して、移動、サイズ変更、重なり順の調整、ロックができます。処理はブラウザ内で行われ、画像、SVG、再編集できるプロジェクトファイルとして書き出せます。

ホワイトボードの作り方

  1. 1

    新規作成または復元

    1920×1080の空白ボードに名前を付けるか、検証済みのHyperionホワイトボードJSONを読み込みます。

  2. 2

    描画して配置

    ペン、蛍光ペン、線、矢印、長方形、楕円、テキスト、付箋、制限内の端末画像を使います。

  3. 3

    キャンバス全体を確認

    ボード全体を画面に合わせ、読み上げ可能なレイヤー一覧を確認して仕上げます。

  4. 4

    結果を書き出す

    共有用にPNG、JPEG、SVGを保存し、後で同じボードを編集する場合はJSONを保存します。

1人で使う実用的なボード

このホワイトボードは、意図的に端末内で動作する1人用ツールです。簡単な図、授業の構成案、画面のラフ、振り返り、考えの視覚的な整理に向いています。会議室、共有カーソル、公開リンク、アカウント、クラウドバックアップはありません。編集可能なボードを別の人に渡すには、プロジェクトJSONを書き出し、そのファイルを自分で送ってください。

描画領域は1920×1080に固定されています。書き出し結果を予測しやすくし、誤ったドラッグで事実上無限の文書になるのを防ぎます。パンとズームで変わるのは編集画面の表示だけで、出力サイズは変わりません。

ツール、オブジェクト、レイヤー

ツール 作成されるもの
ペン 不透明なフリーハンド線
蛍光ペン 幅の広い半透明の線
線と矢印 2点を結ぶ直線
長方形と楕円 輪郭線付きの塗りつぶし図形
テキスト 通常のテキストボックス
付箋 色付きの付箋上のテキスト
端末内の画像 プロジェクトに埋め込まれる検証済みPNG、JPEG、WebP

ロックされていないオブジェクトを選ぶと移動できます。長方形、楕円、テキストボックス、付箋、画像には右下のサイズ変更ハンドルがあり、レイヤーパネルにはキーボードで操作できる縮小・拡大ボタンもあります。複製、削除、前面・背面への移動、誤操作防止のロックが可能です。現在の編集セッションでは、確定した操作を最大100件まで元に戻したりやり直したりできます。

レイヤー一覧は画面上の重なり順と対応し、各オブジェクトを意味の分かるボタンとして選べます。矢印キーで、選択中のロックされていないオブジェクトをボード上の1単位、Shiftキー併用で10単位移動します。Deleteキーで削除し、Ctrl/Cmd+Zで元に戻し、Ctrl/Cmd+Yでやり直します。Pointer Eventsによりマウス、ペン、タッチを同じキャンバスで扱え、2本指でパンとズームができます。日本語入力中はIMEの確定前テキストを途中でオブジェクト化しません。

端末内ファイル、復元、プライバシー

ボードのオブジェクト、テキスト、埋め込み画像はLivewire経由で送信されず、URLにも追加されず、外部の画像サービスにもアップロードされません。通常のページ、素材、アクセス解析の通信は行われますが、ボード内容は含みません。エディターは、端末上のブラウザデータベースであるIndexedDBに、上限付きの作業コピーを1件だけ一時保存します。7日後に期限切れとなり、恒久的なバックアップではありません。

プロジェクトJSONには厳格なバージョン付きスキーマを使用します。未知の項目、重複ID、未対応のオブジェクト、外部画像URL、内容と一致しない画像形式、過大な座標やファイルは、現在のボードを置き換える前に拒否されます。画像はPNG、JPEG、WebPに限られ、エンコード容量、寸法、デコード後の画素数にも上限があります。大切なボードはこまめにJSONで保存してください。プライベートブラウズ、サイトデータの消去、ブラウザの保存方針によって一時コピーが削除される場合があります。

各書き出し形式に残る内容

  • PNG:ボード全体を劣化のないラスター画像として保存します。
  • JPEG:背景が不透明な軽量ラスター画像を作ります。
  • SVG:図形とテキストをSVG要素として残し、検証済みの端末画像を埋め込みます。
  • プロジェクトJSON:このホワイトボードで再読み込みできる編集可能なオブジェクトを保持します。

いずれもダウンロードファイルで、共有リンクではありません。再編集のために読み込めるのはJSONだけです。PNG、JPEG、SVGは閲覧・共有用の出力であり、再読み込み可能なオブジェクト構造は保持しません。ファイル生成にはCanvasのtoBlob()を、描画とジェスチャーにはPointer Eventsを使います。

よくある質問

できません。1人用のブラウザ内ボードで、ルーム、在席表示、共有カーソル、リアルタイム共同編集はありません。別の人が編集する場合はJSONを書き出してください。

オブジェクト、テキスト、端末画像、書き出し処理はブラウザ内に留まります。通常のページ、素材、アクセス解析の通信はありますが、ボード内容は含みません。

端末内の上限付きPNG、JPEG、WebPを追加できます。外部URL、SVG、GIF、形式が内容と一致しないファイル、容量やデコード後の画素数が上限を超える画像は拒否されます。

できません。再編集にはプロジェクトJSONを使います。PNG、JPEG、SVGは閲覧・共有用で、読み込み可能なオブジェクト構造を保持しません。

IndexedDBの作業コピーは7日後に期限切れです。ブラウザの消去やプライベートモードで早く削除される場合があるため、必要な内容はJSONで保存してください。

解除するまで移動、サイズ変更、削除、複製、重なり順の変更ができなくなります。キャンバスとレイヤー一覧には表示されたままです。

残りません。現在のプロジェクトは端末内に自動保存されますが、100件の履歴は現在の編集セッション専用でプロジェクトJSONには入りません。

はい。タッチとペンのPointer Events、2本指のパンとズームに対応します。レイヤー一覧とサイズボタンを使えば、キャンバス上で細かく狙わずに操作できます。

関連ツール