Tsudoi 使い方ガイド

1. 背景を用意し、画面を確認する

イベント、結婚式、賞状など、デザイン済みの背景画像を用意します。招待状の背景画像をアップロードから画像を選ぶと、元画像のサイズでキャンバスが作られます。スマートフォンの縦画面では、上部にキャンバスを表示したまま下部の設定をスクロールできます。

初回に表示されるイラストは仮の背景です。書き出す前に、自分の背景画像をアップロードしてください。安全余白はスナップの目安で、画像の切り抜きや完成画像への枠線追加は行いません。

2. 文字を追加して配置を整える

文字を追加で文字レイヤーを作ります。キャンバス上で選択してドラッグするか、レイヤー一覧から選択します。入力欄では複数行の文字と変数を組み合わせられます。見出し・宛名・会場を別々のレイヤーにすると、個別に配置しやすくなります。

• 書式：フォント、サイズ、太さ、色、字間、縁取りを調整します。中英日韓のフォントがあり、Web フォントを読み込めない場合はシステムフォントに切り替わります。
• 幅：内容に合わせる設定では文字数に応じて伸縮し、固定幅では自動改行します。青い丸いハンドルをドラッグすると固定幅になり、四角いハンドルをダブルクリックすると内容に合わせる設定に戻ります。
• 文字揃えとアンカー：文字揃えは枠内の左・中央・右寄せ、9 つのアンカーは枠のどの位置を座標に固定するかを決めます。右下アンカーなら、長い文字は左上方向へ広がります。
• スナップ：キャンバスの端・中央・安全余白・ほかのレイヤーに吸着します。Alt キーを押している間は一時的に解除できます。

3. 変数で内容を差し替える

1 枚だけ作る場合は、完成させたい文字をそのまま入力します。宛先ごとに内容を変える場合はデータ変数を入れます。変数ボタンで挿入することも、直接入力することもできます。

{{csv.name}} 様
区分：{{csv.title}}
番号：{{index:3}}

この例では CSV の name 列と title 列を使い、001 からの連番を付けます。同じテンプレートで TXT と CSV のデータ変数を混在させることはできません。日付や連番などの動的変数は、どちらの形式とも組み合わせられます。

変数名やコロンの前後には空白を入れられます。例：{{ index : 3 }}。日付変数は生成日であり、イベント開催日ではありません。決まった開催日は通常の文字で入力してください。

4. 名簿を読み込んで確認する

TXT は名前だけ、または行全体の差し替えに向いています。レイヤーに {{txt}} 様 と入力して、「一括データ」で TXT を読み込みます。空行以外の各行から 1 枚ずつ生成します。

林 晓
Alex Morgan
佐藤 葵

CSV は名前・敬称・座席など複数の項目に向いています。1 行目に見出しを置き、参照するすべての列を含めてください。変数と見出しは一致させます。{{csv.氏名}} のような日本語の見出しも使えます。ツール内の「サンプルをダウンロード」を編集し、UTF-8 で保存する方法がおすすめです。

name,title,code
林 晓,ゲスト,A-001
Alex Morgan,登壇者,A-002
佐藤 葵,ゲスト,A-003

変数に応じてファイル形式が自動判定されます。データ変数がなければ読み込みは無効です。読み込み後は最初の行を表示し、表の行をクリックするかキーボードで選択するとプレビューが切り替わります。「プレビューを開く」は長い名簿の確認に便利です。特に長い名前の改行やはみ出しを確認しましょう。

固定文字や書式を変えても名簿は保持されます。データ変数を変えた後は読み込み状態を確認してください。元の CSV にない列を使う場合や TXT/CSV を切り替えた場合は、再読み込みが必要です。1 回につき最大 200 件です。

サンプルファイルをダウンロード：CSV / TXT

5. PNG または ZIP をダウンロードする

現在の画像をダウンロード：表示中のレコードを、元画像の解像度の PNG として書き出します。画面上のプレビューが縮小されていても、書き出しの解像度は下がりません。

一括生成して ZIP をダウンロード：読み込んだ各行を PNG にし、ブラウザー内で ZIP にまとめます。連番は 1 から始まり、日付・時刻には一括処理で共通の基準時刻を使います。まず 1 枚ダウンロードしてフォントや配置を確認してから、一括生成しましょう。完了までページを開いたままにし、ZIP を解凍して結果を確認してください。

背景の画素数や件数が多いほど、時間とメモリーが必要です。処理が重い場合は、背景を小さくするか名簿を分割してください。

6. テンプレートを保存して再利用する

高度な機能を開き、「テンプレートを書き出す」で JSON を保存します。文字、変数、書式、幅、座標、アンカー、安全余白を含みますが、背景画像と名簿は含みません。別の端末で使うときは、それぞれ別に保存してください。入力した個人情報が文字として残る場合があるため、共有前に内容を確認しましょう。

次回は背景をアップロードしてからテンプレートを読み込みます。確認すると現在の文字レイヤーと安全余白が置き換わり、読み込み済みの名簿はクリアされます。現在の背景は保持されます。名簿を再度読み込めば続けて使えます。

最近の作業内容は現在のブラウザーに自動保存され、再読み込みや再訪問時に復元されます。ただし、バックアップの代わりではありません。サイトデータを消去すると失われる可能性があります。「作業データをリセット」は確認後にローカル編集データを消去します。必要なファイルは先に保存してください。

7. よくある質問と現在の制限

書き出しや名簿の読み込みができません。

書き出しには実際の背景画像が必要です。名簿を読み込む前に TXT または CSV の変数を入れ、両形式を混在させないでください。日付や連番だけでは名簿を読み込めません。

変数がそのまま表示されます。

読み込み前はデータ変数をそのまま表示します。読み込み後は CSV の見出しと変数が一致しているか、データが有効かを確認してください。

フォントが違って見えます。

Web フォントは Google Fonts を利用し、オフラインなどで使えない場合はシステムフォントに切り替わります。書き出し時には必要なフォントの読み込みを待ちますが、完成した PNG も確認してください。

データはアップロードされますか？

背景・テンプレート・名簿・生成結果はブラウザー内で処理し、最近の作業内容もこのブラウザーに保存します。静的ファイルは Cloudflare から配信され、Web フォントは Google Fonts に接続する場合があります。詳しくはプライバシーポリシーをご覧ください。

元に戻す操作や大量生成はできますか？

現時点では元に戻す・やり直し、レイヤー順序変更、プリセットテンプレート集はありません。一括生成は最大 200 件です。初回読み込みとキャッシュ後は、主要な編集・書き出しをオフラインでも使えますが、新しい Web フォントには通信が必要です。