バーコード生成

バーコードとは、スキャナーが素早く読める数字にすぎない

1Dバーコードは、短い文字列——たいていは製品番号、SKU、資産ID——をエンコードした、黒いバーと白い隙間の並びです。レーザーやカメラのスキャナーはバーの幅を読み、それを、誰かが打ち込むよりもはるかに速く正確にテキストへ戻します。小売のパッケージ、倉庫の棚、図書館の本、配送用の箱、採血の試験管、そしてオフィスのノートパソコンの裏のシールで見かけます。このツールは MITライセンスのライブラリ JsBarcode を使ってそれらのコードをブラウザ内で描き、実務で実際に重要な形式に対応します——CODE128、EAN-13、EAN-8、UPC-A、CODE39、ITF-14、MSI、Pharmacode、Codabar。

人がつまずく唯一の判断は、どの形式を使うかで、それは一つの分岐に帰着します。バーコードがあなた自身の用途のもの——在庫、資産タグ、社内トラッキング、自分の倉庫の棚ラベル——なら、CODE128 が欲しいものです。あらゆる英数字をエンコードし、密に詰め込み、どんなスキャナーも読みます。もしバーコードが世界のどこかの実際の小売レジでスキャンされる必要があるなら、EAN-13、EAN-8、UPC-A が必要です——そしてここが正直な部分——それらは公式のGS1小売番号です。番号そのものが、GS1を通してあなた(またはあなたの製造元)に登録されていなければなりません。このツールは喜んで任意の13桁を有効に見える EAN-13 にレンダリングしますが、でっち上げた番号は正当な小売コードではありません——店のシステムに拒否されるか、もっと悪ければ、他人の製品と衝突します。でっち上げのEANはモックアップやテスト用にレンダリングし、棚には使わないでください。社内用の何かには、CODE128 が登録の問題全体を回避します。

ツールは入力しながら検証します。厳格な形式には規則があり——EAN-13 はちょうど12桁とチェックディジットが必要、UPC-A は独自の長さ——無効な値を与えると、壊れた画像を書き出すのではなく、即座にメッセージで問題を指摘します。それは意図的です——見た目は問題ないのにスキャンできないバーコードは、明らかなエラーよりたちが悪いからです。

実際にスキャンできるようにする

二つの設定が、スキャナーが一発でコードを読むかを決めます。バー幅(モジュール幅)は最も細いバーの太さです——細すぎると、プリンターや画面がバーをにじませて一つにしてしまいます。バー高さは、スキャナーがそこを横切るきれいな線を捉えられるだけの高さがあればよいだけです。三つ目はそもそも設定ではありません——クワイエットゾーン、コードの左右の空白の余白です。スキャナーはバーコードがどこで始まり止まるかを見つけるためにその空白が必要なので、バーぎりぎりに切り抜いたり、ごちゃごちゃした背景に貼ったりしないでください。強いコントラストも保ってください——明るい背景の上の暗いバー。ここで前景と背景の色を設定できますが、とても明るいバーや暗い背景は、コードが読めなくなるよくある原因です。人間が読める文字のキャプションは、隠す理由がなければオンのままにしてください——スキャンが失敗したとき、人が番号を手で打てるようになります。

なぜSVGか、そしてなぜローカルか

手早いラスター画像が必要なときはPNGに書き出してください。バーコードを印刷するときは SVG に書き出してください。SVGはベクターなので、バーはどんなサイズ、どんなDPIでもきりっと鮮明なままです——ラベルテンプレート、Averyシールのシート、パッケージデザインに落とし込め、ピクセル化せずに鮮明に印刷されます。本物のラベル制作には、SVGが使うべきものです。

すべてがあなたのマシン上で起こります。製品SKU、資産番号、バッチコードは業務データであり、ここではブラウザを一切離れません——アップロードも、アカウントもなく、ページは読み込まれればオフラインで動き続けます。多くのオンラインバーコード作成ツールは CODE128 やSVG書き出しを登録や有料の壁の後ろに閉じ込めたり、出力に透かしを入れたりします——これはしません。正直な制約が二つ——1Dバーコードのみを作ります(QRやその他の2DコードにはQRツールを使ってください)——そして一度に一つのバーコードをレンダリングし、印刷シートやラベルのロールは作りません。