こんな人に向けた記事です 結論を先に まず、何を比べているのか 比較表 コードで見る違い データを一覧表示するまで 認証はどうする？ リージョン・体感速度の話 向き・不向き まとめ こんな人に向けた記事です 個人開発でアプリを作っていて、バックエンド…

Claude CodeやCodexからBubbleアプリを調査・編集できるBuildprint.ai。セットアップ、AIによる構造説明、アプリ構成の自動編集、Data API連携でのデータ投入まで、実際の検証ベースで解説します。

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…