概要QRコードとは、バーコードを拡張するために開発された2次元コードです今回はBubbleで、任意のURLからQRコードを生成する方法について解説します。QRコードを生成する方法はいくつかありますが、今回は実装が容易であるプラグインを使った方法を取り上げます。今回作成したエディターを公開します。設定時の参考にしてください。Generator」をインストールします。https://bubble.io/plugin/colour-qr-code-generator-1589286705656×418893179359068160データベースへ保存せずに、QRコードを表示する方法まずはデータベースへの保存を行わず、入力した文字列からQRコードを表示してみましょう。完成イメージ文字を入力し「表示する」ボタンを押すと、QRコードが表示されました。エレメントを配置するInput、Button、Image、ColourQRCodeを配置します。Image」を設定します。これで、生成したQRコードがImageエレメントに表示されます。ワークフローを設定するButtonを押下時のワークフローを設定します。workflow」をクリックし、ワークフロータブへ移動します。QRコードを生成するTextの欄に、Inputエレメントの値を設定します。value)これで完成です。プレビューでQRコードを表示できることを確認してみてください。続いて、生成したQRコードをデータベースへ保存してみましょう。完成イメージ文字を入力し「DB保存」ボタンを押すと、QRコードが表示された上に、データベースに保存されました。データベースを作成する今回は、QRコードの画像データと、画像データの名前を格納します。エレメントを配置するDB保存のButtonを新しく追加します。ワークフローを設定するButtonを押下時のワークフローを設定します。QRコードの生成が完了したら、データベースへ保存するまずはButtonを押下したら、QRコードを生成します。Databaseを”yes”にします。Filenameは画像データの名前です。任意で設定してください。続いて、QRコードの生成が完了したことをトリガーとし、データベースへ保存します。Filename」を指定します。プレビューでQRコードが保存されることを確認してみてください。