こんにちは！shiraishiです！今回は、前回の要件定義から昔懐かし前略プロフィール再現アプリの実装に入っていきます！あの頃を思い出しながらノーコードツールを触っているのは何ともエモいですね。 この記事では基本機能として、ユーザー登録/ログイン機能とプロフィール作成機能を作成していきます！ 目次ユーザー登録/ログインDesign作成ユーザー登録ログインプロフィール作成機能Dataの作成ページ作成Workflow追加ページに要素追加プロフィール編集flowの追加 ユーザー登録/ログイン 今回は「任意のアカウント名」＋「パスワード」でのユーザー登録/ログイン機能を実装します。 Bubbleでのユーザー登録/ログイン機能は、チュートリアルでもあるようにメールアドレスを使用したものが用意されています。（記事はこちらbubbleチュートリアルやってみた: 新規登録とログインを作ってみよう-2） このようにBubbleでのログイン機能はメールアドレスの使用に依存しているようで、メールアドレスでの認証がマストなようです。それでも調べていくと方法はあるようで、Bubble公式フォーラム内で次のようなやりとりがありました。https://forum.bubble.io/t/can-i-use-username-as-text-field-instead-of-email/859/22ここを読むと、アカウント名でのログインをするならばユーザーに任意のアカウント名を入力してもらい、「入力したアカウント名@yourdomain.com」のようにダミーアドレスを作成・保存して、ログイン認証に使用する、という流れが必要なようです。少し面倒な気もしますが、今回はこのダミーアドレスを使用する形でログイン機能を実装していきます！ Design作成 まず、DesignでInput formsからinputを2つ作成し、「アカウント名」と「パスワード」の入力フォームを作ります。そしてVisual ElementsからButtonを2つ作成し、「ログイン」と「新規作成」ボタンを作成します。 次はボタンクリック時の処理を作っていきます！ ユーザー登録 まずはユーザー登録の処理を作成します。 Workflowに移ります。ページ内のボタンをクリックした時の処理を追加したいので、Click here to add an event → Elements → An element is clickedを選択します。 Elementは先ほど作成したButton 新規登録を選択します。Click here to add an action.. → Account → Sign the … Continue reading Bubbleで開発－前略プロフィール再現②プロフィール作成機能の実装