1. はじめに 1.1 この記事で扱うこと（スコープ） 1.2 読むとわかること 1.3 前提と制約 1.4 本記事で扱わないこと（除外） 1.5 要点まとめ（結論の先出し） 2. アーキテクチャ 2.1 フロー（全体像） 2.2 マッピング方式の比較 2.3 Cookie / 認証の設計 3. …
ITフリーランスエンジニアの求人・案件検索サービスである「freelance hub」に、「ノーコード・ローコード開発を加速する！知識習得に役立つ情報メディア」のひとつとしてノーコードラボが紹介されました。 ぜひ、皆様にもご一読いただければ幸いです。 free…
こんにちは！今回は、Next.jsアプリでClerkとSupabaseを連携し、ユーザー情報をSupabaseに保存する手順をご紹介します。 Clerkは認証・ユーザー管理プラットフォームで、数行のコードでアプリにサインイン・サインアップフォームを実装できる便利なサービス…
こんにちは！今回は、Bubbleの最新AI機能「AI App Generator」と、そこから見えるBubbleのAI開発の今後の展望についてご紹介します。 「AI App Generator」は、2025年3月末に公開されたPublic β版のAI機能で、UIだけでなくデータ構造やWorkflowまで自動生成…
こんにちは！今回は、「Clerk」を使ってBolt.newのプロジェクトに認証機能を実装する方法をご紹介します。 Clerkは認証・ユーザー管理プラットフォームで、サインインやサインアップフォームを簡単に実装できるUIコンポーネントを提供しています。ユーザー管…
こんにちは！今回は、Bubbleで2FA（二要素認証）を実装する手順の後編をご紹介します。 後編の今回は、2FAを有効化したユーザーが一時トークンを使ってログインするフローを実装する手順を説明します。このフローを実装すると、2FAを有効化したユーザーがAut…
こんにちは！今回は、Bubbleで2FAを実装する手順をご紹介します。 2FAは「two-factor authentication（二要素認証）」のことで、ログイン時に2つの異なる要素を組み合わせて認証を行うセキュリティ対策です。Bubbleでは2FA専用のActionを用いて2FAを実装する…
みなさん、こんにちは！ TwitterからXに変わって1年以上経ち、最近ようやく「X」に慣れてきたところですが、皆様いかがでしょうか？ さて、X (Twitter) のAPIを使って認証する方法はいくつかありますが、 今回は、OAuth 2.0 Authorization Code Flow with PK…
こんにちは！生成AIを活用してWebアプリを簡単に開発できる「Dify」のワークフロー（β版）についてご紹介します。 Difyは、ノーコードで生成AIを活用したチャットボットや自動化アプリを簡単に開発できるプラットフォームです。 Difyのワークフローは、直感…
こんにちは！今回は、Bubbleでついに利用できるようになったネイティブアプリの構築ビルダー「Native mobile app editor（β版）」を紹介します。 Native mobile app editorは、2024年10月のBubbleCon 2024で発表された新機能で、ネイティブアプリの開発・プ…
みなさん、こんにちは！ 今回は Zeroqode の有料プラグイン「Bubble Page to PDF Converter」についてです。Bubble で PDF を作成する方法は過去の記事でもいくつか取り上げていますが、今回のプラグインは、ページをそのまま PDF化できるため、例えば複雑な…
こんにちは！今回は、要件定義からコードまで生成するAIツール「GEAR.indigo」をご紹介します。 このツールは、要件や概要をテキストで入力するだけで、必要なドキュメントやコードを自動で生成し、手作業の負担を軽減します。 本記事では、GEAR.indigoの特…
こんにちは！今回は、Bubbleの有料プランと統合されたFluskの概要を紹介していきます。 Fluskは、Bubbleアプリのセキュリティ強化を目的としたツールで、セキュリティチェックの自動化やデータ漏洩の防止など多様なサポートを提供します。2024年10月のBubble…
ITフリーランスエンジニアの求人・案件検索サービスである「レバテックフリーランス」に、「幅広い角度からエンジニアのスキルアップのヒントを得られるブログ・サイト」のひとつとしてノーコードラボが紹介されました。 ぜひ、皆様にもご一読いただければ幸…
こんにちは！アプリ構築AI生成ツールとして人気のCreate.xyz（以下「Create」）とBolt.new（以下「Bolt」）は、どちらも幅広い機能を備えていますが、それぞれ得意分野が異なります。 本記事では、CreateとBoltの特徴や機能を比較し、実際に使用した感想を詳…
こんにちは！今回は、Bubbleの一括データ処理機能である「Bulk」をご紹介します。 Bulkは、Bubbleを使った開発において大量のデータを効率的に一括で処理するための便利な機能です。特に、テストデータの更新や削除、関連データの紐付け、データ操作の簡略化…
こんにちは！今回は、生成AIを活用したWebアプリを簡単に開発できる「Dify」を紹介します。 Difyはノーコードで生成AIを活用したチャットボットや自動化アプリの開発ができるプラットフォームです。AIやプログラミングの知識がなくても生成AIアプリを構築で…
みなさん、こんにちは！ 今回は Zeroqode の人気プラグイン「Audio / Sound Player Howler.js」についてご紹介します。Howler.js は、HTML5 の Web Audio API を利用した Web アプリでのオーディオ再生を管理するための JavaScript ライブラリです。Zeroqode…
こんにちは！今回は、完全ノーコードでフルスタックWebアプリの開発・デプロイが完結するブラウザベースのAI開発プラットフォーム「Bolt.new」を紹介します。 Bolt.newは、ブラウザ上でフロントエンドからバックエンドまで、アプリの開発・デプロイが可能な…
みなさん、こんにちは！ 今回は Rewardful というサービスを Bubble と連携して、Bubble アプリに手軽にアフィリエイトプログラムを導入する方法について、ご紹介します！ Rewardful は、SaaS やサブスクリプションビジネス向けに特化したアフィリエイトおよ…
こんにちは！今回は、2024年10月1日～10月2日に開催された「BubbleCon 2024」で発表されたニュースやBubbleの新機能をご紹介します。 BubbleConはBubbleが毎年開催するカンファレンスで、例年Opening KeynoteではBubbleのその年の活躍状況やリリース予定の新…
こんにちは！今回は、アプリやWebサイトのUIデザインとコードを生成できるAIサービス「v0」をご紹介します。 v0はVercel社のアプリやWebサイト等のUIデザインとReactベースのコードを生成してくれるチャット形式の生成AIサービスです。 今回は、v0の概要や使…
みなさん、こんにちは！今回は Create.xyz（以下 Create）と、バックエンド側の機能をノーコードで構築できる人気のサービス Xano を連携していきます。 Xano は過去の記事でも何度か取り上げてきましたが、本記事ではフロントエンド側を Create、バックエン…
みなさん、こんにちは！ 今回は ncScale の第３回記事として API 接続についてご紹介します。ncScale については、以前までの記事で Bubble と Xano、それぞれの連携を行う手順について取り上げていますので、そちらも併せてご参考いただければと思います！ …
こんにちは！ 今回は、Bubbleのちょっと嬉しいアップデートの情報をお知らせします！ 1. button アップデート！ 2. Icon アップデート！ 3.まとめ 1. button アップデート！ Webアプリでボタンをデザインする時どんなボタンにしますか？ 例えば「検索」ボタ…
こんにちは！今回は、生成AI Claude 3.5 SonnetとAPIで連携してBubbleでAIチャットアプリを構築する方法をご紹介します。 ClaudeはAnthropic社が開発・提供しているAIファミリーで、SonnetはClaudeファミリーのパフォーマンスとスピードを両立するモデルです…
こんにちは！今回は、AWSのアプリ構築AIサービス「App Studio」をご紹介します。 AWS（Amazon Web Services）はAmazonが提供するクラウドコンピューティングサービスの総称で、ストレージやコンピューティング等様々なサービスを含みます。「App Studio」はA…
こんにちは！今回は、Bubbleの機能を使ってできるSEOをご紹介します。SEOは、Webサイトを検索エンジンの検索結果で上位に表示させるために最適化することです。 Bubbleは高度なWebアプリ開発ができることで人気のツールですね。しかし、Bubbleで開発したアプ…
こんにちは！今回は、Create.xyz（以下Create）でSupabaseと連携してサインアップ機能を実装する方法をご紹介します。 Createは当ブログでもおなじみのアプリ構築AIサービスです。Supabaseはオープンソースのデータベースサービスです。 当ブログではCreate…
みなさん、こんにちは！ 今回は、以前にもご紹介した ncScale の Xano 編です！ちなみに前回は、Bubble との連携方法についてでした。 blog.nocodelab.jp ncScale と Xano は公式的にもパートナーの関係となっていますので、Bubble との連携ではカバーされて…
