こんにちは。たいら(@tairaengineer2)です。
この記事ではJavaScriptのフレームワークjQueryのプラグインjquery-barcode.jsのダウンロードの解説記事です。
スポンサーリンク
- 注意事項
- プラグイン【jquery-barcode.js】とは
- プラグイン【jquery-barcode.js】をダウンロードする
- まとめ：【jquery-barcode.min.js】を使ってみよう！
注意事項
この記事で紹介している内容は2019年7月10日現在の情報です。
日にちが経過している場合は、変更されている可能性もあります。
ご了承ください。
プラグイン【jquery-barcode.js】とは
画面にバーコードを表示することができるプラグインです。
たとえばこういう風に書くと
<div id="dvBarcord"></div>
<script>
$("#dvBarcord").barcode("1234567890128", "ean13");
</script>
こういう風にバーコードが表示されます。
公式サイトの概要部分を読んでみると
Its objective is to combine a maximum of resources relating to barcode:
・detailed explanations
・Online barcode generator
・Source code
・...
The BCC library is a open-source library for barcode generation with the objective to be ported in as many language as possible.
Each port will contain the version number of the BCC library and the version number of the port.
Google翻訳をしてみると
その目的は、バーコードに関連する最大限のリソースを組み合わせることです。
・詳しい説明
・オンラインバーコードジェネレータ
・ソースコード
・…
BCCライブラリはバーコード生成用のオープンソースライブラリで、できるだけ多くの言語で移植することを目的としています。
各ポートには、BCCライブラリのバージョン番号とポートのバージョン番号が含まれます。
概要に書かれている通り、jQueryだけでなく、他のプログラム言語にも展開されています。
- jQuery (js)
- Prototype (js)
- PHP : GD / FPDF
- Java
この記事では、jQueryのプラグインのダウンロードの仕方のみ解説します。
プラグイン【jquery-barcode.js】をダウンロードする
まず、公式サイトに行きます。
ここの
赤枠で囲っている箇所をクリックします。
クリックすると、ダウンロードできます。
▼ボタンを押して、【フォルダを開く】を押します。
ダウンロードフォルダに移動します。
【jquery-barcode.js】は【jquery-barcode-2.2.0.zip】という名前でダウンロードできます。
zipで圧縮されているので、展開する必要があります。
【jquery-barcode-2.2.0.zip】を選択した状態で右クリックをします。
その中の【すべて展開】をクリックします。
どこにzipを展開するかの画面がポップアップします。
あなたの好きな場所に展開することができます。
展開する場所を変更するには
【参照】を押します。
zipの展開先を選択できる画面がポップアップします。
今回は
デスクトップ配下の【work】フォルダに展開します。
選択したら【OK】ボタンを押します。
フォルダーの展開を選択する画面に戻ってきました。
展開先が決まったので【展開】ボタンを押します。
するとすぐに展開が終わり、展開先の【work】フォルダ がポップアップします。
【jquery】フォルダをクリックします。
バーコードを作成するためのプラグインの
- jquery-barcode.js
- jquery-barcode.min.js
このどちらかを使います。
どちらも中身は同じですが、【jquery-barcode.js】を圧縮したものが【jquery-barcode.min.js】です。
私は【jquery-barcode.min.js】を使うことをおすすめします！
それは容量が軽いからです。
【jquery-barcode.js】の中身は
キレイに書かれていますね。
人間にとって、とても読みやすいです。
では【jquery-barcode.min.js】の中身は
改行がありません。
何が書かれているか良く分かりません。
スペースや、コメントがなく、圧縮されています。
このように【jquery-barcode.min.js】は改行がない分、容量が少ないので、動作が軽いです。
これで【jquery-barcode.min.js】を使う準備ができました！
スポンサーリンク
まとめ：【jquery-barcode.min.js】を使ってみよう！
以上が【jquery-barcode.min.js】をダウンロードするやり方の解説記事です。
あなたのご参考になったのなら、とても嬉しいです(*´▽｀*)
ではでは～(・ω・)ﾉｼ
ほかにもjQuery勉強記事を書いてます。
よければご参考ください。
