ノーコード ラボ

NoCode 関連のツールの紹介、使い方などをやさしく説明しています。Chatbot の運用実験は終了しました。ご協力いただいたみなさん、ありがとうございました。

Bubble

Bubbleの新料金プランについて(2023/05/01~適用開始)

みなさん、こんにちは! 今回は、2023年5月1日から適用されているBubbleの新たな料金プランについてご紹介します!既存アプリの取り扱いについても ご紹介しますので、ぜひ最後までご一読ください。 1. Bubbleの新料金プラン(2023年5月1日から) 2. 新料金…

Bubble で作るシンプルなマッチングサイト(初級者向け)7:【ワーカー】仕事検索と仕事紹介ページの作成

この記事は 【 Bubble で作るシンプルなマッチングサイト(初級者向け) 】の第7回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp デザインの細かい部分については割…

Bubble で作るシンプルなマッチングサイト(初級者向け)6:Reusable element の作成②

この記事は 【 Bubble で作るシンプルなマッチングサイト(初級者向け) 】の第6回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp デザインの細かい部分については割…

Bubble で作るシンプルなマッチングサイト(初級者向け)5:【クライアント】仕事情報の新規登録と編集画面

この記事は 【 Bubble で作るシンプルなマッチングサイト(初級者向け) 】の第5回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp デザインの細かい部分については割…

Bubble で作るシンプルなマッチングサイト(初級者向け)4:Reusable element の作成①

この記事は 【 Bubble で作るシンプルなマッチングサイト(初級者向け) 】の第4回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の第3回では、トップページとサ…

Bubble で作るシンプルなマッチングサイト(初級者向け)3:サインアップ周りとプロフィール画面の作成

この記事は 【 Bubble で作るシンプルなマッチングサイト(初級者向け) 】の第3回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の第2回では、データベース周り…

Bubble で作るシンプルなマッチングサイト(初級者向け)2:Data types の作成と Privacy の設定

この記事は 【 Bubble で作るシンプルなマッチングサイト(初級者向け) 】の第2回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の第1回では、アプリのページ構…

Bubble でブラウザデータ保存 Local Storage を利用する方法

こんにちは! 今回は、Bubble で Local Storage を利用する方法についてご紹介します。 Local Storage は、HTML5 から登場した Web ブラウザにデータを保存するための仕組みです。 この仕組みを利用すると、Web アプリケーションからデータベースへのアクセ…

Bubble で作るシンプルなマッチングサイト(初級者向け)1:ncworks の全体像と仕様について

この記事は 【 Bubble で作るシンプルなマッチングサイト(初級者向け) 】の第1回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 皆さん、こんにちは!シリーズ第1…

Bubble で作るシンプルなマッチングサイト(初級者向け)

みなさん、こんにちは!今日は新シリーズのご案内です!今回は、Bubble でシンプルなマッチングサイトを作成していきます。作成するのは、CrowdWorks のような仕事の募集や応募ができるサービスです。 また、本シリーズは初級者編ということで、Bubble を初…

Wasabi クラウドストレージと連携する

「Wasabi」という名前のクラウドストレージをご存知でしょうか? 日本人からすると、なぜ「Wasabi」?と思わずにいられないですが、食べ物の「わさび」とは全く関係はありません。 安価で無制限に高速なデータの書き込み・読み込みができると評判のクラウド…

Bubble のセキュリティ監査ツール「Flusk Vault」とは

みなさん、こんにちは! 今回は、Bubble Forum でも話題に上がっていた セキュリティ監査ツール「Flusk Vault」についてです。 www.flusk.eu forum.bubble.io 当然のことながら、ノーコード開発においてもセキュリティ対策は重要課題のひとつです。ノーコー…

BubbleサイトにMicrosoft Clarityを導入する

みなさんは、Microsoft Clarityというツールについてご存知でしょうか? Microsoft Clarityは、Microsoftが無料で提供している、ユーザーの行動分析ツールです。 「ユーザーの行動分析」と聞いても、具体的にはどのようなことか想像がつかないかもしれません…

Bubble で作る4択クイズアプリ(新レスポンシブ版)4:Custom event の使い方

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

BubbleでSendinblueと連携してメールを送信する

こんにちは!今回は、「Sendinblue」というメール配信サービスをBubbleと連携する方法をご紹介します。 メール配信サービスと連携することで、Bubbleアプリから送信するメールの送信元アドレスがデフォルトのアドレス(APP_DOMAIN-no-reply@bubbleapps.ioな…

Algolia Integrationで全文検索を実装する(2)

AlgoliaIntegrationの前回記事に続き、第2弾です。Algoliaは細かな検索の設定ができるのも特徴の一つです。今回は特に便利な検索の設定についてご紹介します。

Bubble で作る4択クイズアプリ(新レスポンシブ版)3:ワークフローの設定と Custom states の使い方

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

BubbleとAirtableを連携する方法

こんにちは!今回は、クラウド型データベース「Airtable」をBubbleの外部データベースとして連携する方法をご紹介します。 ノーコードラボではBubbleと外部データベースの連携方法を何度か取り扱ってきましたが、今回は「Airtable」との連携方法をご紹介しま…

Bubbleプラグイン:Pagenationをリリース

Bubbleプラグイン:Pagenationをリリース 1. どんなプラグイン? 2. できること 3. 使い方 3-1. Repeating Group を設定する 3-2. Pagenation を設定する 3-3. WorkFlowのイベントを追加する 4. 補足 5.最後に おまけ ノーコードラボのプラグイン Bubbleプラ…

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社以上に利用されています…

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

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

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

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

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

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

ローコードビルダー「FlutterFlow」のご紹介

こんにちは! 今回は最近のバージョンアップで日本でも人気が出てきているローコードビルダー「FlutterFlow」をご紹介します。 ※FlutterFlowのホームページはこちら flutterflow.io FlutterFlowは「ノーコード」ではなく「ローコード」ツールとなりますが、…

iPhone のメッセンジャーもどきを Bubble で作ってみる(新レスポンシブ版)6:OneSignal を使って Web Push を実装する(iOS を除く)

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる(新レスポンシブ版) 】の最終回となります。前提条件などは以下の記事をご確認ください。 blog.nocodelab.jp 皆さん、こんにちは!今回は、OneSignal というサービスを使って、メッセー…