# 既出からのトライ QRコード生成 失敗

**URL:** <https://community.cybozu.dev/t/topic/5142>\
**Category:** kintone 開発相談\
**Created:** [2021 年 7 月 30 日午前 9:11 UTC](https://community.cybozu.dev/t/topic/5142 "2021-07-30T09:11:29Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)\
**Post date:** [2021 年 7 月 30 日午前 9:11 UTC](https://community.cybozu.dev/t/topic/5142/1 "2021-07-30T09:11:29Z")

</div>

[https://developer.cybozu.io/hc/ja/community/posts/360048112812-QR%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E4%BD%9C%E6%88%90](https://developer.cybozu.io/hc/ja/community/posts/360048112812-QR%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E4%BD%9C%E6%88%90)

上記のサイトを元に下記のように設定を行いました。

------------------------------javascripu設定画面 ↓&nbsp; -------------------------

* * *

QR.jsはサンプルコードを参考に

(function&nbsp;()&nbsp;{

&nbsp;&nbsp;&nbsp;&nbsp;“use&nbsp;strict”;

&nbsp;&nbsp;&nbsp;&nbsp;kintone.events.on(‘app.record.detail.show’,&nbsp;function&nbsp;(event)&nbsp;{

&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(‘#user-js-space’).qrcode(location.href);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;event;

&nbsp;&nbsp;&nbsp;&nbsp;});

&nbsp;&nbsp;})();

と入れてみましたが、表示されませんでした。

&nbsp;

★予想

qrcode(location.href); の項目で引っ掛かているか

jquery.min.jsがうまく適用できていないのではないかと予想しています。

スペースフィールドには「space」のIDを入力しています。

どこに誤りがあるかご指摘頂ければ幸いです。

&nbsp;

★また可能であればrepotonUで印刷したいと考えてますが

添付ファイルに画像としてコピーするか、他の対応方法があれば

アドバイスを頂戴したいです★

実施が厳しければpotara様のプラグインを検討しようと思っています

[https://potaracom.stores.jp/items/5d986e62745e6c1c54fe686f](https://potaracom.stores.jp/items/5d986e62745e6c1c54fe686f)

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account871](https://avatars.discourse-cdn.com/v4/letter/l/50afbb/32.png) [@Legacy\_Account871](https://community.cybozu.dev/u/Legacy_Account871)\
**Post date:** [2021 年 7 月 30 日午前 11:06 UTC](https://community.cybozu.dev/t/topic/5142/2 "2021-07-30T11:06:41Z")

</div>

予想通り

```
qrcode(location.href);

$('#user-js-space').qrcode({text:location.href});

```

にしたら動きました。

{}で挟まれたところはオブジェクトなので key: 値のセットが必要です。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)\
**Post date:** [2021 年 7 月 30 日午後 11:20 UTC](https://community.cybozu.dev/t/topic/5142/3 "2021-07-30T23:20:22Z")

</div>

harada様

ご助言ありがとうございます。

この場合keyが必要だったんですね。

javascriptを修正してみましたが、動作は確認できませんでした。

&nbsp;

デバックの見方がよく分かっていないので、憶測ですが

・ jquery.min.js

・ jquery.qrcode.min.js

がうまく組み込めてないのではないかと予想しております。

それ以外で動作しない要素が考えられないので・・・

&nbsp;

&nbsp;

修正後javascript

(function&nbsp;()&nbsp;{

&nbsp;&nbsp;&nbsp;&nbsp;“use&nbsp;strict”;

&nbsp;&nbsp;&nbsp;&nbsp;kintone.events.on(‘app.record.detail.show’,&nbsp;function&nbsp;(event)&nbsp;{

&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(‘#user-js-space’).qrcode({text:location.href});

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;event;

&nbsp;&nbsp;&nbsp;&nbsp;});

&nbsp;&nbsp;})();

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)\
**Post date:** [2021 年 7 月 30 日午後 11:22 UTC](https://community.cybozu.dev/t/topic/5142/4 "2021-07-30T23:22:48Z")

</div>

・ jquery.min.js

・ jquery.qrcode.min.js

入手先

&nbsp;

[https://github.com/jeromeetienne/jquery-qrcode](https://github.com/jeromeetienne/jquery-qrcode)

[https://proengineer.internous.co.jp/content/columnfeature/12468](https://proengineer.internous.co.jp/content/columnfeature/12468)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account871](https://avatars.discourse-cdn.com/v4/letter/l/50afbb/32.png) [@Legacy\_Account871](https://community.cybozu.dev/u/Legacy_Account871)\
**Post date:** [2021 年 7 月 30 日午後 11:56 UTC](https://community.cybozu.dev/t/topic/5142/5 "2021-07-30T23:56:01Z")

</div>

カスタマイズの内容は私と同じようですね。

プラグインはなにか入れていますか？

```
Uncaut ReferenceError: jQuery is not definde
at downlad.do?xxxxxxxx:28

```

28行目のエラーと思われます。今回のカスタマイズは行数はせいぜい10行ぐらいです。

問題を切り分けましょう。

新しいスペースでQRコード用のアプリを用意して、カスタマイズしてみてください。

QRコードはでるはずです。

QRコードがでたら既存のカスタマイズ・プラグインと干渉しているのではないか？と考える流れになります。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)\
**Post date:** [2021 年 7 月 31 日午前 2:50 UTC](https://community.cybozu.dev/t/topic/5142/6 "2021-07-31T02:50:45Z")

</div>

新規のアプリで試した結果 エラーが1つに減りました。

QR表示は確認できませんでした。

28行目で赤く表示されていたのが以下の内容です

d+“px”).css(“background-color”,a.isDark(e,i)?h.foreground:h.background).appendTo(f)}}a=c;jQuery(a).appendTo(this)})}})(jQuery);

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account871](https://avatars.discourse-cdn.com/v4/letter/l/50afbb/32.png) [@Legacy\_Account871](https://community.cybozu.dev/u/Legacy_Account871)\
**Post date:** [2021 年 7 月 31 日午前 3:41 UTC](https://community.cybozu.dev/t/topic/5142/7 "2021-07-31T03:41:09Z")

</div>

jQueryが定義されていないというエラーです。

Javascriptの設定画面で、順番をjQueryを上、&nbsp;jquery.qrcode.min.jsを次、最後にカスタマイズしたJavascriptの順番にしてください。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)\
**Post date:** [2021 年 8 月 2 日午前 12:44 UTC](https://community.cybozu.dev/t/topic/5142/8 "2021-08-02T00:44:41Z")

</div>

harada様 順番の変更で機能が確認できました。

javaの順番に関しては盲点で大変勉強になりました。

&nbsp;

また、何度も回答を頂きありがとうございます。

これからレポトンUでの印刷にもっていけるか検証したいと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account871](https://avatars.discourse-cdn.com/v4/letter/l/50afbb/32.png) [@Legacy\_Account871](https://community.cybozu.dev/u/Legacy_Account871)\
**Post date:** [2021 年 8 月 2 日午前 2:11 UTC](https://community.cybozu.dev/t/topic/5142/9 "2021-08-02T02:11:37Z")

</div>

javaとJavaScript は別物ですね。念のため。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2246](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2246](https://community.cybozu.dev/u/Legacy_Account2246)\
**Post date:** [2021 年 8 月 2 日午前 7:34 UTC](https://community.cybozu.dev/t/topic/5142/10 "2021-08-02T07:34:23Z")

</div>

指摘頂いた内容にハッしました。

このままの表現ですと後々影響がありそうですね、社内での呼称でも気をつけたいと思います。

重ね重ねありがとうございました。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 10 月 5 日午前 12:38 UTC](https://community.cybozu.dev/t/topic/5142/11 "2023-10-05T00:38:24Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
