関連のツールの紹介、使い方などをやさしく説明します。質問やご指摘大歓迎です。ご紹介したいと思います。作成するページは以下のような仕様を想定しています。既存データは更新データとして、更新ボタンを追加して表示する。既存データが入力フォームで変更されたら、更新ボタンを活性状態にする。更新ボタンがクリックされたら、データベースの情報を更新する。既存データ一覧の下方に、新規登録用の入力フォームを表示する。新規登録用入力フォームに入力されたら、新規登録ボタンを活性状態にする。新規登録ボタンがクリックされたら、データベースに登録を行う。Dataタブの設定まずは、データベースを準備しましょう。今回は、以前にご紹介した「フラッシュカード」アプリのデータベースを使用します。name(テーブル名)は「Flashcard」とし、フィールドは「no」「word1」「word2」の3つを作成します。Designタブで更新用のエレメントを配置していきましょう。選択し設定していきます。ソートするようにしておきましょう。チェックをいれておきます。内にひとつ配置しておきます。選択しチェックしておきましょう。WORD1、WORD2といったラベルを追加すれば、更新用エレメントの配置が完了です。新規登録用エレメントでは、次に新規登録用のエレメントを配置していきましょう。エレメントを準備します。チェックをいれておきます。チェックをしておきましょう。新規登録ボタンを配置します。選択しチェックしておきましょう。WORD1、WORD2ラベルを追加して、新規登録用エレメントの配置が完了です。更新処理では、更新処理のワークフローを設定しましょう。更新ボタンを選択しイベントを追加します。入力された値をフィールドに設定していきます。ここでは、以下のように設定しました。ワークフローを設定します。新規登録ボタンを選択しイベントを追加します。入力された値をフィールドに設定していきます。ここでは、以下のように設定しました。データ操作(新規登録・更新)のまとめ以上でデータベースの情報を更新したり新規登録を行う設定が出来ました。データ操作は、Designタブでエレメントの準備さえ行ってしまえば、ワークフロー自体は、ボタンがクリックされた時に更新、もしくは新規登録とするのみですので非常に簡単です。以下にデータ操作時のポイントをまとめていますので、参考にしてみてくださいね。アクションで設定を行う。アクションから入力フォームのデータをフィールドに代入するように設定する。それでは、ここまでお読みいただき、ありがとうございました。Tumblr関連記事2019-08-30Bubbleのプラグインを使ってみよう。Bubbleのプラグインを使ってみよう。nocodelabスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。