初回として、「jquery.qrcode.js」について説明する。デモ2スポンサーリンクレクタングル(大)広告==各jqueryプラグインの特徴==jquery.qrcode.jsおそらく最も多く利用されているオーソドックスなjqueryプラグイン。日本語テキストは未対応。canvasモードで描画を行うため、IEはIE9.0以降で対応。デフォルトのサイズは256×256px。https://github.com/jeromeetienne/jquery-qrcodeClassyQR設置、利用とも簡単。日本語テキストは未対応。画像(png)ファイルを生成する。0.7.0個人的にお勧め。カスタマイズ度が非常に高い。日本語テキストは未対応。canvas/div/image(pngファイル)モードが用意されている。https://github.com/lrsjng/jQuery.qrcode==jquery.qrcode.jsの設置==ホームページこちらがjquery.qrcode.jsのページ。簡単な利用方法が解説されている。ZIP」をクリックしてダウンロードする。ダウンロードファイル:jquery-qrcode-master.zip解凍後、必要ファイルjquery.qrcode.min.jsをサーバーへアップロードする。必要ファイル:jquery.qrcode.min.js設置方法jQuery本体とjquery.qrcodeのjsファイルを呼び出す設定をする。ヘッダー部分(<head>と</head>の間)に以下のように記載する。APIのホスティングを利用している。基本的なオプションはサイズ(width,height)のみ。ヘッダー部分(<head>と</head>の間)に上記に続けて以下のように記載する。セレクターとなるIDは自分のわかりやすいようにつければ良い。今回は、「#qcdemo1」「#qcdemo2」としている。上記セレクターで指定したIDでハイライト部分のように囲むだけだ。divタグの間には何も記載する必要はない。ボディ部分(<body>と</body>の間)に以下のように記載する。/><h5>デモ2</h5><p>サイズを100px四方に変更した。id="qcdemo2"></div>デモ実際に上記のとおりに設定して以下のように表示される。デモ1-デフォルト表示デモ2サイズを100px四方に変更した。「jquery.qrcode.js」プラグインの紹介はおしまい。次回は、「ClassyQR」プラグインを紹介する。0.7.0」もあわせてどうぞ。スポンサーリンクレクタングル(大)広告もし良ければお願いします。良かったらフォローお願いします。jump-up関連記事Tumblrのカスタマイズ-TumblrにJqueryプラグインや画像などのファイルをアップロードして使う方法Tumblrでは、テーマのカスタマイズに必要なファイルに限ってアップロードすることができる。今回から3回にわたり画像などの要素を小刻みに振動(Wiggle)させるjqueryプラグインを紹介する。コメントをキャンセルメールアドレスが公開されることはありません。*サイト人気の記事まだデータがありません。Widget人気の記事まだデータがありません。Profileメインブログでは、WordPressやTwitterその他好きなことを記事にしています。そのほか2ちゃんまとめサイトやubuntuなどのブログもぽちぽちやってます。JUMP-UP.INFO。