手書き風サイン生成ツール

サイン画像は法的文書だけでなく、メールの署名、証明書、パーソナルブランディング、デジタルアート作品のクレジットなど、さまざまな場面で役立ちます。しかし誰もがスキャナーを手元に持っているわけではなく、マウスできれいに描けるほど手が安定しているとも限りません。このツールには2つの方法があります。名前を入力していくつかのリアルな筆記体・手書き風フォントで即座にプレビューする方法、あるいはマウス、トラックパッド、タッチスクリーンでキャンバス上に直接自分のサインを描く方法です。どちらの方法でも、結果はPNGとしてダウンロードできます。

このツールとは？

筆記体書体から生成される手書き風サインは、単にイタリック体に設定した標準的な書体ではなく、自然な手書きを模倣するために特別に設計されたフォント――文字がつながり、線の太さが変化する――を使用します。このツールはそのようなフォントを複数使用しており（Dancing Script、Great Vibes、Pacifico、Sacramento――いずれもこの用途のために設計されたオープンソースのGoogle Fonts）、あなたの名前が明らかにコンピューターで入力されたものではなく、本当に手書きのように見えるレンダリングになります。

描画モードは、これとは別の補完的なアプローチです。ブラウザのネイティブなPointer Events APIを使って、マウス、トラックパッド、タッチスクリーンの実際のストロークをリアルタイムに記録する空白のキャンバスで、これは銀行や法律関連アプリで使われるデジタルサインパッドの背後にあるのと同じ基盤技術です。

両方のモードはHTML5 Canvas要素にレンダリングし、ブラウザ内で完全にPNG画像として書き出されます――サーバー側でのレンダリング処理は一切ないため、あなたの名前や描いたサインに関する情報がどこかに送信されることはありません。

なぜこれを使うのか？

スキャナー不要で、メール署名、証明書、個人文書用のサイン画像を作成できます。
複数の手書き風フォントを一度に名前で試し、選ぶ前にどれが最も自然に見えるか確認できます。
入力フォントでは個人的な雰囲気が足りない場合、マウス、トラックパッド、タッチスクリーンで完全にカスタムなサインを手描きできます。
文書、画像、デザインツールに挿入できるきれいなPNGファイルを取得できます。
完全ローカル処理：入力した名前や描いたサインはすべてブラウザ内で処理され、サーバーにアップロードされることはありません。

使い方

「名前から生成」を選んで名前を入力し、4つの手書き風フォントでプレビューするか、「描画」を選んで自分のサインをスケッチします。
入力オプションでは、フルネームを一度入力するだけで、4つのフォントプレビューすべてにリアルタイムで反映されます。
描画オプションでは、クリック＆ドラッグ（またはタッチスクリーンでは指を使用）してキャンバスに直接描画します。「クリア」をクリックすればやり直せます。
保存したいスタイルの下にある「PNGをダウンロード」をクリックすると、画像ファイルとして保存できます。

例

入力

名前：「Alex Rivera」、フォント：Dancing Script

出力

signature.png――「Alex Rivera」が流れるような筆記体書体でレンダリングされたもの

同じ名前でも4つのフォントによってレンダリング結果が異なります――すべてを試すのが、実際に望むサインのスタイルに最も合ったものを見つける最速の方法です。

入力フォント vs. 描画サイン

どちらのオプションを使うべきかは、結果にどれだけ個人的な雰囲気と文書としての完成度が必要かによります。

特性	入力（筆記体フォント）	描画（キャンバス）
速さ	即座に完成	きれいな結果を得るには少し練習が必要
一貫性	毎回同一	実際の手書きと同様、試すたびに変化する
独自性	フォントスタイルは共通、名前によってのみ個性が出る	自分の手の動きに完全にカスタムされる
最適な用途	メール署名、簡易文書、デザインモックアップ	よりパーソナルで唯一無二の見た目が欲しい場合すべて

よくある質問

このツールで作成したサインは法的効力がありますか？

それは画像の作成方法ではなく、文脈と適用される法律に完全に依存します――このツールは単にサインの画像を生成するだけです。電子署名法の下で法的に認められた電子署名が必要な文書（e署名法に基づく契約書など）には、必要な監査証跡と同意プロセスを提供する専用の電子署名サービスを使用すべきで、単なる画像では不十分です。

入力サインと描画サインのオプションの違いは何ですか？

入力オプションは、あらかじめデザインされた手書き風フォントで名前をレンダリングします――速くて一貫性がありますが、それはフォントであり、あなた自身の筆跡ではありません。描画オプションは実際のペン／マウスのストロークをリアルタイムで記録し、本物の手書きサインに近いものを生み出しますが、きれいな結果を得るにはより安定した手（またはタッチスクリーン）が必要です。

文書にきれいに重ねられるよう、サインを透明にできますか？

描画したサインはデフォルトで白いキャンバス背景で書き出されます。他の画像に重ねるために透明な背景が必要な場合は、ダウンロードしたPNGを画像編集ソフトで開いて白い背景を削除するか、背景除去ツールを使用してください。

利用できる手書きフォントは何ですか？

Dancing Script、Great Vibes、Pacifico、Sacramentoの4つです。エレガントでフォーマルなものからカジュアルで丸みを帯びたものまで、幅広いスタイルをカバーするために選ばれた個性的な筆記体・スクリプト系のGoogle Fontsです。

入力した名前や描いたサインはサーバーに送信されますか？

いいえ。入力フォントのレンダリングも手描きのキャンバスも、HTML5 Canvas APIを使ってすべてブラウザ内で行われます。入力または描画した内容がどこかにアップロードされたり保存されたりすることはありません。