Bubble
Claude CodeやCodexからBubbleアプリを調査・編集できるBuildprint.ai。セットアップ、AIによる構造説明、アプリ構成の自動編集、Data API連携でのデータ投入まで、実際の検証ベースで解説します。
Bubbleプラグイン：Pagenationをリリース 1. どんなプラグイン？ 2. できること 3. 使い方 3-1. Repeating Group を設定する 3-2. Pagenation を設定する 3-3. WorkFlowのイベントを追加する 4. 補足 5.最後に おまけ ノーコードラボのプラグイン Bubbleプラ…
Bubbleとは なぜ Bubble なのか？ WordPress との比較 Bubble で作られた Webアプリ MirrorMirror Clarify Qoins Bubbleの始め方とレッスンについて アカウント作成手順 あとは作るだけ 具体的なアプリの作成方法 twitter のような簡単な SNS をBubble で作…
皆さん、こんにちは！今回は、Auth0を利用して Bubble でSSOを実装する方法について、ご紹介したいと思います。 今では様々なサービスに利用されているシングルサインオン（SSO）ですが、開発者、ユーザーどちらにもメリットの大きい機能ですので、ぜひ使い…
こんにちは！ 今回の記事では、Discordでダイレクトメッセージ（以下DM）を送信する機能をBubbleで実装する方法をご紹介いたします。以下の記事でご紹介したDiscordチャンネルにメッセージを送信するアプリをBubbleで作る方法の応用版となります。 blog.noco…
皆さんこんにちは！今回はノーコード ラボで開発した以下2つのプラグインについて紹介していきます。 LINEアカウントによるソーシャルログインを実現する「LINEログイン」のプラグイン BubbleからLINEへメッセージを送信できる「LINEメッセージ送信」のプラ…
この記事は 【 Bubble で作るシンプルなマッチングサイト（初級者向け） 】の第１回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 皆さん、こんにちは！シリーズ第１…
こんにちは！今回は、Bubbleで2FAを実装する手順をご紹介します。 2FAは「two-factor authentication（二要素認証）」のことで、ログイン時に2つの異なる要素を組み合わせて認証を行うセキュリティ対策です。Bubbleでは2FA専用のActionを用いて2FAを実装する…
こんにちは！今回は、Bubbleの機能を使ってできるSEOをご紹介します。SEOは、Webサイトを検索エンジンの検索結果で上位に表示させるために最適化することです。 Bubbleは高度なWebアプリ開発ができることで人気のツールですね。しかし、Bubbleで開発したアプ…
こんにちは！Bubble標準のカレンダーであるCalendarエレメントを使っていて、もっと柔軟にカスタマイズしたいと思ったことはありませんか？ 本日は、「Calendar tool」プラグインとRepeating Groupを使って、カスタマイズしたカレンダーを表示する方法をご紹…
こんにちは！今回は、BubbleでおすすめのPDF作成プラグイン「PDF Conjurer」と「Google Doc to PDF | Unlimited」の実装方法をご紹介します。 請求書、イベントの予約確認、ユーザーへの各種書類など、BubbleでPDFを作成したいシーンはたくさんありますよね…
こんにちは！今回は、オンライン決済サービス「Stripe」の「カスタマーポータル」という機能をBubbleで実装する方法をご紹介します。 カスタマーポータルとはStripeが提供する機能の一つで、顧客が自分でサブスクリプションや支払い方法、請求先などの変更を…
前回はBackendlessというサービスをご紹介させて頂きましたが、今回はバックエンドに特化した機能をノーコードで作成できるツール、Xano（ゼノ）についてご紹介します。 Xanoをご紹介する背景としまして、 3月17日にbubbleの新料金プランが公表されましたが…
みなさん、こんにちは！ TwitterからXに変わって1年以上経ち、最近ようやく「X」に慣れてきたところですが、皆様いかがでしょうか？ さて、X (Twitter) のAPIを使って認証する方法はいくつかありますが、 今回は、OAuth 2.0 Authorization Code Flow with PK…
1. はじめに 1.1 この記事で扱うこと（スコープ） 1.2 読むとわかること 1.3 前提と制約 1.4 本記事で扱わないこと（除外） 1.5 要点まとめ（結論の先出し） 2. アーキテクチャ 2.1 フロー（全体像） 2.2 マッピング方式の比較 2.3 Cookie / 認証の設計 3. …
ショッピングサイト 1. DBの目的を明確にする 2. 必要な情報を考え、整理する 3. 一覧表の関係性を確認する 4. アプリを作成する まとめ Bubble camp アシスタントの あぽとです。 BubbleをはじめとしたNoCode開発において、初心者がつまずくポイントのひと…
こんにちは！ 今回は、Bubble で Local Storage を利用する方法についてご紹介します。 Local Storage は、HTML5 から登場した Web ブラウザにデータを保存するための仕組みです。 この仕組みを利用すると、Web アプリケーションからデータベースへのアクセ…
みなさん、こんにちは！今日は新シリーズのご案内です！今回は、Bubble でシンプルなマッチングサイトを作成していきます。作成するのは、CrowdWorks のような仕事の募集や応募ができるサービスです。 また、本シリーズは初級者編ということで、Bubble を初…
みなさん、こんにちは！ 今回は Zeroqode の有料プラグイン「Bubble Page to PDF Converter」についてです。Bubble で PDF を作成する方法は過去の記事でもいくつか取り上げていますが、今回のプラグインは、ページをそのまま PDF化できるため、例えば複雑な…
前回の記事で、ページ間の値の受け渡し方法である「QueryString」と「Data to send」をご紹介しましたが、今回は後者の「Data to send」について、もう少し詳しくご紹介したいと思います。 blog.nocodelab.jp 「Data to send」まとめ 「Data to send」で出来…
こんにちは！今回は、Bubble で作成したアプリを BDK Native を使用してネイティブ化する手順についてご紹介します。 BDK Native は、作成した Bubble アプリをネイティブアプリに変換できるサービスで、海外の中小企業など含め500社以上に利用されています…
1. はじめに 2. LINE LOGIN PRO の概要 3. LINE Developers の設定について 3.1. プロバイダーとチャネル作成 3.2. メールアドレス取得権限の申請 3.3. コールバックの設定とチャンネル公開 4. LINE LOGIN PRO の設定と機能について 4.1. 設定値 4.2. サポー…
① Vertical scrolling（垂直スクローリング） ② Ext. vertical scrolling（拡張型垂直スクロール） ③ Full list（完全リスト） ④ Fixed number of cells（セル数の固定） ⑤ Horizontal scrolling（水平スクロール） まとめ みなさんこんにちは！ 今日は、Bub…
以前のStripeに関する記事では、Bubbleでシンプルなオンライン決済を導入する Stripe Payments について ご紹介しました。 今回は、マーケットプレイスやシェアリングサービスといった、プラットフォーム、顧客、および売り手の間で支払いのルーティングが可…
Webアプリを作る時に、検索画面、というのはよくありますよね。 外部のDBを使用する場合もあるかと思いますが、ここでは、BubbleのDataを使って検索する方法をお伝えします。 検索画面を作ってみよう containsは使えない？ filterを使ってみよう！ 参考URL B…
こんにちは！Bubble camp アシスタントの あぽとです！ 今回は、Bubbleでの日付・時刻入力に関するプラグインを紹介します。 お店の予約、期限の設定など、日時を入力する場面は多々考えられます。 この時、文字入力やプルダウン入力でもいいですが、 カレン…
こんにちは！今回は、Bubbleの最新AI機能「AI App Generator」と、そこから見えるBubbleのAI開発の今後の展望についてご紹介します。 「AI App Generator」は、2025年3月末に公開されたPublic β版のAI機能で、UIだけでなくデータ構造やWorkflowまで自動生成…
こんにちは！ 今回は、Bubbleのちょっと嬉しいアップデートの情報をお知らせします！ 1. button アップデート！ 2. Icon アップデート！ 3.まとめ 1. button アップデート！ Webアプリでボタンをデザインする時どんなボタンにしますか？ 例えば「検索」ボタ…
第６回メールアドレスとパスワードを変更しよう メールアドレスとパスワードを変更しよう メールアドレスを変更しよう（ソーシャルログイン） まとめ Bubble でログイン処理をしてみよう！コンテンツ一覧 第６回メールアドレスとパスワードを変更しよう これ…
1. テンプレートを作った理由 1.1 日本語環境への対応 1.2 認証周りの処理の作り込み 1.3 いいね！とコメント機能 の実装 1.4 あえてやっていないこと 1.5 その他 2. テンプレートの設計 2.1 画面構造 製品紹介関連のページ 認証周りのページ 3. 使い方 3.1 …
