設定方法の記事

運用情報 WebTools low

テンプレートアプリのインポートから動作確認までの解説

テンプレートアプリをインポートしてから動作確認までを解説します。 本記事では、例としましてテンプレートアプリ「会員管理」での解説となります。 テンプレートアプリの「会員管理」については、こちらをご確認ください。 「会員管理」の記事内にて、テンプレートアプリのダウンロードの

開発情報・ナレッジ ver.1 middle

登録された数字の桁数を揃える方法

本記事ではトリガ機能を使用してDBのテキストフィールドに対し、数字が登録・更新された際に0埋めを行い、桁数を揃える方法をご紹介いたします。 今回は、データの桁数を4桁として、登録/更新されたデータが4桁以下の場合に0埋めをいたします。 データの見た目を整える際や、社員番号などの管理番号を

開発情報・ナレッジ WebTools low

ビジュアル設定でレコードリストから各行のレコードを更新する方法

認証エリアにて、認証DBと異なるDBのレコードリストを作成し、そのリストの中から対象のレコードを変更したい場合などがあるかと思います。 本記事では、ビジュアル設定のレコードリストと更新フォームを使用して、レコードリストのレコードに対して更新する方法をご紹介し

開発情報・ナレッジ WebTools low

セレクト項目によって宛先を振分ける方法

フォームで選択された内容に応じて、特定の担当者にだけメールを送信したい場合があるかと思います。 本記事では、セレクト項目の選択内容に合わせて、メールの送信先を振り分ける方法をご紹介します。 本設定で実装できること 本実装では、選択されたセレクト項目により、メールアクションにて異なる送

開発情報・ナレッジ WebTools middle

登録/更新フォームで項目を横並びにする方法

ビジュアル設定の登録/更新フォームで、項目をグループ化して横並びにする方法をご紹介します。 この例では、「姓」と「名」使って説明しています。 グループ化とは 複数のフィールドをグループパーツ化してフォームページに表示させる機能です。 ビジュアル設定は、登録フォームブロックと更新フ

設計情報 WebTools middle

既存パスワードを一括登録したい場合の回避策

例として、既存の会員サイトから、SPIRAL WebToolsで作成した新しい会員サイトへ移行する際、 パスワードフィールドはSPIRALの仕様上、一括登録ができないため、会員データの移行作業が煩雑になってしまいます。 本記事では、その回避策として「パスワードフィールドではなくテ

運用情報 WebTools low

権限設定で注意すべき3つのポイントと対策

SPIRAL WebTools では柔軟な権限設定が可能ですが、その反面、設定方法を誤ると管理が煩雑になり、 セキュリティリスクや運用トラブルを招くことがあります。 本記事では、その代表的な3つを紹介し、最後に「安全に運用するためのシンプルな対策」を解説します。 詳しい権限設定方法

開発情報・ナレッジ ver.1 middle

一覧表・単票をもっと見やすく!スマホ対応デザインにする方法

SPIRAL ver.1をご利用の皆さん、「一覧表をもっと見やすくできたら…」と思ったことはありませんか? 今回は、そんなお悩みを解消するために、一覧表を手軽にリッチ化し、スマホでも見やすくデザイン性のある画面を作成する方法をご紹介します。 一覧表のテンプレートを

設計情報 ver.1 low

アンケート回答者にギフトコードを送信する方法

本記事では、プログラムを使用せず、スパイラルの標準機能のみでアンケートにご回答いただいたユーザーへ、 SPIRALで管理しているギフトコードをメールで送信する方法を紹介します。 全体像 予めギフトコードマスタDBにギフトコードを格納しておきます。 アンケート回答フォームよりアン

設計情報 ver.1 low

仮会員登録フローの設定方法

会員登録時に仮会員登録を挟むことで、メールアドレスの誤入力や不正登録の防止、および存在確認が可能となり、 登録データの正確性を高めることができます。 本記事では、仮会員登録フローの設定方法をご紹介します。 全体フロー 1.仮登録フォームからメールアドレスを登録 ↓ 2.サンキューメールで本登録フ

設計情報 WebTools low

仮会員登録フローの設定方法

会員登録時に仮会員登録を挟むことで、メールアドレスの誤入力や不正登録の防止、および存在確認が可能となり、 登録データの正確性を高めることができます。 本記事では、仮会員登録フローの設定方法をご紹介します。 全体フロー 1.仮登録フォームから、メールアドレスを登録 2.登録したメールアドレス宛に本

開発情報・ナレッジ WebTools low

DBトリガを使用して生年月日や年齢等をテキストフィールドに結合させる方法

ユーザーが入力した氏名や生年月日、年齢などの個人情報を1つのフィールドにまとめたいという要望を多く頂いております。 今回は、DBトリガを使用して、1つのフィールドにまとめる方法をご案内いたします。 DBトリガの詳細は サポートサイトをご確認ください。

設計情報 WebTools high

モデルルーム予約管理アプリ アプリ(DB・メール)設計

SPIRAL WebToolsでは内覧の予約受付から内覧後のアンケート、検討状況の確認対応やメール配信を行うモデルルーム予約管理アプリの構築が可能です。 この記事は アプリ(DB)設計・構築 のフェーズとなります。 モデルルーム予約管理アプリデモを確認 関連記事はこち

開発情報・ナレッジ WebTools middle

レコード検索ブロックを使用したレコードリストブロック フィルタ設定方法

この記事では、レコード検索ブロックを使用したレコードリストブロック フィルタ設定方法を紹介いたします。 設定イメージ レコードリストブロックを作成するDB内に認証DBを参照先DBとする参照フィールドが存在する場合はレコード公開範囲のログインフィルタ設定

開発情報・ナレッジ WebTools middle

ポイント使用フローに所持ポイントが0以下にならない制御を追加する

この記事では、SPIRALでの顧客マスタにおける所持ポイント管理と、商品交換フォームを通じたポイント使用フローを紹介します。 また、顧客マスタの所持ポイントがマイナスにならないように、データベース(DB)側とページ上でのエラー表示設定についても説明します。 DB

開発情報・ナレッジ WebTools middle

セレクトフィールドにURLパラメータの値を自動登録させる方法

フォームブロックの自動登録は、認証エリアにログインした人の属性情報やフォームURLのパラメータ値などをフォーム利用者に入力させずにDBに自動登録できる機能です。 会員情報を再入力させずにDB登録したり、キャンペーンフォームの流入元をURLパラメータ値で取得したり

開発情報・ナレッジ WebTools low

DBトリガでフィールドの値をクリアしたい

DBトリガのレコードアクションを利用して、 アクション先DBフィールドの値をクリアする(NULL更新)設定方法をご紹介いたします。 DBトリガの詳細は サポートサイトをご確認ください。 ※登録フォーム/更新フォームの自動登録では値のクリアは対応していません。 ※レコードアクションの

開発情報・ナレッジ WebTools low

フォームを複製する方法

同じ項目や同じデザインのフォームを複数作成する際には、フォームブロックの複製がおすすめです。 本記事では、SPIRAL WebToolsでのフォーム複製方法をご案内します。 前提 同じDBに登録するフォームを複製する場合の方法です。 またSPIRAL WebToolsでは、ページ内にフォームブロッ...

開発情報・ナレッジ WebTools middle

formタグに属性を付与せずにボタンのイベントを取得する方法

Javascriptでフォームを操作する際にWebToolsではどのように行えば良いのか、という質問を多くいただいておりました。 本記事ではformタグにIDなどの属性を付与せずに「次へ」ボタンのイベントを取得する方法を紹介します。 設定の際の参考になれば幸いで

開発情報・ナレッジ WebTools high

SMSを利用した多要素認証を会員登録フローに実装する方法【絶対リーチ!SMS × SPIRAL WebTools】

会員サイトを作成した時、複数アカウントの作成や、なりすましを防ぐために多要素認証を実装したいケースがあるかと思います。 この記事では AI CROSS株式会社が提供する「絶対リーチ!SMS」を利用して、会員登

開発情報・ナレッジ WebTools high

Facebookアカウントで認証エリアにログインさせるサンプルプログラム

Facebookのアカウント情報を利用して SPIRAL WebToolsにAPIで登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとFacebookを連携して認証エリアにソーシャルログイン

設計情報 WebTools low

レコード照合フォームでパスワード再登録フローを作成する方法

パスワード登録のフローは、通常、パスワード再登録フォームブロックで作成します。 しかし、パスワード再登録フォームブロックでは、認証レコード値やパスワード以外の項目を使用できません。 そこで今回、レコード照合フォームブロックを使ってパスワード再登録フローを作成する方

開発情報・ナレッジ WebTools high

Googleアカウントで認証エリアにログインさせるサンプルプログラム

Googleのアカウント情報を利用して SPIRAL WebToolsにAPIで登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとGoogleを連携して認証エリアにソーシャルログインさせたい場合は

設計情報 WebTools low

フリーコンテンツブロックで登録情報表示ページを作成する方法

会員ページ等で、ログインしたユーザー自身の登録情報を表示するページを必要となるときがあります。 今回、フリーコンテンツブロックで登録情報表示ページを作成する方法をご紹介します。 登録情報表示ページのイメージ ユーザーはまず認証エリアにログインします。 ログイン後の

設計情報 WebTools low

DBの値を更新フォームの入力値として引用する方法

更新フォームからを使用する際に、既存のデータを入力値として引用することができます。 標準機能となりますが、今回は更新フォームでデータを引用する方法をご紹介します。 はじめに ビジュアル設定とソース設定 更新フォームブロックの設定は、ビジュアル設定とソース設定の2パターンがあ

開発情報・ナレッジ WebTools low

メニューページをビジュアル設定で作成する

サイト機能でページを作成している際に、メニューページが必要になることがあります。 しかし、ソースでページを作成するのは難しいと感じる方もいるかもしれません。 この記事では、ビジュアル設定のフリーコンテンツブロックを使用して簡単に作成する方法をご紹介します。 メニューページとは 複数

開発情報・ナレッジ WebTools low

データの登録時にIDを自動発番する方法

データの登録時にIDを自動発番させたいというご要望をよく耳にします。 サイト管理側でIDを自動発番をする場合は、1手間加える必要があるため(※ ver.2.23時点)、 今回、設定方法をご紹介いたします。 使用機能 DBの登録トリガ レコードアクション と サイトの登録フォームブロッ

開発情報・ナレッジ WebTools low

フォーム入力中の離脱を防止するダイアログが実装できる強化ガジェット

フォーム入力の際にユーザで誤ってブラウザなどを閉じて離脱するのを防ぐダイアログ機能を実装できる強化ガジェットを作成しました。 実際にサンプルコードを掲載しておりますので、コピペで簡単に実装できます。 フォーム入力中のユーザを補助する機能を強化したい場合に活

開発情報・ナレッジ WebTools low

静的なコンテンツページ作成とフォームにテキストリンクを設定したい

お問い合わせフォームに利用規約やプライバシーポリシーの内容を記載したいというご要望をいただくことがあります。 そんな時にお試しいただきたい設定方法がありますので、本記事にてご紹介いたします。 フリーコンテンツブロックでのページ作成 & テキストリンク設定方法

設計情報 WebTools low

受付番号を1から振り直したい

キャンペーン応募フォームやセミナー申込フォームなどを作成する際に、受付番号を用意するケースがあります。 動作テスト完了後に受付番号を1から振り直したいというご要望がありましたので、本記事で方法をご紹介します。 受付番号を1から振り直す方法 【前提】 現状のSPIRAL WebToolsでは、レコ

開発情報・ナレッジ WebTools middle

更新フォームで固定値を登録する方法

登録フォームブロックでは自動登録の機能を利用して固定値を登録することができますが、更新フォームブロックには自動登録の機能がございません。(ver.2.22時点) この記事では、更新フォームブロックで固定値を登録する方法を3つ紹介いたします。 hidden属性で送信する方法 inputタグの

開発情報・ナレッジ WebTools low

ウェビナー申込システムおける参照フィールドの活用方法

SPIRAL WebToolsでは、参照フィールドを上手く活用することで様々な機能を実装することができます。 本記事では「ウェビナー申込システム」を例にとり、実際の活用方法を解説いたします。 参照フィールドとは 参照フィールドは、同一アプリ内にある別DBのレコードを参照

開発情報・ナレッジ WebTools low

ビジュアル設定フォームにリアルタイムチェック機能をコピペで実装できる強化ガジェット

コピペするだけでフォーム入力の際にリアルタイムで入力値をチェックしてくれる機能を実装できます。 簡単に実装できますので、フォーム入力補助機能を強化したい時に活用してみてください。 デモはこちら 機能・前提 機能 ・必須入力チェック ・メール

設計情報 ver.1 middle

「定期実行」「外部接続ディレクトリ」を使用したデータバックアップ方法

万が一の場合に備えて、自動でデータバックアップを取りたいと思われたことはないでしょうか。 SPIRAL ver.1オプションの「定期実行」と「外部接続ディレクトリ」を使用することで実装可能です。 本記事ではデータバックアップ方法をご案内します。 事前準

設計情報 WebTools low

DBトリガを使用して「メール送信」「配信フラグ自動解除」を行いたい

アプリ利用画面から特定会員に対してメール配信を行いたいが、レコード更新のたびに配信はしたくないという要望や、 自動で配信フラグを降ろしたいという要望をよくお聞きします。 実は" DBトリガ "を組み合わせて使用することで実現できます!

開発情報・ナレッジ WebTools middle

【jQuery】邪魔にならないフローティングバナーの作成方法

WEBサイト上でページのサイドや下部に追従して表示されるフローティングバナーは、 訪問したユーザがページを閲覧している際に常に表示されるため、特定のページへの導線として非常に有効的な手段の1つとなっています。 しかし、こうしたバナーはユーザにとってページを閲覧

開発情報・ナレッジ ver.1 low

フォームURLの一部を独自ドメインにする設定方法

SPIRAL ver.1 で作成したフォームは同一URLで動作する仕組みとなるため、 「初回アクセスURLを独自ドメインにしたい」や「アクセス解析のためにサンキューページURLを独自ドメインにしたい」というご希望をよくお聞きします。 本記事では、入力ページ および サンキ

開発情報・ナレッジ WebTools high

LINE会員アプリ サイト設計・構築

多くの方が利用されているLINEとSPIRAL WebToolsを連携した、LINE会員アプリをご紹介します。 会員登録後はお問い合わせができ、自身のお問い合わせの履歴確認や自身宛の通知やお知らせの確認も可能です。 この記事は サイト設計・構築 のフェーズとなります。 LINE お問い

開発情報・ナレッジ WebTools high

完了ページでLINEのリッチメニューを切り替えるサンプルプログラム

ユーザの情報登録状況に応じて、リッチメニューを出し分けるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとLINEを連携して認証エリアにログインさせるような会員サイトを作成しようと思っている方は、ぜひ参考にしてみてください。 関連記事

開発情報・ナレッジ WebTools high

LINEアカウントで認証エリアにログインさせるサンプルプログラム

LINEのアカウント情報を API を利用して SPIRAL WebTools に登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとLINEを連携して認証エリアにログインさせるような会員サイトを作成

開発情報・ナレッジ WebTools middle

お問い合わせ管理アプリ サイト設計・構築

チャットのような形式でやり取り可能なお問い合わせ管理デモを作成しました。 アプリ側でもやり取りの履歴が確認でき、相互コミュケーションがとれるアプリケーションです。 この記事は サイト設計・構築 のフェーズとなります。 お問い合わせ管理デモを確認 関連記事はこちら アプリ(DB・メー

開発情報・ナレッジ WebTools low

セレクトをドリルダウン表示する強化ガジェット

選択したセレクト項目の内容によって、下のセレクト項目が連動し項目を絞り込んで 表示されるようにするフォーム入力を補助する強化ガジェットを作成いたしました。 ラベルIDの設定に決まりがありますが、簡単に実装できますので、ぜひ活用してみてください! 前提・仕様 ・フォームブロックは

開発情報・ナレッジ WebTools low

Enterキーでフォームが送信されないようにする強化ガジェット

フォームの入力中、誤ってEnterキーを押してしまい、予期せずフォームを送信してしまうことがあると思います。 今回はEnterキーでフォームが送信されないようにする強化ガジェットをご紹介します。 前提・仕様 ・ブロックかページの JavaScript タブにコー

運用情報 WebTools low

【ユーザ・グループ・アプリロール】権限付与の3大ポイント

SPIRAL WebToolsの大きな特徴として、アカウント管理者は運用担当者や設定担当者などのユーザをアカウントへ招待し、適切な制限の中で安心して利用できるようクリック操作で権限設定をすることが可能です。 詳しくは アカウントとユーザ をご覧ください。 権限は何通り

開発情報・ナレッジ WebTools middle

会員サイトアプリ サイト設計・構築

Web申請アプリ デモ、 キャンペーン応募アプリ デモでは、さまざまな用途のフォーム作成ができることを紹介してきましたが、 実はSPIRAL WebToolsはフォームだけではなく、CMS(コンテンツ マネジメント システム)のように会員サイトの作成も可能です。 ※ CMS(コンテンツ

開発情報・ナレッジ WebTools middle

ver.2でレコード値を自動発番できる強化ガジェット vol.2

プログラムでレコード値を自動発番できる強化ガジェットの設定方法をこちらの記事で解説します。 ※本記事は暫定的なご案内です。SPIRAL WebToolsの今後のバージョンアップに伴い、正式機能がリリースされた場合、 この記事は削除される可能性があります。 ※

開発情報・ナレッジ WebTools low

その他を選択した時に入力欄の活性化・非活性化を切り替える強化ガジェット

アンケートフォームなどにある、選択肢で「その他」を選択した場合のみ、テキスト入力をしてほしい時に 入力欄の活性化・非活性化をJavascriptで制御する強化ガジェットを作成しました。 簡単に実装できますので、フォーム入力補助機能を強化したい時に活用し

開発情報・ナレッジ WebTools middle

完了画面でリンクに登録情報をパラメータとして付与する方法

完了画面でサイト内ページリンクに登録情報をパラメータとして付与する方法を紹介します。 「サイト内ページ選択」と「URL直接入力」の2種類の方法があり、記載方法が変わるため、両方を参考にしてください。 ※ 完了動作の「リダイレクト」「ページ内リンク」には対応していません

もっと見る