Boogie board風DigiBoard｜画像生成と会話するAIの魅力と可能性
https://note.com/chat_gpt777/n/n67015984915d?app_launch=false
いつもお世話になっている「Boogie board」キングジムに似たようなデジタル式のボードを作ってみました。声を失ってから、「Boogie board」で手書きをしてコミュニケーションをとっています。大きさも8.5インチ110g位で軽い重さ（プラスチック素材）の物です。書いた文字は次に書くために保存は出来ません。スマホに「Boogie board」スキャンアプリがあるので、それで保存します。結構使い勝手はよくない。そこでスマホ、タブレットで使えるDigiBoardを開発してみました。書き込む画面をなるべく大きくとってメニューは上部に1行だけにしてあります。その割に機能は欲張っています。
Boogie board風DigiBoard
https://pasopia.velvet.jp/2026/soft/index010.html
Boogie board風DigiBoard取扱説明書
https://pasopia.velvet.jp/2026/soft/board.html
Boogie board風DigiBoard取扱説明書（概要）
1.Boogie board風DigiBoardとは
Boogie board風DigiBoard（デジボード）は、ブラウザ上で動作する高機能で直感的なデジタルホワイトボード・アプリケーションです。手書きのメモ、図形の描画、テキスト入力、画像の配置を自由に行うことができ、アイデアの整理やプレゼンテーション、教育現場など幅広いシーンで活用いただけます。
2. インターフェース構成
画面は大きく分けて以下の5つのエリアで構成されています。
ヘッダー（上部）: ファイル名設定、クリア、元に戻す（Undo）、保存・書き出し等の管理機能。
ツールバー（左側）: ペン、図形、テキスト、選択ツールなどの切り替え。
プロパティパネル（中央左）: 色、太さ、不透明度、フォント設定などの詳細カスタマイズ。
キャンバスエリア（中央右）: 描画を行うメインエリア。
ステータスバー（下部）: 現在のツール状態やマウス座標の表示。
3. 基本的な使い方
描画・ツールの操作
ペン / 蛍光ペン: マウスやタッチ操作で自由な線を引けます。蛍光ペンは半透明で重なりが透過します。
消しゴム: 描いた線を部分的に消去できます。
図形（直線・四角・円・矢印）: ドラッグすることで、きれいな幾何学図形を描画できます。
テキスト: キャンバスの空いている場所をクリックすると文字を入力できます。入力後、選択ツールでダブルクリックすることで再編集が可能です。
オブジェクトの操作（選択ツール）
「選択」ツールを使用すると、描いた図形やテキスト、画像を個別に操作できます。
移動: オブジェクトをクリックしてドラッグします。
リサイズ: 画像やテキストの周囲に表示されるハンドル（青やオレンジの点）をドラッグしてサイズを変更します。
削除: オブジェクトを選択した状態で、右上の「✕」ボタンを押すか、キーボードの Delete / Backspace キーを押します。
画像の配置
ツールバーの「画像」アイコンからファイルを選択するか、PC上の画像ファイルをキャンバスに直接ドラッグ＆ドロップすることで画像を配置できます。
キャンバスの表示操作
ズーム: 右下のズームコントローラー（＋/－）、またはマウスホイールで拡大・縮小が可能です。「FIT」ボタンで画面全体に収まるサイズに調整されます。
4. ファイルの管理
PNG保存: 現在のキャンバスの状態を画像ファイルとして保存します。
書き出し（JSON）: 現在の編集状態をデータとして保存します。後で再編集したい場合に便利です。
読み込み: 以前に書き出したJSONファイルを読み込み、編集を再開します。
5. ショートカットキー（効率化）
以下のキー操作で素早くツールを切り替えられます。
キー ツール・機能
P ペン
M 蛍光ペン
E 消しゴム
T テキスト
S 選択
L 直線
R 四角
C 円
A 矢印
Ctrl + Z 元に戻す（Undo）
Delete / BS 選択中の要素を削除
+ / - 拡大 / 縮小
Esc 編集の確定・選択解除
6. 動作環境
最新のWebブラウザ（Google Chrome, Microsoft Edge, Safari等）で動作します。
マウス操作だけでなく、ペンタブレットやタッチパネル搭載デバイスにも対応しています。
キングジム 電子メモパッド ブギーボード 8.5インチ BB-1GX
https://qr.paps.jp/0jpgy
