PicPencil - かんたん画像注釈ツール

画像を読み込んで、図形、矢印、文字、モザイクをすばやく追加できます。

# PicPencil - かんたん画像注釈ツール 画像やスクリーンショットに、図形・矢印・文字・番号をすばやく追加できる簡易画像編集ツール。描画ツールを選んだまま、既存の図形をクリックして選択・移動・サイズ変更できます。 ### 🎯 主な機能 **✏️ 描画ツール** - 四角形・角丸四角形 - 円・楕円 - 矢印 - 日本語入力に対応した複数行テキスト（Shift+Enterで改行） - 連番マーカー（配置後の番号変更にも対応） - クリック時にサイズを選べるモザイク処理（6・12・24・48pxの見本、2px〜128pxの数値入力） - 選択範囲の塗りつぶし **📋 画像の入出力** - ファイルからの画像読み込み - クリップボードからの直接貼り付け（Ctrl+V / Cmd+V） - **クリップボードへのコピー機能（他アプリで直接貼り付け可能）** **🎨 カスタマイズ機能** - カラーパレット＋カスタムカラーピッカー - 線の太さ調整（2px〜10px） - フォントサイズ調整（8px〜240px、数値指定に対応） **✨ 直感的な編集操作** - 描画ツールのまま図形を選択・移動・リサイズ（切り替え不要） - 既存の図形をクリックして選択、ドラッグで移動、ハンドルでサイズ変更 - 通常表示では空いている場所に新規描画、Ctrl/Cmdを押しながら操作すると既存の図形に重ねて描画・テキスト追加 - アイコンにツール名と使い方の吹き出しを表示（マウス・キーボード対応） - 文字入力ツールは見やすい「T」アイコンで表示 - 縮小表示でも操作しやすいリサイズハンドル - 図形の複製、最前面・最背面への移動 - 矢印キーで1px、Shift+矢印キーで10px移動 - Undo / Redo - 切り抜き範囲の移動・リサイズ、幅・高さの数値指定 - 切り抜きの縦横比固定（元画像・1:1・4:3・16:9） - ズーム・パン - 拡大中はどのツールでも、画像の空白や周囲の背景をつかんで表示位置を移動 - 拡大中の図形描画・切り抜き範囲の指定はCtrl（MacではCmd）を押しながらドラッグ。文字・番号はクリックで追加 - キャンバス上での直接テキスト入力 - リアルタイムプレビュー - 簡単なキーボードショートカット **💾 保存・共有** - 元のファイル名を引き継ぎ、名前を指定してPNG・JPEG形式で保存 - JPEGの品質指定（透明部分は白背景で保存） - クリップボードへ画像をコピー - 保存・コピーの成功や失敗理由をメッセージで表示 **🔄 自動保存・復元** - 元画像と注釈をブラウザ内に自動保存 - 再読み込みやタブを開き直した際に、前回の編集内容を復元 - 入力途中の文字も保存し、復元後も図形や文字を編集可能 - 保存対象は最新の編集内容1件（Undo / Redoの履歴は現在のタブ内で保持） ### 🛡️ プライバシー - 画像は全てローカルで処理され、外部サーバーに送信されません - 自動保存した元画像・注釈と、色やサイズの設定はブラウザ内に保存されます - 画像全体をクリアすると、自動保存した編集内容も削除されます - クリップボードの読み取り権限は画像の貼り付け機能にのみ使用されます - 個人情報は一切収集しません ### 📝 更新履歴 #### v0.7.0 - アプリ名を「PicPencil - かんたん画像注釈ツール」に変更 - 拡張機能名・説明のデフォルト言語を日本語に変更（英語表示にも対応） - 拡大中に画像の空白や周囲の背景をドラッグして移動できるよう改善（Ctrl、MacではCmdを押しながら描画） - 配置した連番マーカーの番号変更に対応（Undo / Redo、自動保存・復元に対応） - マーカーの追加・選択・番号変更を吹き出しで具体的に説明 - 選択中の連番マーカーアイコンでも「1」が見えるよう修正 - 右下のドラッグ操作の案内文を削除 #### v0.6.0 - 日本語変換中のEnterでテキスト編集が終了しないよう改善し、複数行入力・文字サイズの数値指定に対応 - 描画と選択の切り替えなしで注釈を編集し、Ctrl/Cmdで既存の図形の内側にも描画できるよう改善 - 表示倍率に左右されないリサイズハンドルを追加 - 元画像・注釈・入力途中の文字の自動保存と復元に対応 - 図形の複製・キー移動・前後移動、連番マーカーを追加 - 切り抜き範囲のリサイズ・縦横比固定・幅と高さの数値指定を追加 - モザイク専用の強度設定と処理結果のキャッシュ、塗りつぶしツールを追加 - アイコンに名称と使い方の吹き出しを追加し、モザイク選択時にサイズ設定を表示 - 文字入力アイコンを太く見やすい「T」に変更 - ファイル名指定・JPEG保存・品質指定、保存とコピーの結果通知を追加 #### v0.5.0 - **Undo / Redo**: 描画や移動、リサイズ、色・サイズ変更などの編集操作を取り消し・やり直し可能 - **切り抜き**: ピクセル寸法を確認しながら範囲を選択し、画像を切り抜ける機能を追加 - **ズーム・パン**: ホイールやボタンによる拡大縮小、Space+ドラッグによるキャンバス移動に対応 - 画像サイズと現在の表示倍率を画面上に表示 - モザイク処理の精度を改善し、保存・コピー時に選択枠などの編集ガイドが映り込まないよう修正 #### v.0.4.0 - 貼り付け時に解像度が縮小されないように修正 - 矢印デザインの改善 #### v.0.3.0 - **クリップボードへのコピー**: 編集した画像を他アプリに直接貼り付け可能 #### v.0.2.0 - **矢印デザインの改善**: 先端に向かって太くなる曲線的矢印に変更 - **設定の自動保存**: 色、線の太さ、フォントサイズの設定をlocalStorageに保存 - **新しいキャンバス作成機能**: 指定サイズでキャンバスを新規作成可能 #### v.0.1.1 - 初回リリース - 基本的な図形描画機能 - テキスト入力機能 - モザイク機能 - クリップボード対応