ノーコード ラボ

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

API Connector

Bubble 外部サービス向け API workflow 構築の基本

みなさん、こんにちは! 今回は Bubble の Workflow API についてです!Workflow API は、過去の記事でも何度も取り上げてきましたが、今回は Workflow API の中でも、更に外部に公開する API workflow についてをフォーカスしていきたいと思います。 外部サ…

Auth0 の LINE ログインで bot_prompt を利用する方法

みなさん、こんにちは!今回は Bubble × LINE × Auth0 についてです。 Bubble と Auth0 の連携については、過去の記事でも何度か取り上げていますが、Auth0 の強みは、その柔軟性とセキュリティにあります。 Auth0 は、強固なセキュリティ機能に加え、多様な…

BubbleでGPT-3をfine-tuningしてキャラクター設定したAIチャットアプリを構築する

こんにちは!今回は、GPT-3をfine-tuningしてキャラクター設定したAIと会話できるアプリをBubbleで構築していきます! fine-tuningとはモデルを再学習させる手法で、本記事では「つくよみちゃん」というキャラクターの会話データセットを使ってGPT-3 Davinci…

AIと対話できるチャットアプリをBubbleとGPT-3.5で構築する

こんにちは!今回は、OpenAIのGPT-3.5 Davinciモデルを使ってAIと対話できるチャットアプリをBubbleで構築していきます。 2022年は、画像やイラストの生成、文章の生成・要約AIなど多様な一般向けAIサービスが話題となり、AIが身近なものになった年でしたね…

SparkLiteを使って複雑な計算をスピーディーに実行できるアプリをBubbleで構築する

こんにちは!今回は、SparkLiteを使って複雑な計算をスピーディーに実行できるアプリをBubbleで構築する方法をご紹介します。 SparkLiteは、関数を使うような複雑なExcelの計算をAPIに変換できるノーコードツールです。Excelをアップロードしてコーディング…

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

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

BubbleとAirtableを連携する方法

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

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

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

Auth0と連携してBubbleでSSOを実装する方法

皆さん、こんにちは!今回は、Auth0を利用して Bubble でSSOを実装する方法について、ご紹介したいと思います。 今では様々なサービスに利用されているシングルサインオン(SSO)ですが、開発者、ユーザーどちらにもメリットの大きい機能ですので、ぜひ使い…

Google Driveと連携してファイルをダウンロードする機能をBubbleで実装する

こんにちは! 今回は、Google Driveと連携して、自分のGoogle DriveのファイルをダウンロードできるアプリのBubbleでの実装方法をご紹介します。 Google Driveと言えばOne DriveやDropboxと並ぶクラウドストレージの代表格で、業務で使用されている方も多い…

Bubble と Firebase Realtime Database を連携してみよう!

みなさん、こんにちは!今回は、以前の Buckendless や Xano に続きまして、Bubble の外部 DB の候補の一つである Firebase Realtime Database との連携方法についてご紹介したいと思います。 Firebase のデータベース には「Cloud Firestore」と「Realtime …

BubbleでDiscordダイレクトメッセージ送信機能を実装する

こんにちは! 今回の記事では、Discordでダイレクトメッセージ(以下DM)を送信する機能をBubbleで実装する方法をご紹介いたします。以下の記事でご紹介したDiscordチャンネルにメッセージを送信するアプリをBubbleで作る方法の応用版となります。 blog.noco…

BubbleとXanoの連携方法について

みなさんこんにちは! 前回の記事では Xanoでできることや簡単な操作方法をご紹介しました。 blog.nocodelab.jp 今回は第2弾として、Bubble と Xano の連携手順をご紹介します。 また、Xano の 開発者向けの APIドキュメントは以下となっていますので、合わ…

BubbleとBackendlessの連携方法

みなさんこんにちは! 前回の記事では Backendless でできることや簡単な操作方法をご紹介しました。 blog.nocodelab.jp 今回は第2弾として、Bubble と Backendless の連携手順をご紹介します。今回作成するサンプルアプリについては、以下のドキュメントに…

BubbleでDiscordログイン・メッセージ送信機能を実装する

こんにちは!今回は、BubbleでDiscordと連携してOAuth2.0ログインやチャンネルへのメッセージ送信機能を実装する方法をご紹介します。 Discordはオンラインゲームプレイヤーの間でユーザー拡大中のコミュニティアプリです。そんなDiscordアカウントでログイ…

BubbleからIntegromatを使ってOneDriveにファイルをアップロード

こんにちは。今回は、Integromatと連携してOneDriveにファイルをアップロードするWebアプリをBubbleで作っていきます。 OneDriveと言えばOneDrive APIを使う方法がまず思い浮かびますが、今回はOneDrive APIを使わずIntegromatとBubbleを連携する方法をとり…

BubbleでOAuth2.0をマスター!API Connectorを使ってSpotifyアカウントでのログイン機能を実装する

こんにちは!今回は、BubbleでOAuth2.0をマスターするためにAPI Connector「OAuth2 User-Agent Flow」の設定方法を解説します。 これまでにもOAuth2.0ログインの実装方法をいくつかのサービスを例に紹介してきましたが、今回はOAuth2.0の仕組みや各サービス…

Microsoft Teamsオンライン会議作成機能をBubbleで実装する方法

皆さんこんにちは。今回は、Microsoft Graph APIを使って、ビジネスオンライン会議ツールの代表であるTeamsのオンライン会議を作成できるBubbleアプリの実現方法をご紹介します。ぜひ業務効率化アプリの開発に活用してくださいね! Microsoft Graph APIは、M…

Bubble から Google meet の予約をしてみよう!

API Connectorのインストール Google APIsでプロジェクト作成 Bubbleアプリの構築 API Connector のOAuth設定 ソーシャルログインで接続 API Connector の呼び出しポイントを初期化 ユーザーのカレンダーリストを取得 カレンダーにイベントを新規作成 + Goog…

Bubble と Googleカレンダーを連携してみよう!

2021/02/22 追記 Zeroqode の Calendar from Google プラグイン更新(v1.11.0 ⇒ v1.14.0)に伴い、以下でご紹介しているGoogleカレンダーの「イベント一覧の取得」「イベントの新規作成」「イベントの削除」は Calendar from Google の設定値を API Connecto…

Bubble で Twitter API を使ってみよう!(OAuth 2.0)

Bubble で Twitter API を使ってみよう! Twitter API について サンプルを作ろう 前準備をしよう Twitter Developer API Connector のインストール 実際に試してみよう API Connectorの設定 Twitter 検索のAPIを設定 タイムライン取得の API を設定 画面を…

Bubbleでスクレイピングをしてみよう!

Bubbleでスクレイピングをしてみよう! スクレイピングとは サンプルを作ろう dexi.ioの準備をしよう Robotを作ろう Outputsを設定しよう Stepsを設定しよう 実行してみよう Runを作成しよう 実際に実行してみよう API Keyを取得しよう Bubbleの準備をしよう…

Bubble から LINE メッセージを送信する方法

前提条件 LINE Bubble 設定方法 1. API Connector の設定 1.1 共通部分(認証)の設定 1.2 プッシュメッセージの設定 1.3 注意点 2. Bubble エディターの設定 まとめ こんにちは!ノーコード ラボの岡崎です。 今回は Bubble から LINE にメッセージを送信す…

Bubble で API Connector を使って Google Search Console に接続する方法

皆さん、こんにちは!今回は、Bubble の API Connectorを使って Google Search Console に接続しデータを取得するという方法についてご紹介したいと思います! また、データの取得には、OAuth2.0 や OpenID Connect といった知識も合わせて必要になってきま…

Auth0 と連携して Bubble で LINE ログインを実装する方法

皆さん、こんにちは!今回は、日本国内で最も普及率が高い SNS である LINE アカウントを使用したソーシャルログインを Bubble で実現する方法について、ご紹介したいと思います。 今回 LINE アカウントを使用するために、Auth0 というサービスを利用します…

Bubble から Integromat 経由でツイートする方法

Integromat 経由でツイートする方法 1. Integromat でシナリオを作成する やりたいこと 1.1 Webhook を作成する 1.2 Integromat のシナリオでツイートする 1.3 レスポンスを返す 2. bubble 側の API Connector の設定を行う 3. Integromat 側の再設定を行う …

BubbleでAPIを使ってみよう!

BubbleでAPIを使ってみよう! 画面を作成しよう APIを使おう APIConnetorをインストールしよう APIConnetorの設定をしよう APIConnetorを実際に呼んでみよう まとめ おすすめ記事 BubbleでAPIを使ってみよう! 巷では様々なAPIが提供されていますが、Bubbleで…