✍️
signature maker,
電子署名ジェネレーター
手書き＆テキストで透過PNG署名を即作成。
見積書・契約書・PDF書類への貼り付けに最適。
✍️
手書き＆テキストの2モード
Canvas手描き or フォント入力で署名作成
💾
透過PNGダウンロード
背景透明の署名画像をワンクリック保存
🔒
完全ローカル処理
名前データはサーバーに送信されません
⚠️ 本ツールが生成するのは画像としての電子署名です。暗号的なデジタル署名の法的効力はありません。
Canvas上でマウスまたは指でサインを描いてください
ペン色
太さ 3px
背景
🔒入力された名前はサーバーに送信されません。すべてブラウザ内で処理されます。
about,
概要
電子署名ジェネレーターは、手書きモードとテキストモードの2つの方式で電子署名画像をブラウザ上で即座に作成できる無料ツールです。手書きモードではCanvas上にマウスやタッチペンで直接署名を描き、滑らかなベジェ曲線で美しい筆跡を再現します。
生成した署名は背景透過PNGとしてダウンロードでき、見積書・契約書・PDF書類に簡単に貼り付けられます。入力された名前や描画データはサーバーに一切送信されません。
how to,
使い方
STEP 1
モード選択
「手書き署名」または「テキスト署名」のモードを選択します。
STEP 2
署名作成
手書きの場合はCanvas上に描画、テキストの場合は名前を入力してフォントを選択します。
STEP 3
ダウンロード
「PNGダウンロード」で透過背景の署名画像を保存し、書類に貼り付けます。
glossary,
用語集
- 電子署名
- タブレットやマウスで手書き入力した署名をデジタル画像として保存したもの。PDF書類やWordファイルに画像として貼り付けて使用する。
- デジタル署名
- 暗号技術を用いて文書の真正性を証明する仕組み。電子署名とは異なり、改ざん検知機能を持つ。本ツールが生成するのは画像としての「電子署名」。
- Canvas API
- HTML5のブラウザ上2D描画API。マウスやタッチ操作を座標として取得し、リアルタイムに線を描画する。
- ベジェ曲線
- 制御点を用いて滑らかな曲線を描く数学的手法。`quadraticCurveTo()` で自然な筆跡を再現する。
- Pointer Events
- マウス・タッチ・ペン入力を統一的に扱うWeb API。デバイスを問わず同一のコードで手書き操作を実装できる。
- 透過PNG
- 背景が透明なPNG画像。書類上に署名を貼り付ける際に、背景が邪魔にならない。
- Google Fonts
- Googleが提供する無料Webフォントサービス。Dancing Script等の手書き風フォントを利用。
- Clipboard API
- ブラウザからシステムのクリップボードにテキストや画像をコピーするためのAPI。`navigator.clipboard.write()` で画像をコピー可能。
faq,
FAQ
- Q.生成した署名は法的に有効か？
- 本ツールで作成するのは画像としての電子署名であり、暗号署名やe-Sign法に基づく法的効力はありません。社内書類やカジュアルな見積書・請求書の認印相当としてご利用ください。
- Q.入力した名前はサーバーに送信される？
- いいえ。すべてCanvas APIによりブラウザ内で処理され、名前データは外部に一切送信されません。
- Q.手書き署名の線をやり直したい
- 「元に戻す」ボタンで最後のストロークを1つずつ取り消せます。「全消去」で最初からやり直すことも可能です。
- Q.背景を透明にできる？
- はい。背景設定で「透明」を選択するとアルファチャンネル付きのPNGが出力されます。
- Q.テキストモードのフォントは何種類？
- 英語系5種（Dancing Script, Great Vibes, Sacramento, Allura, Pacifico）と日本語系2種（Yomogi, Zen Kurenaido）の計7種を用意しています。
- Q.スマートフォンでも手書きできる？
- はい。Pointer Events APIにより、指でのタッチ描画に完全対応しています。
- Q.PDFに貼り付けるには？
- ダウンロードした透過PNGを、Adobe Acrobat等のPDFエディタで「画像を追加」して配置してください。
- Q.印鑑画像も作りたい
- 姉妹ツールの「印鑑・ハンコ画像ジェネレーター」で丸印・角印・デート印を作成できます。
use cases,
活用シーン
📄
フリーランスの見積書・請求書
フリーランスの見積書・請求書に電子署名を追加。
📑
PDF契約書への署名挿入
PDF契約書にデジタル署名画像を挿入して提出。
📧
メール署名欄の設定
メールの署名欄に手書き風サインを設定してブランディング向上。
🎨
デザインモックアップへの配置
デザインモックアップで署名を配置。