# \[bubble\]QR Code Scannerの使用方法について **URL:** \ **Category:** bubble\ **Created:** [2021 年 9 月 23 日午後 10:01 UTC](https://www.nocode-faq.com/t/topic/2208 "2021-09-23T22:01:29Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)\ **Post date:** [2021 年 9 月 23 日午後 10:01 UTC](https://www.nocode-faq.com/t/topic/2208/1 "2021-09-23T22:01:29Z")
いつも初心者のような質問で失礼します。 今回はBubbleの「QR Code Scanner」の使用方法です。 ①そもそも動作しない。 プラグインでインストールしたもののカメラが立ち上がらないです。 ![スクリーンショット 2021-09-24 6.53.32](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/86fbcd4a0a24cc00ecd877f57132d597be82bcb0.png) ![スクリーンショット 2021-09-24 6.54.04](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/296632abca6882ea943bc33cf613f2ad83b07c99.png) ②実現したいこと QRで読み込んだ値（URL等）をインプットに反映させたいです。その後、反映させた値をデータベースに登録したいと考えています。 ご教授、よろしくお願いします。 ---
**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\ **Post date:** [2021 年 9 月 25 日午前 1:55 UTC](https://www.nocode-faq.com/t/topic/2208/2 "2021-09-25T01:55:55Z")
デモページはもう試されましたか？ > **[Bubble - Visual Programming](https://qr-code-scanner.bubbleapps.io/)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. まず、QR Code Scannerエレメントを画面に配置する必要がありますが、ここまではできているようですね。 読み取りの開始/終了は、Workflowの「Element Actions」ー「Start a QRCode Scanner」で開始、同Stopで終了できます。 ![ScreenShot 2021-09-25 10.52.24](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/6bf70bcf0b040ccf72b3c5b387f8a00898fe34ec.png) WEBブラウザでカメラを使うには、初回表示時にユーザがカメラの使用を許可する必要があります。このポップアップは自動で表示されます。 ![ScreenShot 2021-09-25 10.46.06](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/076920de0b4fa1fed8d74a700a57bfbbfd8c171d.png) 読み込んだQRコードの値は、Textエレメントなどで「QRCodeScanner A’s QR content」のように指定して取り出せます。 お試しください。 ---
**Author:** ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)\ **Post date:** [2021 年 9 月 25 日午前 11:59 UTC](https://www.nocode-faq.com/t/topic/2208/3 "2021-09-25T11:59:12Z")
@jansnap いつもありがとうございます！ でもページを見てみたら、すごくイメージが湧いてすぐに実装ができました。 Textエレメントで「QRCodeScanner A’s QR content」のように指定して、値を取り出してDBに格納はできましたが…Text型でないと反映できないのですね！できればnumberが良かったのですが…難しい！！