ノーコード ラボ

NoCode 関連のツールの紹介、使い方などをやさしく説明します。質問やご指摘大歓迎です。わからないことがあったら、コメントや Twitter などで聞いてください!

Bubble で作る4択クイズアプリ(新レスポンシブ版)2:ページの作成(エレメントの配置と設定)

この記事は 【 Bubble で作る4択クイズアプリ(新レスポンシブ版) 】の第2回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の記事では、データベースと Option…

BubbleでIPアドレスの制限を行う方法

こんにちは!今回ご紹介するのは、IPアドレスの通信制御をBubbleで実装する方法です。 日本国内や海外問わず様々な場所から通信ができるようになり、リモートで仕事ができるようになった一方で、Webサイトの脆弱性を突いた通信やウイルス等を多く耳にするよ…

Bubble で作る4択クイズアプリ(新レスポンシブ版)1:データベースと Option sets の作成

この記事は 【 Bubble で作る4択クイズアプリ(新レスポンシブ版) 】の第1回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp では、早速はじめていきましょう!前回…

Bubbleでチャットツール「チャネルトーク」を組み込む

こんにちは!今回は、Bubbleで開発したアプリにチャットツール「チャネルトーク」を組み込む方法をご紹介します。 チャネルトークは顧客管理機能も備えたチャットツールです。チャネルトークが提供しているテンプレートコードを使用して簡単にBubbleなどのア…

サブスク情報の管理に便利なStripeカスタマーポータルをBubbleで実装する方法

こんにちは!今回は、オンライン決済サービス「Stripe」の「カスタマーポータル」という機能をBubbleで実装する方法をご紹介します。 カスタマーポータルとはStripeが提供する機能の一つで、顧客が自分でサブスクリプションや支払い方法、請求先などの変更を…

Bubble アプリを BDK Native で簡単にネイティブ化する方法(Android / iOS)

こんにちは!今回は、Bubble で作成したアプリを BDK Native を使用してネイティブ化する手順についてご紹介します。 BDK Native は、作成した Bubble アプリをネイティブアプリに変換できるサービスで、海外の中小企業など含め500社以上に利用されています…

FlutterFlowでのサインイン/サインアップを実装してみる

こんにちは!今回は、ローコードツール「FlutterFlow」を使用して、サインイン/サインアップを実装する方法をご紹介します。 FlutterFlowはBubbleやAdaloのようにノンコーディングでWebアプリやWebサイトを構築できるツールです。 使用するにあたりFirebase…

【Bubble初級者向け】オンラインショップにStripe Payment Linksを使ってクレジット決済機能を実装する

こんにちは!今回は、オンライン決済サービスStripeのPayment Linksという機能を使ってBubbleで簡単にクレジット決済機能を実装する方法をご紹介します! Payment Linksは、Stripeが提供している決済機能の実装方法の中でも特に実装が簡単な方法です。その方…

【入門者向け】Bubble で作る4択クイズアプリ(新レスポンシブ版)

みなさん、こんにちは!シリーズ記事リニューアルのご案内です。 今回は、過去に本ブログ内にて公開していた、Bubble の入門者向けコンテンツ「Bubble で作る4択クイズアプリ」を新レスポンシブエンジン※に対応したバージョンで改めてお届けします。 ※ 新レ…

Notionと連携してページやブロック、コメントを作成できる機能をBubbleで実装する

こんにちは! 今回は、Notionと連携してページやブロック、コメントを作成できるアプリをBubbleで実装していきます。 Notionは、ドキュメントや表、Wikipediaの作成、タスク管理など、プライベートでもビジネスでも使える万能アプリです。マークダウン記法や…