✍️
text to handwriting,
テキスト→手書き風画像変換
テキスト入力だけで手書き風ノート画像をPNG出力。
罫線・方眼・原稿用紙に文字のゆらぎ効果付き。
📄
4種の用紙スタイル
罫線・方眼・白紙・原稿用紙
✍️
文字のゆらぎ効果
微小回転でリアルな手書き感を再現
🔒
完全ローカル処理
テキストはサーバーに送信されません
用紙スタイル
インク色
文字のゆらぎ
🔒 入力テキストはサーバーに送信されません。すべてブラウザ内で処理されます。
about,
概要
テキスト→手書き風画像変換は、キーボードで入力したテキストを手書きノート風の画像に変換する無料ツールです。罫線・方眼・白紙・原稿用紙の4種類の用紙スタイルと、手書き風フォント、インク色のカスタマイズに対応しています。
「文字のゆらぎ」機能をONにすると、各文字に微小なランダム回転と間隔変動が加わり、より自然な手書き感を演出できます。生成した画像はPNG形式でダウンロード可能です。
入力されたテキストはすべてブラウザ内で処理され、サーバーに一切送信されません。
how to,
使い方
STEP 1
テキスト入力
手書き風にしたいテキストを入力欄に入力します。改行も反映されます。
STEP 2
スタイル設定
用紙スタイル、フォント、インク色、文字サイズ、行間、ゆらぎ効果を設定します。
STEP 3
ダウンロード
プレビューを確認して「PNGでダウンロード」ボタンを押します。
glossary,
用語集
- Canvas API
- HTML5で提供されるブラウザ上の2D描画API。テキストや図形をプログラム的に描画できる。
- Google Fonts
- Googleが提供する無料のWebフォントサービス。手書き風フォントも多数収録されている。
- ラスタライズ
- ベクターデータ（テキスト等）をピクセルの集合（画像）に変換する処理。
- アンチエイリアス
- 文字や図形の縁をなめらかに見せるための半透明ピクセル処理。Canvas APIでは自動的に適用される。
- 行間（line-height）
- テキストの行の高さ。1.0で文字サイズと同じ、2.0で文字サイズの2倍の間隔になる。
- PNG
- Portable Network Graphics。背景透過に対応したラスター画像形式。印刷用途にも耐えうる高品質画像。
- フォントのゆらぎ
- 各文字に微小なランダム回転（±1.15度）と位置変動（±1px）を加えることで、手書きの不均一さを再現する技法。
- 原稿用紙
- 日本特有の執筆用紙。20×20のマス目に1文字ずつ記入する形式。
faq,
FAQ
- Q.日本語フォントは使える？
- はい。Yomogi、Zen Kurenaidoなどの日本語手書き風Google Fontsに対応しています。
- Q.印刷に耐える解像度か？
- Canvasの内部解像度は幅800px以上で出力されます。A4印刷には十分な品質ですが、大判ポスター等には不向きです。
- Q.「文字のゆらぎ」をOFFにするとどうなる？
- 通常のフォント描画（均一な文字間隔・角度）になります。整った見た目が必要な場合はOFFにしてください。
- Q.入力テキストはサーバーに送信される？
- いいえ。すべてCanvas APIによりブラウザ内で処理され、テキストは外部に一切送信されません。
- Q.フォントが正しく表示されない
- Google Fontsのネットワーク読み込みに時間がかかる場合があります。数秒待ってからプレビューを再確認してください。
- Q.長い文章も対応できる？
- はい。テキスト量に応じてCanvas高さが自動調整され、複数ページ分のPNG画像が1枚に出力されます。
- Q.原稿用紙モードは1文字1マスに配置される？
- 現バージョンでは原稿用紙の見た目（マス目描画）を提供しますが、1文字1マスの厳密配置は将来的に改善予定です。
- Q.背景色を変更できる？
- 現バージョンではクリーム色（#fffef5）固定ですが、将来的にカスタマイズ対応を予定しています。
use cases,
活用シーン
📝
SNSに手書き風メッセージ画像を投稿
手書き風のテキスト画像でInstagramやXの投稿を差別化。
🎓
教育教材・プレゼン資料
手書き風ノートをスライドに挿入してウォームな雰囲気を演出。
💌
グリーティングカード作成
手紙風デザインのメッセージカードを手軽に作成。
🎨
ブログやWebサイトのアクセント
手書き感のある見出し画像やキャプションを作成。