型を選んで、文字を入れる
入力すると、見本がすぐ変わります。
文字の入力から図の保存まで、すべてお使いのブラウザの中で行います。入力した文字をサーバーへ送信することも、ブラウザに保存することもありません。ページを閉じると、内容は消えます。
使い方
3ステップで、記事に載せる図ができあがります。
- 型を選ぶ：作業の流れを見せるなら「手順」、2つのやり方を比べるなら「比較」、確認する点を並べるなら「チェック」を選びます。
- 文字を入れる：タイトルと各欄に文字を入れます。ステップ数・行数・項目数はボタンで変えられます。入力するたびに見本が書き換わります。
- 保存・コピーする：「PNGで保存」で画像ファイルにするか、「画像をコピー」で記事の編集画面へそのまま貼り付けます。
こんなときに便利
- ブログやnoteの記事で、長い説明を1枚の図にまとめたいとき。
- 社内マニュアルの作業の流れを、新しく入った人にも分かる形で見せたいとき。
- ツールやサービスを選ぶときに、2つの違いを表で比べたいとき。
- 送る前・公開する前の確認項目を、チェックリストとして配りたいとき。
仕様と注意事項
- 3つの型：手順は3〜5ステップ、比較は2列×2〜5行、チェックは3〜6項目です。配置・余白・文字の大きさは型ごとに決まっていて、変えられるのは文字・項目数・配色・画像サイズです。
- 文字数の上限：タイトルは30文字、手順の見出しは12文字・説明は40文字、比較の見出しは12文字・項目名は10文字・各欄は20文字、チェックの項目は30文字までです。
- 文字が収まらないとき：英数字が多いなど、上限より少ない文字数でも枠に収まらないことがあります。その場合は、文字を小さくしたり切ったりせず、収まらない欄をお知らせします。
- 画像サイズ：記事内用は1280×720px、note見出し用は1280×670pxのPNGです。
- 文字の書体：お使いのパソコンやスマートフォンに入っている書体で描きます。端末によって書体が少し変わります。
- 画像をコピー：ブラウザによっては画像のコピーに対応していません。その場合は「PNGで保存」をお使いください。
入力内容の扱い
文字の入力・図の描画・PNGの書き出しは、すべてお使いの端末の中で行っています。入力した文字をサーバーへ送信せず、ブラウザにも保存しません。ページを再読み込みすると、入力した内容は最初の見本に戻ります。ツールの処理のために外部のAI APIなどへ送信することもありません。サイト全体のアクセス解析についてはプライバシーポリシーをご覧ください。
よくある質問
入力した文字はどこかに送信されますか？
送信しません。
図の描画はすべてお使いのブラウザの中で行い、サーバーへ送信することも、ブラウザに保存することもありません。
色や文字の大きさを自由に変えられますか？
配色は3種類から選べます。文字の大きさは変えられません。
何枚作っても同じ見た目にそろうよう、型ごとに文字の大きさと配置を決めています。配色はブルー・グリーン・オレンジから選べます。