この記事は 【 Bubble で作るシンプルなマッチングサイト（初級者向け） 】の第６回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp デザインの細かい部分については割…
この記事は 【 Bubble で作るシンプルなマッチングサイト（初級者向け） 】の第５回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp デザインの細かい部分については割…
この記事は 【 Bubble で作るシンプルなマッチングサイト（初級者向け） 】の第４回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の第3回では、トップページとサ…
この記事は 【 Bubble で作るシンプルなマッチングサイト（初級者向け） 】の第３回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の第2回では、データベース周り…
この記事は 【 Bubble で作るシンプルなマッチングサイト（初級者向け） 】の第２回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の第1回では、アプリのページ構…
こんにちは！ 今回は、Bubble で Local Storage を利用する方法についてご紹介します。 Local Storage は、HTML5 から登場した Web ブラウザにデータを保存するための仕組みです。 この仕組みを利用すると、Web アプリケーションからデータベースへのアクセ…
こんにちは！今回のテーマは、ノーコード開発ツール「Framer」のウェブサイト作成・公開機能「Framer Sites」です。 Framerはもともとプロトタイプをノーコードで作成できるサービスでしたが、2022年6月からウェブサイトの作成・公開がノーコードでできる「F…
この記事は 【 Bubble で作るシンプルなマッチングサイト（初級者向け） 】の第１回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 皆さん、こんにちは！シリーズ第１…
みなさん、こんにちは！今日は新シリーズのご案内です！今回は、Bubble でシンプルなマッチングサイトを作成していきます。作成するのは、CrowdWorks のような仕事の募集や応募ができるサービスです。 また、本シリーズは初級者編ということで、Bubble を初…
こんにちは！今回は、ノーコード開発ツール「Softr」について、構築したアプリをPWAとして端末にインストールできるようにする「Softr mobile」の利用方法をご紹介します。 Softrは、本ブログでもご紹介したことがある直感的にWebアプリを構築できるノーコー…
こんにちは！今回は、Stripe連携ツールPriceWellを使ってBubbleで決済機能を実装する方法をご紹介します。 PriceWellは、商品の料金表やStripe Checkoutを使用した決済機能をノーコードで実装できるサービスです。商品や購入情報はStripeで管理できます。 本…
「Wasabi」という名前のクラウドストレージをご存知でしょうか？ 日本人からすると、なぜ「Wasabi」？と思わずにいられないですが、食べ物の「わさび」とは全く関係はありません。 安価で無制限に高速なデータの書き込み・読み込みができると評判のクラウド…
こんにちは！今回は、GPT-3をfine-tuningしてキャラクター設定したAIと会話できるアプリをBubbleで構築していきます！ fine-tuningとはモデルを再学習させる手法で、本記事では「つくよみちゃん」というキャラクターの会話データセットを使ってGPT-3 Davinci…
FlutterFlowで作成！テンプレートでタスク登録アプリ ー 第5回 ユーザー編集を修正してみよう。 1.ユーザ編集画面：Edit Profileについて 1.1.メールアドレスの更新について 1.2.ReadOnlyの設定 2.画像アップロードの準備 2.1.Firebase Storageの設定 2.2.Fu…
みなさん、こんにちは！ 今回は、Bubble Forum でも話題に上がっていた セキュリティ監査ツール「Flusk Vault」についてです。 www.flusk.eu forum.bubble.io 当然のことながら、ノーコード開発においてもセキュリティ対策は重要課題のひとつです。ノーコー…
FlutterFlowで作成！テンプレートでタスク登録アプリ ー 第4回 画面遷移をしてみよう。 こんにちは！ 今回はFlutterFlow初心者向けシリーズ「FlutterFlowで作成！ テンプレートでタスク登録アプリ」の第４回「画面遷移をしてみよう。」です。 今回は、主に画…
こんにちは！今回は、OpenAIのGPT-3.5 Davinciモデルを使ってAIと対話できるチャットアプリをBubbleで構築していきます。 2022年は、画像やイラストの生成、文章の生成・要約AIなど多様な一般向けAIサービスが話題となり、AIが身近なものになった年でしたね…
FlutterFlowで作成！テンプレートでタスク登録アプリ ー 第3回 アカウント作成をしてみよう（１） 1.アカウント作成について 2.Authenticationの設定について 3.Usersコレクションについて 4.Register画面 4.1.TextFieldの設定 4.2.Actionsの設定ーCreate Ac…
こんにちは！今回は、Sendinblueを使ってメール認証・パスワードリセットをBubbleで実装する方法をご紹介します。 Bubbleからのメール送信の際にメール配信サービスを経由させたい場合、SendGridが第一選択肢になることが多いですが、諸々の理由からSendGrid…
こんにちは！ 今回はローコードビルダー「Flutterflow」でAPIを使った簡単なアプリの作り方をご紹介します。 また過去にはサインインとサインアップの実装方法もご紹介しておりますので、よければそちらも目を通していただけるとありがたいです！ blog.nocod…
みなさんは、Microsoft Clarityというツールについてご存知でしょうか？ Microsoft Clarityは、Microsoftが無料で提供している、ユーザーの行動分析ツールです。 「ユーザーの行動分析」と聞いても、具体的にはどのようなことか想像がつかないかもしれません…
こんにちは！今回は、SparkLiteを使って複雑な計算をスピーディーに実行できるアプリをBubbleで構築する方法をご紹介します。 SparkLiteは、関数を使うような複雑なExcelの計算をAPIに変換できるノーコードツールです。Excelをアップロードしてコーディング…
FlutterFlowで作成！テンプレートでタスク登録アプリ ー 第2回 テンプレートを色々みてみよう。 1. テンプレートって？ 2. テンプレートの構成 2.1. 画面構成 2.2. Collection構成 3. 画面 3.1. SplashScreen 3.1.1. プロパティ 3.1.2. Action 3.1.3. Animat…
FlutterFlowで作成！テンプレートでタスク登録アプリ ー 第1回 はじめてみよう。 1. FlutterFlowとは？ 2. 前準備をしよう。 3. アプリを作成しよう！ 3.1.RobinDoについて 3.2.デプロイしてみよう 次回 コンテンツ FlutterFlowで作成！テンプレートでタスク…
この記事は 【 Bubble で作る４択クイズアプリ（新レスポンシブ版） 】の第４回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 1. Custom event とは 2. Custom event …
こんにちは！今回は、「Sendinblue」というメール配信サービスをBubbleと連携する方法をご紹介します。 メール配信サービスと連携することで、Bubbleアプリから送信するメールの送信元アドレスがデフォルトのアドレス（APP_DOMAIN-no-reply@bubbleapps.ioな…
AlgoliaIntegrationの前回記事に続き、第2弾です。Algoliaは細かな検索の設定ができるのも特徴の一つです。今回は特に便利な検索の設定についてご紹介します。
この記事は 【 Bubble で作る４択クイズアプリ（新レスポンシブ版） 】の第３回です。 本シリーズが初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認いただければと思います。 blog.nocodelab.jp 前回の記事では、フロントエンド側とな…
こんにちは！今回は、クラウド型データベース「Airtable」をBubbleの外部データベースとして連携する方法をご紹介します。 ノーコードラボではBubbleと外部データベースの連携方法を何度か取り扱ってきましたが、今回は「Airtable」との連携方法をご紹介しま…
Bubbleプラグイン：Pagenationをリリース 1. どんなプラグイン？ 2. できること 3. 使い方 3-1. Repeating Group を設定する 3-2. Pagenation を設定する 3-3. WorkFlowのイベントを追加する 4. 補足 5.最後に おまけ ノーコードラボのプラグイン Bubbleプラ…
