2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

1フォームからの登録で複数のDBにデータ登録を実装してみた-SPIRALver.1サポートサイトを参考に-

Last updated at Posted at 2025-04-09

はじめに

ローコードで開発ができるSPIRALver.1で、「1フォームからの登録で複数のDBにデータ登録」の実装をやってみました。実装にあたって、SPIRALver.1サポートサイト内の「1フォームからの登録で複数のDBにデータ登録したい」という記事を参考にしました。
https://support.smp.ne.jp/tips/form_transaction/

SPIRALver.1とは

SPIRALver.1とは、株式会社SPIRALが提供しているローコード開発プラットフォームです。ブラウザ上の操作でアプリを構築・運用することができます。

SPIRALver.1サポートサイトとは

SPIRALver.1サポートサイトは、SPIRALver.1を使うにあたる上での基本事項や○○をしたいといった内容が記事になっているQ&Aのようなサイトです。ページ右上にある検索バーからキーワードを入力して記事を探すことができます。今回は「1フォームからの登録で複数のDBにデータ登録したい」という記事を参考にしました。

実装する機能とシーン想定

1つのフォームからデータを登録した際に2つのDBに分けて保存するという機能を実装します。例えば、セミナーの参加者情報を登録するアプリを運用している際、参加者の氏名や郵便番号、電話番号などを登録するDBと、参加者様へリマインドメールを配信するためのメールアドレスを格納するDBに分けて登録されるというシーンをイメージしています。

前準備

SPIRALver.1を利用するためには専用のアカウントが必要なので準備します。こちらの詳細ついてはまた別の記事で説明する予定です。

実装

ユーザーDB・メルマガDBの作成

わけたいDBを作ります。ここではユーザDB(参加者の名前や郵便番号、電話番号などを登録するDB)と、メルマガDB(メール送信のためのメールアドレスを登録するDB)を作成します。それぞれのDBのフィールドはこんな感じです。

image.png

image.png

トランザクションDBの作成

二つのDBをまとめるものとして、トランザクションDB(TRDB)を作成します。トランザクションDBを用いることで複数のDBのフィールド要素を持つフォームを作成することができるようになります。
DBの+ボタンからトランザクションDBを選びます。

image.png

事前に作成した2つの通常DBに登録したフィールドをもとにTRDBのフィールド設定を行います。

image.png

TRDBのアクション設定

次に、TRDBと二つの通常DBを連携させます。TRDBぺージの「アクション」タブを開き、アクションを作成します。ここで、アクション対象DBをユーザDBに設定します。アクション名はあとで設定するメルアドDB用のアクションと区別しやすい名前にしておきます。他は初期設定のままで大丈夫です。

image.png

同様にしてメルアドDB用のアクションも作成します。

フィールドマッピング設定

アクションを作成し、TRDBと通常DBの連携の準備ができました。ここからアクションにそれぞれフィールドマッピングの設定を行い、DB内のフィールドを連携させます。
アクションの右側にある歯車マークからフィールドマッピングを選びます。

image.png

左側にはTRDBで設定したフィールド、右側にはユーザDBとして設定したフィールドが載っています。今回はユーザDBでは「氏名」「郵便番号」「都道府県」「電話番号」を連携させたいので対応するフィールドをそれぞれ左側→右側の順で選択します。

image.png

メルアドDBでも同様の操作を行いフィールドマッピングを設定します。

フォームの作成

フォームを新規作成します。DBはTRDBを選びます。

動作確認

フォームから新規登録を行い、登録した内容がユーザDBとメルアドDBに登録されているか確認します。
フォームにこの内容で登録してみます。

image.png

これでユーザDBには「テスト太郎」、「123-4567」、「090-1111-2222」など、メルアドDBには「-.com」の情報が登録されているはずです。登録されているか確認するにはまずDBページを開きデータ操作(DBオペレーション)タブを選択します。

image.png

DB操作のページが開かれるので、検索結果一覧のタブを選択します。

image.png

ユーザDBに「テスト太郎」、「123-4567」「090-1111-2222」などの情報が登録されていることがわかります。

image.png

メルアドDBにも「-.com」が登録されています。

image.png

まとめ

今回はサポートサイトを参考にしながら一つのフォームから複数のDBに分けて保存する機能を実装してみました。トランザクションDBを使いこなせるようになればもっとアプリ開発の幅が広がりそうです。DB周りのことはまだまだわからないことや試してみたいことが多いので今後もこういう記事を作っていきたいと思います。

ーーーーーーー

私がインターンしているスパイラル株式会社は、ローコードプラットフォーム、SPIRAL ver.1のトライアルアカウント無償提供しています。このアカウントの記事でも紹介するように、たくさんの機能ございます。

▶︎ フォーム
▶︎ 認証エリア
▶︎ ログイン
▶︎ メール送信
▶︎ カスタムプログラム

などの作成できますので、ぜひ試してみてください!!

そして、今チームでトライアル登録者向けに、オンボーディングコンテンツを作成しています。SPIRAL ver.1にご興味のある方、ぜひこちらもご覧ください👇

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?