# 【bubble】小さなQRコードが作りやすいQRコードPluginを教えてください

**URL:** <https://www.nocode-faq.com/t/topic/3716>\
**Category:** bubble\
**Created:** [2023 年 6 月 16 日午後 3:34 UTC](https://www.nocode-faq.com/t/topic/3716 "2023-06-16T15:34:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nisihata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nisihata/32/5390_2.png) [@nisihata](https://www.nocode-faq.com/u/nisihata)\
**Post date:** [2023 年 6 月 16 日午後 3:34 UTC](https://www.nocode-faq.com/t/topic/3716/1 "2023-06-16T15:34:45Z")

</div>

# 課題

小さいQRコードを作成してRepeatingGroupで画面に表示する必要があります。  
貼り付ける対象が小さいので、サイズは60px✕60pxがMaxです。

ところが、今使っているPluginはエラー修正がHighのため、  
QRコードがごちゃごちゃしてしまい、QR Code Scannerで全角５文字が読み取れません。  
（スマホ付属のカメラなら読めました）

↓QR Code Scanner Plugin

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e046e9e2fcad8299f2df9a4735c339facff88191.png)

# 必要な情報

エラー修正がHighになっている理由は、中心にロゴを置くタイプのためだそうです。

ロゴは不要なのでエラー修正LowやMiddleのQRコードPlugin、  
または小さなQRコードが作りやすいQRコードPluginをご存知ないですか？

# スクリーンショット

## 画面全体

Repeating Groupを使っています。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/dcbe75deb4b1eb2e20ded984af7cfbd8ebc54827.png)

## QRコードのエディター

60px✕60pxにDBから取得した文字列を表示します  
全角5文字を出力します。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/4d917a8c0bba9bb3222fb3934aae73cb1d4d4162.png)

## 使用しているPlugin

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/96d8552bebd8b5803112f1de0141d07c9de2b8d8.png)

# 試したこと

1. Imageをおいて、  
API式のGeneratorで作ったQRコードを表示しようかと思いましたが、  
使えるAPIが見つけられませんでした。

2. Action型のQRcode作成Pluginを試そうとしましたが、  
RepeatingGroupのそれぞれにうまく設定する方法がわかりませんでした。

# 補足情報

・ 買い切りタイプなら有料でも構いません  
・ やり方が分かればPluginを自作する手段でも構いません

---

<div class="post-metadata">

**Author:** ![yukikun](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yukikun/32/3485_2.png) [@yukikun](https://www.nocode-faq.com/u/yukikun)\
**Post date:** [2023 年 6 月 17 日午前 1:53 UTC](https://www.nocode-faq.com/t/topic/3716/2 "2023-06-17T01:53:33Z")

</div>

有料のプラグインですが、こちらはどうでしょうか？

> **["Agile" Generate/Scan QR Codes Plugin for Bubble, by Codeless Ninja](https://bubble.io/plugin/agile-generatescan-qr-codes-1596015398064x842518533233967100)**
>
> "Agile" Generate/Scan QR Codes Plugin page on Bubble, by Codeless Ninja. Add "Agile" Generate/Scan QR Codes in one click to your app. Bubble lets you build web apps without any code.

ただ、エラー訂正コード強度は設定できないのでHighだと思います。  
60pxサイズのものも作成してみました。正常に読み取れそうです。

![create-qr-code](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/501be99a7b92e1bf663d86a5b1fa7cca6cd54ace.png)

---

<div class="post-metadata">

**Author:** ![nisihata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nisihata/32/5390_2.png) [@nisihata](https://www.nocode-faq.com/u/nisihata)\
**Post date:** [2023 年 6 月 17 日午前 9:27 UTC](https://www.nocode-faq.com/t/topic/3716/3 "2023-06-17T09:27:09Z")

</div>

ありがとうございます！  
画像のQRコード読めました！

買い切りであまり高額では無いのでいいですね。  
試してみます(^^)

---

<div class="post-metadata">

**Author:** ![kenichi.okazaki](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kenichi.okazaki/32/5625_2.png) [@kenichi.okazaki](https://www.nocode-faq.com/u/kenichi.okazaki)\
**Post date:** [2023 年 6 月 17 日午前 9:31 UTC](https://www.nocode-faq.com/t/topic/3716/4 "2023-06-17T09:31:07Z")

</div>

こんにちは、QRコード生成では  
「QR Code Generator to SVG」  
という無料プラグインを使っています。

エラーコード等は気にしていなかったですが、小さくても読めそうです。

60 x 60で設定して出力してみました。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f8ab87c51be87cc1b91fd04f05deb27198473bda.png)
