共同ホワイトボード

二つのブラウザーを直接つないで一緒に描きます。あとに残る部屋はありません。

線は二つのブラウザーのあいだを直接行き来し、保存されることはありません。タブを閉じれば接続は終わり、ボードも消えます。

同じやり方でファイルを送る

共同ホワイトボード について

多くの共有ホワイトボードは、あなたの絵を誰かのサーバーに置き、部屋のリンクを渡します。これは二つのブラウザーを互いに直接つなぎます。すでに信頼しているやり取りの手段で接続コードを一度交換すれば、線は二人のあいだを直接行き来します。部屋もなく、生き続けるリンクもなく、タブを閉じたあとに残るものもありません。6つの道具、6色、自分の線だけを消す取り消し、そしてPNG・SVG・PDFへの書き出し。一人で使っても不足はありません。

機能

• ペン、蛍光ペン、直線、長方形、楕円、消しゴム
• 線は描き終えた時点で、正規化した座標として共有される
• 取り消しは自分の直前の線を消し、相手の線は消さない
• 遅れて参加した側にも、現在のボードがそのまま届く
• ブラウザー同士の直接接続。部屋も、あいだに立つものもない
• 受け取った線は、描画面に触れる前に検査される
• PNG、ベクターのSVG、横向きのPDFとして書き出し

共同ホワイトボード の使い方

1. すぐ描き始められます。一人で使うなら準備は要りません
2. 誰かと描くには、招待のコードを作って送ります
3. 相手がそれを貼り、返信のコードを送り返すとつながります
4. 終わったらボードをPNG・SVG・PDFとして書き出します

例

入力

Invitation code created, pasted into a chat, reply code pasted back

出力

Connected · local network — both boards now show the same strokes.

経路の行が、接続が同じ構内網に収まったかどうかを示します。

よくあるエラーとトラブルシューティング

• 二つのブラウザーがつながりません。 — 双方の回線が厳しいNATの内側にあるか、この回線が、同じWi-Fiの二台が互いを見つけるための名前解決を止めています。別の回線から試すと、たいていどちらかが分かります。
• 相手には空のボードが見えます。 — 接続が開いた時点のボードが送られます。やり取りの最中に描いたものがあるなら、もう一筆描いて同期をうながしてください。
• 接続コードがとても長いです。 — つなぐために必要な回線の情報が入っています。ひと続きの塊として貼ってください。やり取りの手段で改行が入ったコードは復号できません。
• 再読み込みしたら絵が消えました。 — ボードはページの中にしか存在しません。どこにも保存されないので、閉じる前に書き出してください。

よくある質問

ボードはどこに保存されますか。

どこにも保存されません。描いている二つのブラウザーの中に存在し、閉じれば消えます。あいだに何も置かないことの代償です。漏れるものもなく、戻る先もありません。

三人以上で参加できますか。

できません。二つのブラウザーの直接接続だからです。三人になると、あいだで中継するものが必要になり、それこそがここで避けているものです。

接続コードは慎重に扱うべきですか。

あなたの端末に届く回線の宛先が入っているので、電話番号のように扱ってください。一緒に描く相手に送るもので、公開の場に出すものではありません。

消しゴムは本当に線を消しますか。

上から白く塗っており、見えているのはその結果です。線そのものを取り除くのは取り消しで、しかも自分の線だけです。

どの書き出しを使えばよいですか。

あとで使い回すものにはSVGが最適で、どの大きさでも鮮明なままです。メッセージに貼るならPNG、印刷や添付ならPDFです。

関連ツール

• P2Pファイル転送 — ファイルを直接の接続で、ブラウザからブラウザへそのまま送ります。
• 画像フォーマット変換 — 画像を PNG、JPEG、WebP 間でブラウザ内ですべて変換します。
• 画像トリミング — 自由範囲か固定比率で切り抜き、フル解像度で保存。
• Mermaid 図レンダラー — Mermaid図（フロー、シーケンス、ガント）をブラウザ内でSVGにレンダリングします。
• 画像オプティマイザー — 画像を再エンコードして軽量化（JPEG/WebP/PNG）、任意でリサイズします。
• PDF から画像 — PDFのページをダウンロード可能なPNGまたはJPG画像に変換します。
• 画像から PDF — 複数の画像を1つのPDFに結合します（自動 / 縦 / 横）。

画像の他のツール

• 画像オプティマイザー — 画像を再エンコードして軽量化（JPEG/WebP/PNG）、任意でリサイズします。
• 画像フォーマット変換 — 画像を PNG、JPEG、WebP 間でブラウザ内ですべて変換します。
• EXIF ビューア / 除去ツール — 写真のEXIFメタデータ（GPSを含む）を表示・削除します。何もアップロードされません。
• Base64 画像エンコーダー / デコーダー — 画像を HTML・CSS スニペット付きの Base64 Data URI に変換し、Data URI をダウンロード可能な画像にデコードします。
• アプリアイコンジェネレーター — 1枚の画像を iOS・macOS・Android の全アプリアイコンサイズに変換 — ブラウザ内で生成し ZIP でダウンロード。
• sprite sheet CSS アニメーション — sprite sheet を steps() の CSS アニメーションに変換。ライブプレビュー付き。
• SVG から PNG への変換 — SVG マークアップや .svg ファイルを、任意のスケールで鮮明な PNG や JPG に変換できます。
• 画像カラーピッカー — 画像をホバー・クリックして、任意のピクセルの HEX・RGB・HSL を取得できます。
• カラーフォーマットコンバーター — カラーを HEX・RGB・HSL・OKLCH など全形式に一度に変換します。
• バーコードジェネレーター — EAN・UPC・Code 128 バーコードを生成し SVG や PNG で保存します。
• カラーパレット抽出 — 画像から支配色とパレットを HEX・RGB・HSL で抽出
• 画像の反転・回転 — ブラウザで画像を回転・反転
• 画像トリミング — 自由範囲か固定比率で切り抜き、フル解像度で保存。
• 画像に透かし — テキストかロゴを固定またはタイルで、不透明度と回転つき。
• 画像の黒塗り — スクリーンショットの一部を恒久的にぼかし・モザイク・黒塗り。
• 画像の角丸 — 角丸長方形や円に切り抜き、透過PNGで書き出し。
• 色覚シミュレーター — 1型・2型・3型色覚での見え方を確認。
• 画像DPI変更 — ピクセルを保ったままPNG/JPEGのDPIを設定。
• BlurHash生成 — ぼかしたプレースホルダー画像をエンコード・デコード。
• プレースホルダー画像生成 — 任意サイズのSVG・PNG・data URIプレースホルダー。
• ASCIIアート生成 — コントラストを調整して画像をASCIIアートに変換。
• 画像フィルター — モノクロ・セピア・コントラスト・ぼかしなどを適用し、PNGとCSSを出力。
• 画像分割ツール — 画像をグリッド状のタイルに切り分け、ZIPでダウンロードします。
• 画像結合ツール — 画像を横並び、縦並び、格子状に結合。

画像のツールをすべて見る (35) · すべてのツール