添付のようなレイアウトに写真、テキストを自動で流し込みたく
CSVデータを作成し、スクリプトを作成しましたが、エラーになってしまいうまくいきません。
javaあまり分からず、AIで作成したコードのため問題があるかと思うのですが、どのような設計にするとやりたい作業が自動化できるか知りたくご教示いただけますと幸いです。
現在は、変数からオブジェクトとの紐付けを手動で行い
スクリプト＞その他のスクリプト＞jsxとCSVを選択 で実行しています。
自動化したいレイアウト
作成したCSV
コード
// ExtendScript for Adobe Illustrator
var csvFile = File.openDialog("Select CSV file");
if (csvFile != null) {
csvFile.open("r");
var content = csvFile.read();
csvFile.close();
var lines = content.split("\n");
var headers = lines[0].split(",");
var data = [];
for (var i = 1; i < lines.length; i++) {
data.push(lines[i].split(","));
}
var doc = app.documents.add();
var pageWidth = doc.width;
var pageHeight = doc.height;
var frameWidth = 296.25;
var frameHeight = 390;
var padding = 10;
var x = padding;
var y = padding;
for (var i = 0; i < data.length; i++) {
var studioName = data[i][1];
var month = data[i][0];
var amount = data[i][2];
var averageAmount = data[i][3];
var imageFileName = data[i][4];
if (i == 0 || data[i][1] != data[i - 1][1]) {
var heading = doc.textFrames.add();
heading.contents = studioName + "・" + month + "・平均金額: " + averageAmount;
heading.position = [x, y];
y += heading.height + padding;
}
var imageFile = new File(imageFileName);
if (imageFile.exists) {
var placedImage = doc.placedItems.add();
placedImage.file = imageFile;
placedImage.position = [x, y];
placedImage.width = frameWidth;
placedImage.height = frameHeight;
y += frameHeight + padding;
var amountText = doc.textFrames.add();
amountText.contents = amount;
amountText.position = [x, y];
y += amountText.height + padding;
}
if (y + frameHeight + padding > pageHeight) {
x += frameWidth + padding;
y = padding;
}
}
}
エラー画面
7
返信
丁寧な回答、ありがとうございました！
とてもわかりやすかったです。添付の動画とCSVの作り方を参考に、なんとかできそうです。
実践してみたのですが、画像部分のみ歯車マークが選択でき無いのですが、これは設定の問題でしょうか？
テキストは問題なく歯車マークが選択できる状態です。
以下、質問内容から推測した手段と目的です。（※あくまで私の推測です。）
定型の .ai テンプレートファイル を使用
※質問に掲載されていたスクリプトは、空のドキュメントに新たにオブジェクトをレイアウトしているようですが、、、
テンプレート内のテキストの差し替え作業
※「流し込み」ではなく、あえて「差し替え」と表現しています。
テンプレート内の画像の差し替え作業
差し替えデータ元は CSV
※多数のデータを Excel 等で管理していると推測。
【推測が正しい場合の対応方針】
※推測が違っていたら以下未読でOKです。
● もし「変数機能」が必要な場合
→ @アザラニアン さんのコメントが非常に参考になりますので、まずはそちらをご確認ください。
● もし「変数機能は不要」で、テンプレート上のテキストや画像をスクリプトで直接差し替えるだけで良い場合
→ 掲載されていたスクリプトは、新規ドキュメント上に新たなオブジェクトを生成・レイアウトする構成（比較的高度な内容）のようですが、
既存の .ai テンプレート上のテキストや画像オブジェクトを差し替える方法のほうがシンプルで実用的かもしれません。
【現時点での懸念点・注意点】
■ 問題点1：CSV構造について（@アザラニアン さんが指摘済み）
CSVデータの構造は、「1つの項目に対して1つのデータ」になるように作成する必要があります。
これは、変数機能を使う場合でもスクリプトで処理する場合でも同様です。
※データテーブル例画像を添付
■ 問題点2：差し替え対象の名前はすべて異なる名称に
.ai テンプレート上でテキストや画像を差し替えるには、それぞれの対象オブジェクトの名前（テキストボックス内のテキストやリンク画像ファイル名）をすべて異なるものにしておくと、スクリプトでの指定が確実でシンプルになります。
※必須ではありませんが、シンプルな対策です。
■ 問題点3（macOS環境を前提とした場合）：カンマ付き金額とCSV形式
CSVファイルで金額にカンマ（,）が含まれていると、区切り記号と誤認識されることがあり、特にmacOS環境ではバグの原因になります。
【対応策】
→ タブ区切りのTXT形式の使用をおすすめします。
【もし目的が上記のとおりであれば】
以下のような情報を、macOS環境を前提にご提供できるかもしれません：
・ExcelやTXT（タブ区切り）ファイルの構造サンプル（※今回Excelテーブル画像を添付）
・使用する .ai テンプレートファイルの構造例
・テキストや画像を差し替えるためのスクリプトコード（ExtendScript）
必要であれば、追加質問してください。
【補足】
私が提供できる情報は macOS 環境を前提としています。Windows 環境では動作やファイル処理の挙動が異なる可能性があります。
昨今のAI補助でWindows対応への変更は初級者でもできると想像しています。
AdChoices
