縦書き画像をSNSに投稿できるWEBツールを作った

※本記事は広告を含みます

どうも、やまぐろです。
ひととおり週次タスク(家事)も終わって時間ができたので、なんか作るかーって感じで「縦書き画像ジェネレーター」が誕生しました。↓

https://iris-on-tools.net/vertical-text-generator/

外観とか

恐らく解説がなくても使えるような感じになっていると思います。SNS投稿ボタンの挙動がちょっとクセありますが、間に説明挟んだので大丈夫なはず。。

Pasted image 20260628165643.png

なぜ縦書きツールを作ったのか

入口は季節感

なんか季節感あるやつを作りたいなーって思いたち、そういえば七夕が近いなーとなりました。なのでもともとはSNS投稿用の短冊ジェネレータとして構想したものです。5分くらいの構想ですがw
そこから縦書きが合うような短歌や詩なども画像化できたらいいなあと思い、テンプレートが増えていった感じです。

なんとなく今後も拡張できそう

そもそもツール群として動かしているサイトの一部のコンテンツになるので、一度作ったらあんまりアップデートしない想定ではあるんですが、これについては季節感がスタートなので今後も拡張できるかなというのも理由の一つです。縦書きは言わずもがな日本の文化なので、例えば「お正月」用のテンプレートを毎年更新していくこともできますしね。日本のイベントとは相性が良いと思います。

SNSへの投稿について

いろいろ考えた結果、クリップボードに保存して自分でコピペしてもらう方式にしました。まあじゅうぶんでしょうこれで。一応Xとthreadsに投稿するボタンを用意していますが、別途クリップボードに保存するボタンも用意しており、こちらを使うことで好きなSNSに投稿することもできるようにしています。

恐らくSNSに投稿する用途以外でこのツールを使う人はいないかなあ。。と思いつつ、いちおう画像保存もできるようにしておきました。

【無料・登録不要】縦書き画像ジェネレーターの使い方ガイド

https://iris-on-tools.net/vertical-text-generator/

文字を入力するだけで、小説の1ページやグリーティングカードのような、美しい日本語の「縦書き画像」を瞬時に作成できるツールです。 作成した画像は、ダウンロードはもちろん、クリップボードにコピーしてそのままSNS(X/Threads)へ貼り付けて投稿することができます。

主な特徴

  • リアルタイムプレビュー: 文字を入力すると、フォントやレイアウトの調整がリアルタイムで画面に反映されます。
  • 自動で文字が回転する「縦中横」機能: 半角2桁以内の数字(例: 20)や、記号(例: !?)は、縦書きの中で自動的に正面を向くように処理されます。
  • 豊富なデザインテンプレート: 季節のイベントや投稿内容に合わせて、ワンクリックで美しいデザインに切り替えられます。
  • 完全なプライバシー保護: 入力したテキストやアップロードした背景画像は、すべてお使いのブラウザ上(メモリ内)だけで処理されます。サーバーへ送信・保存されることは一切ないため、プライベートな日記や詩も安全に作成できます。

基本的な使い方(3ステップ)

ステップ 1:テキストを入力する

  1. 本文を入力: 左側の入力エリアに縦書きにしたい文章を入力します。
  2. 著者・署名を入力: 必要に応じて、右下に小さく表示される「署名(著者名)」を入力します(空欄にすると非表示になります)。

ステップ 2:デザインをカスタマイズする

  • テンプレート: 「シンプル」「エモ・詩集」「短歌・俳句」「七夕の短冊」「誕生日カード」「クリスマス」の6種類から好みのスタイルを選びます。
  • フォント: 明朝体やポップ体、手書き風など、縦書きが美しく映える複数の日本語フォントから選べます。
  • サイズ・余白の微調整: 文字の大きさ、文字の間隔(字間)、行と行の間隔(行間)をスライダーで細かく調整できます。
  • アスペクト比(縦横比)1:1 (スクエア)9:16 (ストーリー/スマホ用)16:9 (ワイド) の3種類から出力サイズを選択します。
  • 背景: プリセットパターンのほか、単色カラーピッカーやグラデーション、お手持ちの「カスタム画像」を背景に設定することも可能です。

ステップ 3:画像を書き出す・シェアする

  • 「画像をダウンロード」: 作成した画像をPNG形式で端末に保存します。
  • 「画像をコピー」: 画像をクリップボードに保存します。ブログや各種アプリにそのまま貼り付けられます。
  • 「Xで投稿」「Threadsで投稿」: 画像をコピーし、自動でSNSの新規投稿画面を開きます(※詳しい手順は下記参照)。

SNS(X / Threads)への画像投稿手順

ブラウザのセキュリティ制限により、WebサイトからSNSへ画像を直接自動添付することはできません。そのため、本ツールでは**「コピペ(クリップボード経由)」**によるスマートな投稿方法を採用しています。

【投稿の流れ】

  1. ツール下部にある 「Xで投稿」 または 「Threadsで投稿」 ボタンをクリックします。
  2. 背景で画像が自動生成され、お使いの端末のクリップボードにコピーされます。画面に貼り付け指示のダイアログが表示されます。
  3. ダイアログの 「OK」 ボタンを押すと、別タブでSNSの新規投稿画面が開きます。
  4. 投稿画面のテキスト入力エリアを選択し、以下の方法で**「貼り付け(ペースト)」**を行います。
    • パソコンの場合Ctrl + V (Macは Cmd + V)キーを押す。
    • スマホ・タブレットの場合: 入力欄を長押し(タップしたまま)して、表示されたメニューから 「貼り付け(ペースト)」 を選択する。
  5. コピーされていた縦書き画像が投稿画面に添付されます。そのまま「ポスト/投稿」を押せば完了です!

よくある質問 (FAQ)

Q. 画像の文字が一部はみ出してしまいます

アスペクト比を「1:1(スクエア)」などの高さが低いものに設定すると、1行が長すぎる場合に自動改行が発生し、枠外にはみ出すことがあります。 「文字サイズスライダーを左に動かして文字を小さくする」か、「本文の途中で改行(Enter)を入れて1行を短くする」ことで、綺麗に枠内に収めることができます。

Q. SNS投稿画面で貼り付けても画像が表示されません

ブラウザのプライベートモード(シークレットブラウズ)や一部の古いセキュリティ設定では、クリップボードへの画像書き込みがブロックされる場合があります。その場合は、お手数ですが一度 「画像をダウンロード」 ボタンで端末に保存してから、SNSの投稿画面で画像を選択して添付してください。

Q. 利用料金や商用利用について教えてください

本ツールは完全無料で登録不要でお使いいただけます。生成した画像は、個人のSNS投稿はもちろん、ブログのアイキャッチや印刷物など、商用・非商用問わず自由にご利用いただけます。

書いた人

やまぐろ

やまぐろ

業務アプリケーション開発、エンドユーザ向け機能などの開発に携わっている文系(経営学)卒エンジニア。 ブログでは読書記録を残したり、ガジェットのレビューをしたり、エンジニアっぽくプログラムの話や業界の話をしたりしています。 他にも個人開発者として、自作ツールなどを公開中です。