こんにちは。以前、【ノーコード】FlutterFlowでQRコード/バーコード読み込み機能を実装してみよう。という記事を書きました。この時点では「FlutterFlowではQRコード/バーコードの読み込みはできるけど生成をするエレメントしかできない。もしバーコード/QRコードの生成をしたいなら自前でカスタムアクションとかガリガリ書くしかない」と思っていたので読み込み機能に関してのみ書いていました。しかし、いつの間にか、FlutterFlowのエレメントに「barcode」というエレメントが追加されており、今はこれでQRコード/バーコードの読み込みができるようですね!僕もわからなかったのでFlutterFlow有識者たちに教えてもらいました✨本当にFlutterFlowの機能追加のスピードが早過ぎます。我々も追いつかないくらいなのは嬉し過ぎますね。ではbarcodeエレメントを使ったQRコード/バーコードの読み込みを試してみたので紹介します。FlutterFlowのエレメントからBarcodeエレメントを検索以下のようにBarcodeで検索するとすぐ出てきます。↓以下のような感じでバーコード用とQRコードように、barcodeエレメントを二つ配置してみました。Barcode Valueのところに変数を入れられるので、入力した値をバーコード・QRコード化できます。Barcode Dimensionsを1Dから2Dにすることで、バーコードとQRコードを切り替えられます。バーコードにもQRコードにも簡単に対応できて素晴らしいですね。動かしてみると、以下のようにテキストフィールドに入力したコードがバーコード化・QRコード化できました。実際にスマホから読み取ってみましたが、問題なく値が取れることが確認できました。Youtube動画でのFlutterFlow解説はこちらFlutterFlowでのバーコード/QRコードの生成機能についてこちらの動画でも解説しているので興味のある方はどうぞ%3Ciframe%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FmRyH3-wFqEA%3Fsi%3DywTISrkaB67MuRou%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20allowfullscreen%3D%22%22%3E%3C%2Fiframe%3Eバーコード/QRコードの読み込みについてはこちら今回は「生成」機能でしたが「読み込み」機能については別ブログで書いてるのでこちらもどうぞ【ノーコード】FlutterFlowでQRコード/バーコード読み込み機能を実装してみよう。アプリ・Webサービスの開発の無料相談はこちらbubble、Adalo、FlutterFlow、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。この機会に、温めていたビジネスアイデアを今すぐ形にしてみませんか?弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。アプリ/Webサービスの開発、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。