Illustratorで名前とバーコードを差し込み印刷

カテゴリー：Illustrator

記事作成日：2020-03-26

Illustratorで名前とバーコードを差し込み印刷する課題が有ったので記録しておく。

Illustrator2020 24.1.1 
Windows10

## バーコードフォント

バーコードは一般的で扱いやすいと思われる CODE39 を使用することにする。 
パソコンに CODE39 のフォントをインストールしておく。

## CODE39

使用できる文字は、以下の通り
```
0123456789 (数字)
ABCDEFGHIJKLMNOPQRSTUVWXYZ (大文字のみ)
  (スペース)
$ (ドル)
% (パーセント)
+ (プラス)
- (マイナス)
. (ドット)
/ (スラッシュ)
の記号7個
```
桁数は問わない。

## CODE39のスタートコード、ストップコード

CODE39は前後にアスタリスクをスタートコード、ストップコードとして入れる必要が有る。

```
12345 を表現するには *12345* となる。
ABC123DEF を表現すると *ABC123DEF* となる。
```
それぞれバーコードリーダで読み取ると 
12345 
ABC123DEF 
となる。

## Illustratorでデザイン

![001](./_websystem5/webroot/attach/fileattaches/0/15851490041208.png) 
この中に名前とバーコードを差し込みで入れる。
 
 
 
![002](./_websystem5/webroot/attach/fileattaches/0/15851490137148.png) 
文字を入れてあたりを付けておく。バーコードの部分はバーコードフォントを使用。

## 変数定義

![003](./_websystem5/webroot/attach/fileattaches/0/15851490222305.png) 
ウインドウ ＞ 変数 
 
 
 
![004](./_websystem5/webroot/attach/fileattaches/0/15851490296896.png) 
名前を選択して、[テキストを動的に設定]。 
 
 
 
![005](./_websystem5/webroot/attach/fileattaches/0/15851490365924.png) 
変数が設定された。 
 
 
 
![006](./_websystem5/webroot/attach/fileattaches/0/15851490431495.png) 
変数名を name に変更。 
 
 
 
![007](./_websystem5/webroot/attach/fileattaches/0/15851490501560.png) 
同様にバーコードを barcode で設定。

## 差込データを用意

以下の書式でXMLを用意する。(UTF-8)
```xml
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
	<!ENTITY ns_svg "http://www.w3.org/2000/svg">
	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
]>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="0px" height="0px" viewBox="0 0 0 0" xml:space="preserve">
<variableSets xmlns="&ns_vars;">
	<variableSet locked="none" varSetName="binding1">
		<variables>
			<variable trait="textcontent" varName="name"></variable>
			<variable trait="textcontent" varName="barcode"></variable>
		</variables>
		<v:sampleDataSets xmlns="&ns_custom;" xmlns:v="&ns_vars;">
			<v:sampleDataSet dataSetName="dataset1">
				<name>
					サンプル太郎
				</name>
				<barcode>
					*123456*
				</barcode>
			</v:sampleDataSet>
			<v:sampleDataSet dataSetName="dataset2">
				<name>
					サンプル次郎
				</name>
				<barcode>
					*111111*
				</barcode>
			</v:sampleDataSet>
			<v:sampleDataSet dataSetName="dataset3">
				<name>
					サンプル三郎
				</name>
				<barcode>
					*222222*
				</barcode>
			</v:sampleDataSet>
			<v:sampleDataSet dataSetName="dataset4">
				<name>
					サンプル四郎
				</name>
				<barcode>
					*333333*
				</barcode>
			</v:sampleDataSet>
		</v:sampleDataSets>
	</variableSet>
</variableSets>
</svg>
```
またはCSVでも良い。(UTF-8)
```
name,barcode
サンプル太郎,*123456*
サンプル次郎,*111111*
サンプル三郎,*222222*
サンプル四郎,*333333*
```

## 差込データを読み込み

![008](./_websystem5/webroot/attach/fileattaches/0/15851490570101.png) 
「変数ライブラリの読み込み」。 
 
 
 
![009](./_websystem5/webroot/attach/fileattaches/0/15851490664298.png) 
データが読み込まれたことを確認。

note: 
変数定義と差込データ読み込みはどちらが先でも構わない。

## バッチ処理設定

![010](./_websystem5/webroot/attach/fileattaches/0/15851490830025.png) 
新規アクションセットを作成。 
 
 
 
![011](./_websystem5/webroot/attach/fileattaches/0/15851491835205.png) 
新規アクション作成 
[記録]で1枚印刷してアクションを登録する。 
 
 
 
![012](./_websystem5/webroot/attach/fileattaches/0/15851491971392.png) 
アクションが登録された状態。 
 
 
 
![013](./_websystem5/webroot/attach/fileattaches/0/15851492072914.png) 
バッチ処理時にダイアログが出ないように、ダイアログボックス表示をOFFにする。

## 印刷バッチ実行

![014](./_websystem5/webroot/attach/fileattaches/0/15851492182231.png) 
バッチ。 
 
 
 
![015](./_websystem5/webroot/attach/fileattaches/0/15851492281740.png) 
セット、アクションを設定。 
ソースを「データセット」にする。 
OKでバッチ印刷が実行される。

## Illustratorで差し込み印刷はいつから？

Illustratorでデータ差し込みが出来るようになったのは Ver.10 からです。 
CSVに対応したのは Illustrator CC 2018 です。

これら機能は「データ結合」「可変データ」「バリアブル」「差し込み印刷」と呼ばれています。

## 印刷ではなく個別ファイルに保存

バッチ印刷ではなく、バッチで個々のファイルに書き出すことももちろん可能。 
Illustrator形式やPDF形式で保存など可能。 
アクション機能で可能なことは全て可能。

![016](./_websystem5/webroot/attach/fileattaches/0/15851860134556.png) 
別名で保存するアックションを作成。 
 
 
 
![017](./_websystem5/webroot/attach/fileattaches/0/15851860257468.png) 
「アクションの保存コマンドを無視」 
「保存先選択」 
「ファイル名を選ぶ」 
OKで個別ファイルが生成される。

CONTENTS

Plesk

PleskでクエリパラメータでのSQLインジェクション試行をブロックする

JavaScript

PWAの基本コード

Plesk

PleskでWordpressへのアクセス試行をブロックする

Plesk

PleskのPHP8.3にssh2をインストールした手順

CSS

CSSでアコーディオン

Flutter