ノーコード ラボ

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

【Bubble 事例】オンライン個別指導サービス「スタディカルテLab」

スタディカルテ樋口さんへのインタビュー スタディカルテLab について 起業のきっかけ Bubble を選んだ理由 / 当社を選んだ理由 Bubble で実際に運用してみてどうか?良い点や悪い点は? 今後も Bubble のままで続けるのか?どこかの時点で乗り換えることが…

iPhone のメッセンジャーもどきを Bubble で作ってみる(新レスポンシブ版)2:メッセージを送信する相手を選択する画面を作成する

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる(新レスポンシブ版) 】の第2回です。 前回の記事を確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp それでは続きを作っていきます! index ページを「メ…

Bubbleでの正規表現の書き方と実装例

こんにちは! 今回の記事では、Bubbleでの正規表現の書き方と正規表現を用いた機能の実装例をレベルごとにご紹介します。 正規表現はプログラミングだけでなくテキストエディタでも用いられることがありますが、Bubbleで正規表現を設定しようとすると手こず…

iPhone のメッセンジャーもどきを Bubble で作ってみる(新レスポンシブ版)1:新規アプリの作成及び、ユーザー登録、ログイン画面を作成する

iPhone のメッセンジャーもどきを Bubble で作ってみる(新レスポンシブ版)1:新規アプリの作成及び、ユーザー登録、ログイン画面を作成する

【TYOITETU】旧レスポンシブから新レスポンシブへの移行

皆さん初めましてこの度記事を書かせてもらうTYOITETUを運営している佐藤と申します。 blog.nocodelab.jp 今現在旧レスポンシブで作ったアプリを新レスポンシブに対応させている最中という方も多いのではないでしょうか?まさにTYOITETUもそうです。 この度…

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

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

iPhone のメッセンジャーもどきを Bubble で作ってみる(新レスポンシブ版)

ノーコードラボで過去にご紹介したiPhoneメッセンジャーもどきの作り方を「新レスポンシブ版」で解説していきます。

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

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

BubbleでGPS機能を利用する方法

こんにちは!今回はBubbleでGPS機能を利用する方法をご紹介します。 この機能を使えば、現在地から目的地までの計算もできます。ウーバーイーツや、タクシーの料金アプリ等に応用できるので ぜひご一読ください! 1.GPSとは 2.本記事の目的 2-1.(補足)Curr…

BubbleとGoogle Tag Managerの連携方法 - BubbleにGoogle Analyticsタグを埋め込む

こんにちは!今回の記事では、「BubbleとGoogle Tag Managerの連携方法 - BubbleにGoogle Analyticsタグを埋め込む」をご紹介します。 Google Tag Managerは、ウェブサイトやモバイルアプリにGoogle AnalyticsやFacebook広告などの複数のマーケティングタグ…

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)4:ツイートとユーザーの紐付けと本番環境へのデプロイ

TwitterのようなマイクロSNSをBubbleで作成する(新レスポンシブ版)シリーズ、第4回は「ツイートとユーザーの紐付けと本番環境へのデプロイ」の作成について、ご紹介します!

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

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

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)3: プロフィール画面の作り方

TwitterのようなマイクロSNSをBubbleで作成する(新レスポンシブ版)シリーズ、第3回は「プロフィール画面」の作成について、ご紹介します!

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)2: サインアップとログイン/ログアウト処理

TwitterのようなマイクロSNSをBubbleで作成する(新レスポンシブ版)シリーズ、第2回は「サインアップとログイン/ログアウト処理」の作成について、ご紹介します!

Bubbleの検索機能「App search tool」を使ってみよう!

みなさんこんにちは! 今回は Bubble の開発には欠かせない、非常に便利な機能「App search tool」についてご紹介します。App search tool は、その名の通りアプリ内を検索してくれるツールですが、アプリが大きくなるにつれて、その利用価値は大きくなりま…

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

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

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)1: ツイートと一覧表示

1. はじめに 2. 新規アプリを作る 3. 新レスポンシブモードへ変更 4. 画面のデザイン 4.1. 4つのレイアウトタイプの解説 4.2. ヘッダー部分のデザイン 4.3. ボディ部分のデザイン 5. データベースの設計 5.1. テーブルのデザイン 5.2. データの作成 6. Tweet…

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)

みなさん、こんにちは!今回は、新しいシリーズ記事のご紹介です。 本シリーズでは、ノーコードラボで過去にご紹介した「 twitter のような簡単な SNS を bubble で作ってみる(入門者向け)」を、昨年11月にリリースされた新レスポンシブ機能に対応させた内…

BubbleとBackendlessの連携方法

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

バックエンドの機能をノーコードで構築できるツール「Xano」

前回はBackendlessというサービスをご紹介させて頂きましたが、今回はバックエンドに特化した機能をノーコードで作成できるツール、Xano(ゼノ)についてご紹介します。 Xanoをご紹介する背景としまして、 3月17日にbubbleの新料金プランが公表されましたが…

ノーコードで使用できるBaaS「Backendless」について

みなさんこんにちは! 今回は、ノーコードで簡単な画面作成・DB操作ができる BaaS(Backend as a Service)の Backendless をご紹介したいと思います。 1. Backendlessとは? 2. Backendlessでできること 3. 実際の画面について 3-1. フロントエンド 3-2. バ…

ユーザーが任意のタイミングでcsvを出力可能!csv creator プラグインについて

1. csv creator とは 1.1. 使用方法 1.1.1. プラグインのインストール 1.1.2. Element の配置 1.1.3. 出力したいデータテーブルの設定 1.1.4. csv creatorの設定 1.1.5. 実際に出力する 1.1.6. 必要なデータのみ出力したい場合 1.2. 今回使用した各プロパテ…

Bubble でリンクプレビューを実装する方法

みなさん、こんにちは! 今回は、Bubble で LinkPreview というサービスを利用して、Slack や Twitter などでURLを貼り付けた時に表示される、ページのタイトルやディスクリプション、OGP(Open Graph Protocol)を取得するリンクプレビュー機能を実装していき…

Bubble のリリース前チェックリスト

みなさん、こんにちは! さて、早速ですが、ノーコード開発したサービスをリリースする際、みなさんは、安全に、そして確実にリリースするために、どのような準備をされていますか? どんなに準備していても、リリース前後は多少の緊張感を感じるという方、…

PDF作成プラグイン「PDF Conjurer」と「Google Doc to PDF | Unlimited」を実装する

こんにちは!今回は、BubbleでおすすめのPDF作成プラグイン「PDF Conjurer」と「Google Doc to PDF | Unlimited」の実装方法をご紹介します。 請求書、イベントの予約確認、ユーザーへの各種書類など、BubbleでPDFを作成したいシーンはたくさんありますよね…

Bubble で calendly クローンを作ってみる!(初級者向け)9:予約一覧ページの作成(後半)

この記事は 【 Bubble で calendly クローンを作ってみる!(初級者向け) 】の第9回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp 本シリーズ最終回となりました。今回も、前回と同じ管理者が予約一覧…

Bubble で calendly クローンを作ってみる!(初級者向け)8:予約一覧ページの作成(前半)

この記事は 【 Bubble で calendly クローンを作ってみる!(初級者向け) 】の第8回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp 今回は、本シリーズの最後の画面となる、管理者が予約一覧を確認でき…

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

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

LINE Message プラグインの機能追加

1. 画像の送信 引数 2. 動画の送信 引数 3. メッセージオブジェクトの送信 引数 メッセージオブジェクトの JSON LINE絵文字 LINEスタンプ その他 余談 こんにちは!ノーコードラボの岡崎です。 昨日(2022年2月5日)、久しぶりに LINE Message プラグインに…

Bubble の Workflow の実行順序について

1. 概要 2. 全体図 3. Workflow のロジックに関する基本知識 4. Workflow の実行順序のルール 4.1. 必ずしも前の Step が完了するのを待ってから次の Step がトリガーされるわけではない 4.2. Backend Workflow がトリガーされるタイミング 4.3. Custom Even…