1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

オンボーディングアプリを作ってみた #5:削除ページ作成とその他の設定

Last updated at Posted at 2025-10-17


前回は SPIRAL v2 を使って、オンボーディングアプリの ユーザー一覧画面と編集画面を実装しました。

今回は、削除ページを追加し、前回作ったユーザー一覧とそれぞれのページのリンク設定を行い、アプリを完成させます。

今回やったこと:
・削除ページの作成
・その他の設定

削除ページの作成

まずは削除ページの作成を行います。
管理者用認証エリアから「+」をクリックします。

image.png

ページを作成します。

image.png

作成した削除ページの設定をします。

image.png

「+」→「削除フォーム」の順にクリックします。

image.png

削除フォームブロックを追加します。
「作成」をクリックした後、「保存」をクリックしてください。

image.png


▽SPIRALのトライアルはこちらから!


その他の設定

前回作成したユーザー一覧に編集ページと削除ページをリンクさせます。
「ブロック」→「レコードリスト」→「memberList」の順にクリックします。

image.png

「レコードリスト」→「レコードの項目」→「ID」の順にクリックします。

image.png

「変更」をクリックします。

image.png

「ページ選択」をクリックします。

image.png

「admin」をクリックします。

image.png

「user_edit」を選択し、「反映」をクリックします。

image.png

「会員ID」をクリックし、同様の手順で削除ページとリンクさせます。

image.png

「ID」が編集ページ、「会員ID」が削除ページとリンクしているという説明文を追加します。「+」→「テキスト」の順にクリックします。

image.png

説明文を追加後、「保存」をクリックします。

image.png

次にオンボーディング認証エリアのTOPページと管理者用認証エリアのTOPページを選択します。

image.png

image.png

続いて、削除ページと編集ページからTOPページに戻れるようにリンク設定します。

image.png

image.png

「更新フォーム」→「完了」をクリックし、テキストエリアに「TOPへ戻る」を入力します。入力後、右クリックで「TOP」または「TOPへ戻る」を選択し、「テキストリンク」をクリックします。

image.png

image.png

image.png

image.png

image.png

「保存」をクリックすると完了です。

image.png

最後に、認証エリアを作成した時点で自動で作られるページがあるため不要なページの削除を行います。
オンボーディング認証エリアと管理者用認証エリアのupdateとdeleteページを削除します。

image.png


まとめ

本稿では、ユーザー管理の最後のピースである削除ページを実装し、オンボーディングアプリの管理面は日常運用に耐える形になりました。次回は、出来上がった機能がどのように連携して動くのかを、ユーザーフローと画面遷移、データの流れで整理します。


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

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

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

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

1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?