バーコードジェネレーター - EAN-13, UPC-A, Code 128 バーコード作成 オンライン
EAN-13、UPC-A、Code 128、Code 39、ITF-14などの形式で1Dバーコードを生成。色やサイズをカスタマイズし、SVGまたはPNGでダウンロード — 100%クライアントサイド処理、サーバーへのデータ送信なし。
よくある質問
バーコードとは何ですか？
バーコードは、異なる幅の平行な線（バー）と空白でデータを視覚的に表現する1次元（1D）の機械可読コードです。1952年に発明され、1974年の最初のUPCスキャン以降、小売業に革命をもたらしました。EAN-13、UPC-A、Code 128、Code 39、ITF-14、Codabar、Pharmacodeなど、さまざまなシンボロジー（エンコーディング規格）が存在し、それぞれ小売、物流、医療、製造などの特定の業界や用途に最適化されています。
このバーコード生成ツールの使い方は？
1. バーコード形式を選択します（EAN-13、UPC-A、Code 128、Code 39、ITF-14、Codabar、Pharmacode）。2. エンコードする値を入力します。3. バーコードがリアルタイムで自動生成されます。4. 必要に応じてバーの幅、高さ、余白、色などの表示オプションをカスタマイズします。5. SVGまたはPNG形式でダウンロードします。
データは安全ですか？サーバーに送信されますか？
データは100%安全で、ブラウザから外部に送信されることはありません。すべてのバーコード生成はJavaScriptを使用してクライアントサイドで実行されます。入力されたデータはサーバーに送信されないため、製品コードや内部識別子などの機密情報のエンコードにも安全にご利用いただけます。
どのバーコード形式を使用すべきですか？
適切な形式は用途によって異なります。EAN-13は世界の小売商品に使用される国際規格です。UPC-Aはアメリカとカナダの小売商品に使用されます。Code 128は多目的な高密度バーコードで、さまざまな業界で活用されています。Code 39は政府、軍事、自動車産業で広く使用されています。ITF-14は配送箱や外装パッケージに使用されます。Codabarは図書館、血液銀行、宅配サービスで使用されます。Pharmacodeは製薬業界のパッケージ管理に特化しています。
チェックディジットとは何ですか？
チェックディジットはバーコードの最後の桁で、スキャンエラーの検出に使用されます。バーコードの他の桁に基づいて、重み付き合計モジュロ10（mod 10）アルゴリズムで計算されます。このツールはEAN-13、UPC-A、ITF-14形式のチェックディジットを自動計算するため、手動で入力する必要はありません。
SVGとPNGの違いは何ですか？
SVGはベクター形式で、どのサイズに拡大・縮小しても鮮明さが維持されるため、印刷用に最適です。PNGはラスター（ビットマップ）形式で、画面表示に適しています。このツールではPNGダウンロード時に鮮明な出力を確保するため3倍アップスケーリングが適用されます。印刷物にはSVGを、Web画面表示にはPNGの使用を推奨します。
生成されたバーコードは実際にスキャンできますか？
はい、このツールで生成されたバーコードはISO/GS1規格に準拠しており、すべての標準バーコードスキャナーでスキャンできます。最良の結果を得るために、十分な余白（クワイエットゾーン）を確保し、バーと背景の間に十分なコントラストを維持し、適切なサイズで印刷してください。また、印刷前にテストスキャンを行うことをお勧めします。
コード例
// Generate barcodes in the browser using JsBarcode
import JsBarcode from 'jsbarcode';
// Basic Code 128 barcode
JsBarcode('#barcode', 'Hello World', {
format: 'CODE128',
width: 2,
height: 100,
displayValue: true,
fontSize: 18,
font: 'monospace',
lineColor: '#000000',
background: '#ffffff',
margin: 10,
});
// EAN-13 barcode with auto check digit
JsBarcode('#ean13', '590123412345', {
format: 'EAN13',
width: 2,
height: 80,
fontSize: 16,
});
// Calculate EAN-13 check digit
function calculateEAN13CheckDigit(digits) {
const d = digits.slice(0, 12).split('').map(Number);
const sum = d.reduce((acc, val, i) =>
acc + val * (i % 2 === 0 ? 1 : 3), 0);
return (10 - (sum % 10)) % 10;
}
console.log(calculateEAN13CheckDigit('590123412345')); // 7
// Download barcode as SVG
function downloadSVG(svgElement, filename) {
const svgString = new XMLSerializer()
.serializeToString(svgElement);
const blob = new Blob([svgString],
{ type: 'image/svg+xml;charset=utf-8' });
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = `${filename}.svg`;
link.click();
URL.revokeObjectURL(url);
}