フィールド間の重複選択を不可にするサンプルプログラム
アンケートフォームなどで、「第一希望」「第二希望」のように複数の項目を選択してもらう際に、 同じ項目が選ばれるのを防ぎたい場合があります。 このページでは、JavaScriptを使用して、フィールド間の重複選択を動的に不可にする方法を、 プルダウンメニューとラジオボタンの2
ナレッジサイト
ログイン
アンケートフォームなどで、「第一希望」「第二希望」のように複数の項目を選択してもらう際に、 同じ項目が選ばれるのを防ぎたい場合があります。 このページでは、JavaScriptを使用して、フィールド間の重複選択を動的に不可にする方法を、 プルダウンメニューとラジオボタンの2
アンケートフォームなどで、「第一希望」「第二希望」のように複数の項目を選択してもらう際に、 同じ項目が選ばれるのを防ぎたい場合があります。 このページでは、JavaScriptを使用して、フィールド間の重複選択を動的に不可にする方法を、 プルダウンメニューとラジオボタンの2
フォームの日付入力欄は、ユーザーにとって入力が煩雑になりがちな要素です。 特に、年月日が別々のテキストフィールドになっている場合、UI/UXの低下を招くことがあります。 本記事では、既存の年月日入力欄を、 直感的に操作できるカレンダーピッカーに置き換えるJavaScrip
本記事では、HTMLのチェックボックス群において、 「その他」の選択肢（特定のチェックボックス）が選ばれた際に、 関連するテキスト入力欄を動的に活性化・非活性化するJavaScriptの実装方法を紹介します。 この機能により、ユーザーが
カスタムAPIを使ってリアルタイム売上ダッシュボードを作成するサンプルプログラムを紹介します。 本記事は「最小構成で動作検証 → 実DB連携」の2段階で解説します。 開発初期はカスタムAPI（モックデータ）でUIと動作をすばやく検証し、その後に本番データ
本記事では、PDFをアップロードして自動解析し、 フォームのフィールドへ情報を自動入力する仕組みを2種類ご紹介します。 pdf.js を用いてブラウザ上でPDFを解析し、 OpenAIのサービスを利用してテキスト情報を抽出する方法になります
フォーム回答後の確認画面で任意項目（条件分岐で表示されなかった項目）を 表示させない方法はありますでしょうか。 SPIRERS ナレッジ向上チーム ogt 確認画面でThymeleafをご使用いただくことで、表示項目の制御が可能です。 例として、セレクトの設問で1つ目の選択肢を選択した場合のみ表示するパターンをご用意させていただきました。 詳細はコードブロックをご参照ください。 Thymeleaf...
PHP側でAPIレスポンスの配列データ（JSON）をフロント側（HTML/JavaScript）に渡そうとしています。 PHP側で取得した検索結果（配列）を、JSON形式でJavaScriptに渡したいのですが可能なのでしょうか？ 以下の方式を試してみたのですが、うまくできない状態です。 json_encode($response_items, JSON_UNESCAPED_UNICODE) → ...
DBに格納したPDFをレコードアイテムブロックで描画するサンプルを紹介します。 レコードアイテムブロックにデフォルトで出力されるファイルフィールドのリンクはダウンロード専用になっており、 画面上に描画する事が出来ません。 そのため、PDFを画面上に描画するために本
カスタムAPIを利用してマスタDBを検索しプルダウンに反映するサンプルプログラムを紹介します。 今回は社員検索フォームを題材にサンプルの実装方法を解説します。 本記事では、社員マスタデータベースから階層的に本部、部署、課、社員を選択し、 社員IDをhidd
RESTful APIを簡単に利用するためのカスタムAPIクライアントのライブラリを作成しました。 カスタムAPIクライアントを使用することで、バックエンドとフロントエンドの連携が容易になり、 データベース操作やメール配信ジョブの管理などの機能を簡単にできるだけでな
JavaScript（fetch API）を使用して、レコードアイテムを読み込み、 設定されているファイルURLをダウンロードURLに差し替えるの実装方法を紹介します。 ファイルをDBに格納することで、ログイン時のみファイルをダウンロードさせたい場合に便利な
ver.2.35でリリースされたカスタムAPI機能を利用して開発を行う際、 Basic認証を利用する事で外部環境からでもテスト環境に接続を行い、デバッグすることが可能です。 本記事では、Basic認証を利用したデバッグ方法を解説します。 ※特定IPアドレス制限を利用
本記事では、ver.2.35でリリースされたカスタムAPIを活用して、非同期通信を用いたシンプルなデータ検証システムを実装する方法をご紹介します。 この仕組みでは、ユーザが入力したテキストをカスタムAPIのPHPで検証し、その結果をフロントエンドで即時にフィードバック
本記事では、ver.2.35でリリースされたカスタムAPIを活用して、OpenAIのチャットAPIを呼び出すチャットボットウィンドウを出力するJavaScriptの構築手法をご紹介します。 この仕組みでは、バックエンド側はPHPでカスタムAPIを実装し、 フロントエンド側はJa
フォームブロックに置いて各フィールドに対してスライダーを生成し、操作性を向上させるガジェットのご紹介です。 name値とスライダー設定を指定するだけで、自動的にスライダーが生成され、初期値が設定されます。 この様なイメージでスライダーを作成できます。 注意点 ・スラ
SPIRALの仕様上、ページの一部分だけを更新させることは可能でしょうか？ 添付の画面イメージで、画面全体ではなく、必要な部分のみをPHPからポストバックさせたいと考えております。具体的には、各レコード情報にリンクが設置されており、そのリンクを押下することによって各レコードに該当するデータをAPIで取得して、bodyに返したい…というイメージです。この際、画面全体を更新させるのではなく、各レコード...
全体像 SPIRALのAPIから取得したデータを暗号化し、ダウンロード可能な形式に変換します。 ダウンロードしたファイルは、別ページにて復号化し、CSVとしてダウンロードできます。 データを暗号化しダウンロードボタンに引き渡す設定 PHP <?//<!
全体像 SPIRALのAPIから取得したデータを暗号化し、ダウンロード可能な形式に変換します。 ダウンロードしたファイルは、別ページにて復号化し、CSVとしてダウンロードできます。 データを暗号化しダウンロードボタンに引き渡す設定 PHP <?php //-
APIで取得したデータをCSVにしてダウンロードが出来るボタンを設置する方法をご紹介いたします。 レコードリストの抽出条件とAPIでデータを取得する条件を一致させるとレコードリストのデータをダウンロードさせる様なボタンを作成することができます。 本記事のプロ
フォームブロックに置いて各フィールドに対して初期入力値を設定する強化ガジェットのご紹介です。 name値と入力値を指定するだけで、自動的にフィールドタイプを判定して初期値が入力されます。 注意点 ・入力コントロールで、[年/月/日][時/分/秒]の形式で設定してください ・HTML
SPIRALのテーブルに登録された画像ファイルをサイト上に表示させる方法はありますでしょうか？ <img th:src="${record['f06']}" border="0" width="120" height="120"> 上記の記述を試みたところ、th:srcがSPIRALに対...
この記事ではフォームに電子署名（マウスやスマートフォンのタップで描けるサイン）を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 電子署名を格納したいDBにフィールドタイプ：ファイルのフィールドを追加してください。 本サンプルにつきましては識別名をsig...
この記事ではフォームに電子署名（マウスやスマートフォンのタップで描けるサイン）を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 DBを新規作成する場合はDBタイトルをsignDBとして作成してください。 既存のDBを利用する場合は後述するサンキューページ...
日付フィールドに生年月日を入力した際に年齢を自動取得するJavaScriptを紹介いたします。 JavaScript window.addEventListener('DOMContentLoaded', (event) =>
URLを簡単に受け渡しできるQRコードを画面上に表示させたい場合があります。 今回は、来場受付などでも活躍するこのQRコードを生成する方法を2種類ご案内いたします。 APIサービスで生成する方法 URLの末尾にお問い合わせ番号やメールアドレスなどのQRコードにしたい内容を記載することでQRコードを...
この記事では、SPIRALでの顧客マスタにおける所持ポイント管理と、商品交換フォームを通じたポイント使用フローを紹介します。 また、顧客マスタの所持ポイントがマイナスにならないように、データベース（DB）側とページ上でのエラー表示設定についても説明します。 DB
前回の記事 JavaScirptでセレクトをドリルダウン表示する のラジオボタンバージョンとなります。 JavaScriptソース document.addEventListener('DOMContentLoaded', function() {
登録フォームブロックにて選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法（ドリルダウン表示）をご紹介します！ 今回はjQueryを使わずにJavaScirpt（Vanilla JS）のみで作成しているため、ライブラリ等の読み込みは必要ありません
openAIのGPTのAPIを利用する事で、 SPIRALに格納されているデータを組み込んだ自動回答が出来るチャットボットを構築する事が出来ます。 このチャットボットを構築すると以下のようなことが可能となります。 サポートデスクのチャット対応
Javascriptでフォームを操作する際にver.2ではどのように行えば良いのか、という質問を多くいただいておりました。 本記事ではformタグにIDなどの属性を付与せずに「次へ」ボタンのイベントを取得する方法を紹介します。 設定の際の参考になれば幸いです。
フォームのステップをパラメータで判定し、それぞれのステップで動作するJavascriptを作成しました。 実際にサンプルコードを掲載しておりますので、特定のステップでJavascriptを動作させたい場合に活用してみてください。 デモはこちら 機能説明 Ja
Googleのアカウント情報を利用して SPIRAL ver.2にAPIで登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL ver.2とGoogleを連携して認証エリアにソーシャルログインさせたい場合は、ぜひ参考に
レコードリスト（一覧表）からの情報反映 の記事で、単一情報の反映方法はご紹介いたしました。 今回は、Jquery を利用して リストの複数情報を入力画面に反映する方法を紹介いたします。 チェックボックスで複数選択後にボタンをクリックすると反映する仕組みになって
フォーム入力の際にユーザで誤ってブラウザなどを閉じて離脱するのを防ぐダイアログ機能を実装できる強化ガジェットを作成しました。 実際にサンプルコードを掲載しておりますので、コピペで簡単に実装できます。 フォーム入力中のユーザを補助する機能を強化したい場合に活
レコードアイテムには、デフォルトでレコードリストに戻るリンクが付いていません。 ページリンク追加からレコードリストのページへ戻るリンクを追加することができますが、この方法で追加した場合はレコードリストで適用していたページ数、検索条件、ソート順、表示
コピペするだけでフォーム入力の際にリアルタイムで入力値をチェックしてくれる機能を実装できます。 簡単に実装できますので、フォーム入力補助機能を強化したい時に活用してみてください。 デモはこちら 機能・前提 機能 ・必須入力チェック ・メール
フォームで画像ファイルを添付した際にサムネイルを表示する強化ガジェットを作成しました。 ビジュアル設定で使用できる形にしていますので、ぜひ参考にしてください。 デモはこちら 仕様 ・JavaScript で送信しているため、対応していないブラウザがあります。 ・DOM
WEBサイト上でページのサイドや下部に追従して表示されるフローティングバナーは、 訪問したユーザがページを閲覧している際に常に表示されるため、特定のページへの導線として非常に有効的な手段の１つとなっています。 しかし、こうしたバナーはユーザにとってページを閲覧
SPIRAL では、サイト側のセッションは、最大60分となっています。 セッション時間を自動で延長をする強化ガジェットを作成しました。 同一画面で一定時間経過した場合にセッション延長を行うかの確認ダイアログも表示できるようにしています。 仕様 ・XMLHttpRequest を使用
日時・日付フィールドをフォームで使用する際にテキスト形式になっています。 入力欄を日付タイプ・時刻タイプで表示させる強化ガジェットを作成いたしました。 アクセス日から起算して、選択できる日付を絞れる機能も追加しているので、ぜひ活用してみてください！ デモはこちら 変更・改
選択したセレクト項目の内容によって、下のセレクト項目が連動し項目を絞り込んで 表示されるようにするフォーム入力を補助する強化ガジェットを作成いたしました。 ラベルIDの設定に決まりがありますが、簡単に実装できますので、ぜひ活用してみてください！ 前提・仕様 ・フォームブロックは
フォームの入力中、誤ってEnterキーを押してしまい、予期せずフォームを送信してしまうことがあると思います。 今回はEnterキーでフォームが送信されないようにする強化ガジェットをご紹介します。 前提・仕様 ・ブロックかページの JavaScript タブにコー
住所の入力欄にテキストフィールドを使用するにあたり、以下の文字以外が入力された場合 入力制限の正規表現機能でエラーを出したいのですが、可能でしょうか。 ・日本語（漢字、ひらがな、全角カタカナ） ・半角英数字 ・半角ハイフン ・半角スペース、全角スペース サポートサイトの正規表現設定例と一般的な正規表現一覧のサイトを参考に設定してみましたが、うまくいきませんでした。 https://support....
お世話になります。 https://knowledge.spirers.jp/article/development/detail/1744/ こちらの記事を拝見し、設定を行いました。 実際に作成したカスタムページへアクセスしてみると 「https://area31.smp.ne.jp/regist/is」へ遷移はするのですが、以下のエラーが出力されます。 404 : Not Found 該当する...
利用規約の同意チェックなど、チェック状態に応じて送信ボタンを非活性化・活性化する強化ガジェットを作成しました。 フォーム入力補助機能を強化したい時に活用してみてください。 変更・改定履歴 [ 2022.04.08 ] 改定 コメントアウトの文章を修正 [ 2022.07.14
reCAPTCHAとはスパムやbotなどによる悪質なアクセスからWebサイトを保護するための仕組みです。 Googleが提供するreCAPTCHAをSPIRALver1で作成したフォームに組み込むことができます。 DEMOはこちら reCAPTCHAの制御方法は複数ありますが、ここで
ブラウザ側で JavaScript が無効化されている場合、 サイトに JavaScript による制御を入れても当然動作しません。 意図せず無効になっている場合、正しくデータが登録されずに後続の処理に影響が出てくる可能性もあります。 今回、JavaS
「マルチセレクトで選択できる数を制限したい！」とリクエストボードより投稿をいただきました。 要望にお応えして、”マルチセレクトで選択できる数を制限する強化ガジェット”を作ってみました！ ビジュアル設定に対応していますので、制限を入れたいと思っている方は、ぜひ参考にしてく
SPIRAL ver.2 おいて、ver.2.18時点では、サイト側にファイルダウンロード機能が実装されていません。(※) 今回は、 DB に保存されているファイルをサイト側でダウンロード可能にするボタンを作ってみました。 ファイルをダウンロ
JavaScript に PHP の値を引き渡す方法を3つご紹介したいと思います。 変更・改訂履歴 [ 2023.06.29 ] 改訂 data属性を利用した値の出力方法の変更 前提 SPIRAL ver.2 では、 JavaScript タブ内に記述した内容は、 HTM
フォームでデータを入力する際、こんなお困りごとありませんか？ ・商品一覧のExcelファイルから商品コードをコピペするのが面倒 ・担当者の入れ替えがあり、その都度「担当者」の選択肢を修正しないといけない 今回は、一覧表とJavaScriptと組み合わせてデータの入力を簡単にするソース
サポートデスクでは、日頃からスパイラルの設定について、たくさんのお問い合わせをいただき、お電話越しにご一緒に問題解決をさせていただいております。 そんな中、よくご意見をいただいているのが、メール配信の設定についてです。 スパイラルのメール配信機能（EXPRESS2）では、配信対象
スパイラルのWebアプリ機能を使えば、5分で検索機能のついた一覧表を作成することができます。 一覧表のデザイン設定方法は下記の2種類。 ・設定デザイン 「表形式」や「数値」を利用して、どなたでもデザインの設定を行うことが可能 ・ソースデザイン XMLやXSLの知識が必要ですが、
入力フォーム上で、特定の選択肢が選ばれた場合にのみ、入力必須のテキストボックスを表示する方法をご案内いたします。 DEMOはこちら 「職種」で「その他」を選ぶと入力必須のテキストが表示されます。 フォームの設定 フィールドはセレクトフィー
選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法（ドリルダウン表示）をご紹介します！ 文章だと分かりづらいので、とりあえずDEMOを触ってみてください！ DEMOはこちら 「会社名」「部署名」「役割」の3つのセレクト項目があり、「会社名」で選択した
フォームの入力中、誤ってEnterキーを押してしまい、予期しない挙動が発生してしまう時があるかと思います。 今回はEnterキーでフォームが送信されないようにする方法をご紹介します。 DEMOはこちら 入力の途中でEnterキーを押してもsubmitされません。 設定方法
レコードリストと JavaScript で リストの情報を入力画面に反映する方法を紹介いたします。 こちらを使って、ボタンをクリックすると担当者の一覧が表示され、IDを選択すると自動的に反映すると言ったことが可能です。 デモはこちら 変更・改訂履歴 [ 2023.04.
個人情報の取り扱いに関する同意ボタンをチェックした後、JavaScriptで送信ボタンを有効化させる方法をご紹介します。 DEMOは、こちら “個人情報利用目的について”を参照ください。 HTMLの設定 データベースは、択一のセレクト（ラジ
JavaScriptを使って、フォームを自在に表示/非表示させる方法をご紹介します。 DEMOは、こちら ※Q5を参照ください。 onclickイベントの設定 データベースの設定は、択一のセレクト（ラジオボタン）とテキストフィールドの2
CSS/JavaScript 機能概要 サイト機能で作成したページ、ブロックにはCSS/JavaScriptを追加することができます。 サイト全体共通、各ページ単位、各ブロック単位それぞれCSS/JavaScriptの記述が可能です。 読み込まれる順番 適用範囲 共通ソースのCSS/JavaScript 1 サイト内にある全ページ全ブロックで使用可能 ページのCSS/JavaScript 2 ...
登録フォームブロックのソース設定 目次 Toggle 機能概要機能仕様UI1．フォームブロック作成モーダル2．フォーム設定画面コンテンツ：入力ステップ/確認ステップ複数ステップ設定郵便番号住所自動補完メールアクション自動登録完了締切エラーフィールド一覧CSS/JSCSSJS共通設定 機能概要 フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様...
PHP サイト内のページ（ソース設定）にて、PHPを実行することができます。 実行結果はThymeleafを使用し、ページのbody（ソース設定）およびブロック（ソース設定）に渡すことができます。 外部サービスのAPIやSPIRAL ver.2のAPIと連携することで、多機能なアプリケーションを構築することができます。 目次 Toggle 仕様SPIRAL ver.2で提供するPHPの構成各機能の...
レコードリストブロックのソース設定 目次 Toggle 機能概要機能仕様レコードリストブロックの作成レコードリスト設定プレビューレコードリストコード挿入設定例（1）フィールド追加（2）サイト内ページリンク追加（3）ファイルフィールドに登録した画像ファイルを画像として表示する方法CSS/JSCSSJSリスト設定 機能概要 レコードリストブロックの設定方法を「ソース設定」にすることでHTMLでコンテン...
更新フォームブロックのソース設定 目次 Toggle 機能概要機能仕様更新フォームブロック設定プレビュー更新フォーム複数ステップ設定郵便番号住所自動補完メールアクション自動登録完了エラーフィールド一覧CSS/JSCSSJS共通設定 機能概要 更新フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記...
フリーコンテンツブロック フリーコンテンツブロックは自由なコンテンツを用意できるブロックです。 ヘッダーやフッターといった、複数ページで共有利用したいコンテンツを用意したい時に便利な機能です。 ※ フリーコンテンツブロックをサイト上で表示する為には、予めサイトやページを作成する必要があります。詳しくは、サイト機能の全体像の操作画面の項目をご参照ください。 ※ ページ作成時/編集時にフリーコンテンツ...
削除フォームブロックのソース設定 目次 Toggle 機能概要機能仕様削除フォームブロック設定プレビュー削除フォームメールアクション完了エラーCSS/JSCSSJS共通設定 機能概要 削除フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参...
レコード検索ブロックのソース設定 目次 Toggle 機能概要機能仕様レコード検索ブロックの作成レコード検索設定プレビューレコード検索CSS/JSCSSJS 機能概要 レコード検索ブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 各フィールドのHTMLはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビ...
レコード照合フォームブロックのソース設定 目次 Toggle 機能概要機能仕様レコード照合フォームブロック設定プレビューレコード照合フォーム（ソース設定）入力ステップ照合成功/照合失敗ステップ照合成功メールエラーステップCSS/JSCSSJS共通設定 機能概要 レコード照合フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのh...
パスワード再登録フォームブロックのソース設定 目次 Toggle 機能概要機能仕様パスワード再登録フォームブロック設定プレビューパスワード再登録フォーム依頼ステップ依頼完了ステップ依頼メール再登録ステップ再登録完了ステップ再登録完了メールエラーステップCSS/JSCSSJS共通設定 機能概要 パスワード再登録フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができ...
ログインフォームブロックのソース設定 目次 Toggle 機能概要機能仕様ログインフォームブロック設定プレビューログインフォームID/PASSWORDステップとID/認証フィールドステップメールアクションエラーステップCSS/JSCSSJS共通設定 機能概要 ログインフォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtml...
カスタムAPI 目次 Toggle 機能概要機能仕様URLフォーマット利用可能なメソッド設定上限プログラミング言語独自関数実行時間を制限PHPの一部機能を制限アクセス数の制限その他の制限セキュリティ通知メール独自関数レスポンス例UI：新規作成UI：詳細/変更/削除テスト環境でのテスト方法例１．ブラウザからカスタムAPIのURLにアクセスする例２．外部アクセス制御を使用してJavaScriptやPH...
カスタムAPI 目次 Toggle 機能概要機能仕様URLフォーマット利用可能なメソッド設定上限プログラミング言語独自関数実行時間を制限PHPの一部機能を制限アクセス数の制限その他の制限セキュリティ通知メール独自関数レスポンス例UI：新規作成UI：詳細/変更/削除テスト環境でのテスト方法例１．ブラウザからカスタムAPIのURLにアクセスする例２．外部アクセス制御を使用してJavaScriptやPH...
カスタムプログラムでのPHP利用 最終更新日:2025年02月13日 目次 Toggle 概要1. PHPスクリプトの即時実行2. PHPスクリプトの定期実行3. オープンAPIとして利用する 概要 カスタムプログラムとは、PHPスクリプトをスパイラル環境上に用意されたPHPサーバで実行させることが出来る機能です。 管理画面上では「開発」→「カスタムプログラム」メニューよりアクセスできます。 カス...
カスタムプログラムでのPHP利用 最終更新日:2025年02月13日 目次 Toggle 概要1. PHPスクリプトの即時実行2. PHPスクリプトの定期実行3. オープンAPIとして利用する 概要 カスタムプログラムとは、PHPスクリプトをスパイラル環境上に用意されたPHPサーバで実行させることが出来る機能です。 管理画面上では「開発」→「カスタムプログラム」メニューよりアクセスできます。 カス...
カスタムプログラムでのPHP利用 最終更新日:2025年02月13日 目次 Toggle 概要1. PHPスクリプトの即時実行2. PHPスクリプトの定期実行3. オープンAPIとして利用する 概要 カスタムプログラムとは、PHPスクリプトをスパイラル環境上に用意されたPHPサーバで実行させることが出来る機能です。 管理画面上では「開発」→「カスタムプログラム」メニューよりアクセスできます。 カス...
レコードアイテムブロックのソース設定 目次 Toggle 機能概要機能仕様レコードアイテムブロックの作成レコードアイテム設定プレビューレコードアイテムフィールドパーツ追加サイト内ページリンク追加ファイル挿入フィールド一覧CSS/JSCSSJS 機能概要 レコードアイテムブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのHTMLはTh...
削除フォームブロックのビジュアル設定 目次 Toggle 機能概要機能仕様削除フォームブロック作成ブロック一覧ブロック作成モーダル削除フォームブロック設定テキストパーツパーツ追加メールアクション完了エラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ・ビ...
レコード照合フォームブロックのビジュアル設定 目次 Toggle 機能概要機能仕様レコード照合フォームブロックの作成ブロック一覧ブロック作成モーダルレコード照合フォームブロック設定入力ステップ照合成功/照合失敗ステップ照合成功メールエラーステップスタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテ...
パスワード再登録フォームブロックのビジュアル設定 目次 Toggle 機能概要機能仕様パスワード再登録フォームブロックの作成ブロック一覧ブロック作成モーダルパスワード再登録フォームブロック設定依頼ステップ依頼完了ステップ依頼メール再登録ステップ再登録完了ステップ再登録完了メールエラーステップスタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすること...
ログインフォームブロックのビジュアル設定 目次 Toggle 機能概要機能仕様ログインフォームブロックの作成ブロック一覧ブロック作成モーダルログインフォームブロック設定ID/PASSWORDステップとID/認証フィールドステップメールアクションエラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコ...
レコード検索ブロックのビジュアル設定 目次 Toggle 機能概要機能仕様レコード検索ブロックの作成レコード検索設定プレビューレコード検索スタイルシンプル設定カスタマイズ設定JS 機能概要 レコード検索ブロックの設定方法を「ビジュアル設定」にすることでHTMLを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ビジュアル設定ではフィールドの追加・削除・並び順変更や各パーツレイ...
更新フォームブロックのビジュアル設定 目次 Toggle 機能概要機能仕様更新フォームブロック作成ブロック一覧ブロック作成モーダル更新フォームブロック設定複数ステップ設定ステップフローテキストパーツフィールド追加メールアクション自動登録完了エラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテ...
レコードリストブロックのビジュアル設定 目次 Toggle 機能概要機能仕様注意点レコードリストブロックの作成レコードリスト設定プレビューレコードリスト設定例フィールド追加サイト内ページリンク追加スタイルシンプルカスタマイズJSリスト設定 機能概要 レコードリストブロックの設定方法を「ビジュアル設定」にすることでHTMLを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ビジ...
ブロック機能 目次 Toggle 機能概要ブロックの種類ページとブロックの関係ブロック一覧ブロック詳細設定プレビューCSS（ソース設定）スタイル(ビジュアル設定)JS基本設定 機能概要 ブロックという要素を組み合わせることでコンテンツを作成できます。 1ページ内にはひとつ、あるいは複数のブロックを配置することができます。 ブロックの種類 ブロックタイプ 概要 フォームブロック レコードの登録、更新...
レコードアイテムブロックのビジュアル設定 目次 Toggle 機能概要機能仕様レコードアイテムブロックの作成レコードアイテム設定プレビューレコードアイテム設定例フィールド追加サイト内ページリンク追加スタイルシンプルカスタマイズJSアイテム設定 機能概要 レコードアイテムブロックの設定方法を「ビジュアル設定」にすることでHTMLを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様...
登録フォームブロックのビジュアル設定 目次 Toggle 機能概要機能仕様登録フォームブロック作成登録フォームブロック設定複数ステップ設定ステップフローテキストパーツフィールド追加メールアクション自動登録完了締切エラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。 ...
検索フォームで、選択した地方に属する都道府県を自動で選択（XSL） 最終更新日:2025年02月13日当ページではJavaScriptを使って、検索条件を変更する方法をご案内いたします。 目次 Toggle 変更前の設定変更手順変更後の設定関連ページ 変更前の設定 サンプルXML 検索フォームのソースデザイン画面にて、サンプルXMLは以下の通りです。 <usr_pref id="9...
フォームの選択項目にその他を選択した時の自由記述欄を設置したい 最終更新日:2024年02月20日フォームを作る際に、選択項目に「その他」の選択肢と自由記入欄をつけたい場合、下記の手順で作成できます。 目次 Toggle 1. DBに選択項目と自由記述欄の項目を追加する2. フォームを作成または修正する3. フォームのソースデザインを編集するステップアンケート機能を使用する場合ナレッジサイト参考記...
Google Analyticsの解析タグでSPIRALを導入したサイトやページを正しく計測したい 目次 Toggle 概要1．GA4の設定方法（GTMを利用しないで設定する場合）（1）アクセス解析タグを挿入する（2）ページビューの2重カウント防止する設定（3）動作確認2．GA4の設定方法（GTMを利用して設定する場合）（1）アクセス解析タグを挿入する（2）ページビューの2重カウント防止する設定（...
フォームの選択項目にその他を選択した時の自由記述欄を設置したい 最終更新日:2024年02月20日フォームを作る際に、選択項目に「その他」の選択肢と自由記入欄をつけたい場合、下記の手順で作成できます。 目次 Toggle 1. DBに選択項目と自由記述欄の項目を追加する2. フォームを作成または修正する3. フォームのソースデザインを編集するステップアンケート機能を使用する場合ナレッジサイト参考記...
ページ機能 目次 Toggle 機能概要機能仕様ページ一覧親子ページページ詳細プレビューブロック設定（ビジュアル設定の場合）body（ソース設定の場合）headCSSJavaScriptPHPセキュリティ基本設定 機能概要 サイト内に公開するページの作成と設定を行います。ページ毎にURLが作成可能です。 ページのコンテンツ編集/作成方法には「ビジュアル設定」「ソース設定」の2種類があります。 ビジ...
共通ソース 目次 Toggle 機能概要機能仕様UI1．サイト管理2．共通ソース設定画面 機能概要 共通ソース設定は、サイト内の全ページ共通で参照する「head」「CSS」「JavaScript」を指定でき、横断的に共通要素を適用したい場合に使用します。 なお、ページ側の指定と競合する場合は、ページ側が優先されます。 機能仕様 head metaタグや外部スクリプトタグ<head>&l...
集計表・グラフ 最終更新日:2025年02月26日集計表・グラフ機能は、指定したDBのデータから、集計表とグラフを作成し、Webページに表示する機能です。 目次 Toggle 1. 集計表2. グラフ3. Webパーツとページ4. 注意事項5. 集計表・グラフの作成6. ページ編集関連ページ 1. 集計表 (1) 集計表の種類 作成できる集計表には、以下の5種類あります。 それぞれ指定できる軸数、...
「結果がすぐ見える投票」は、携帯ブラウザで動作しますか。 最終更新日:2025年02月13日「結果がすぐ見える投票」は、javascriptで動いているため、javascript未対応の携帯ブラウザでは動作致しません。...
スパイラルシール管理 最終更新日:2025年02月13日 目次 Toggle 概要1. 設定情報2. 3種類のシール3. シールを使う関連ページ 概要 スパイラルシールは、「スパイラル」を利用するユーザー企業様が使用するウェブサイトを申請し、スパイラル株式会社が発行するものです。 例えば、インターネットユーザーがウェブサイト上でご自身のお名前や住所などの個人情報を入力する際に、 その情報が送信ボタ...
集計表・グラフ 最終更新日:2025年02月26日集計表・グラフ機能は、指定したDBのデータから、集計表とグラフを作成し、Webページに表示する機能です。 目次 Toggle 1. 集計表2. グラフ3. Webパーツとページ4. 注意事項5. 集計表・グラフの作成6. ページ編集関連ページ 1. 集計表 (1) 集計表の種類 作成できる集計表には、以下の5種類あります。 それぞれ指定できる軸数、...
スパイラルシール管理 最終更新日:2025年02月13日 目次 Toggle 概要1. 設定情報2. 3種類のシール3. シールを使う関連ページ 概要 スパイラルシールは、「スパイラル」を利用するユーザー企業様が使用するウェブサイトを申請し、スパイラル株式会社が発行するものです。 例えば、インターネットユーザーがウェブサイト上でご自身のお名前や住所などの個人情報を入力する際に、 その情報が送信ボタ...
2024年4月1日以降のサポート（プラットフォームサポート）について 最終更新日:2024年02月22日当社が提供するプラットフォームサポートの対応範囲・免責事項を以下の通りといたします。 ご不明点がありましたら、ユーザーズデスクへお問い合わせください。 目次 Toggle プラットフォームサポートのサービス範囲プラットフォームサポートの受付時間免責事項 プラットフォームサポートのサービス範囲 プ...
2024年4月1日以降のサポートについて 当社が提供するプラットフォームサポートの対応範囲・免責事項を以下の通りといたします。 ご不明点がありましたら、ユーザーズデスクへお問い合わせください。 目次 Toggle プラットフォームサポートのサービス範囲プラットフォームサポートの受付時間免責事項 プラットフォームサポートのサービス範囲 プラットフォームサポートでは、次のようなご案内・対応を行っており...
スパイラルPHPライブラリ 最終更新日:2025年02月13日スパイラルではより便利にプログラムを作成できるように独自のPHPライブラリを提供しています。 スパイラル環境内においては、PHPのグローバル変数として$SPIRALが利用可能になっており、以下の操作が行いやすくなっています。 スパイラルAPIの呼び出し DBへのアクセス セッション変数へのアクセス キャッシュ（KVS）へのアクセス リク...
ステップアンケート 最終更新日:2025年02月13日 目次 Toggle 概要1．基本設定2．質問票設定3．分岐設定4．質問票確定5．画面設定ステップアンケートの実施ステップアンケートに関するQ&A関連ページ 概要 ステップアンケートとは ステップアンケートとは、１画面につき１質問を表示する段階式アンケートのことです。本機能では、運用中の既存会員に対するステップアンケートをより簡単に設定...
一覧表・単票のソースデザイン 最終更新日:2025年02月13日 目次 Toggle 概要1.XMLとは2.XSLとは3.XPathとは4.XSLの使い方5.XSLのサンプル6.用語説明関連ページ 概要 SPIRAL ver.1の一覧表設定画面および検索フォーム設定画面にて、ソースデザインを選択した場合、XSLファイルを編集して、ブラウザでの一覧表や検索フォームの表示を変更することができます。 当...
ステップアンケート 最終更新日:2025年02月13日 目次 Toggle 概要1．基本設定2．質問票設定3．分岐設定4．質問票確定5．画面設定ステップアンケートの実施ステップアンケートに関するQ&A関連ページ 概要 ステップアンケートとは ステップアンケートとは、１画面につき１質問を表示する段階式アンケートのことです。本機能では、運用中の既存会員に対するステップアンケートをより簡単に設定...
フォーム 最終更新日:2025年06月18日 目次 Toggle 概要1. 主な利用例2. 仕様3. フォーム作成基本情報フォーム作成トップページフォームのURLについて4. フォーム設定使用フィールドセキュリティ共通チェックフィールド別チェック締め切り5. ページ設定入力ページ確認ページサンキューページシステムエラーページ締め切りページ6. メール設定サンクスメール登録通知メール設定締め切り件数...
フォーム 最終更新日:2025年06月18日 目次 Toggle 概要1. 主な利用例2. 仕様3. フォーム作成基本情報フォーム作成トップページフォームのURLについて4. フォーム設定使用フィールドセキュリティ共通チェックフィールド別チェック締め切り5. ページ設定入力ページ確認ページサンキューページシステムエラーページ締め切りページ6. メール設定サンクスメール登録通知メール設定締め切り件数...
ステップアンケート 最終更新日:2025年02月13日 目次 Toggle 概要1．基本設定2．質問票設定3．分岐設定4．質問票確定5．画面設定ステップアンケートの実施ステップアンケートに関するQ&A関連ページ 概要 ステップアンケートとは ステップアンケートとは、１画面につき１質問を表示する段階式アンケートのことです。本機能では、運用中の既存会員に対するステップアンケートをより簡単に設定...
スパイラルPHPライブラリ 最終更新日:2025年02月13日スパイラルではより便利にプログラムを作成できるように独自のPHPライブラリを提供しています。 スパイラル環境内においては、PHPのグローバル変数として$SPIRALが利用可能になっており、以下の操作が行いやすくなっています。 スパイラルAPIの呼び出し DBへのアクセス セッション変数へのアクセス キャッシュ（KVS）へのアクセス リク...
Facebookの情報を取得（PHP） 最終更新日:2025年06月18日Facebookアカウントのログイン情報を取得してフォームの入力欄に挿入するサンプルプログラムです。 スパイラルでは、独自クラスのメソッドgetFacebookを用意しています。 getFacebookの使用方法については、スパイラルPHPライブラリリファレンス（PHPdoc）をご参照ください。 <?php // &l...
HTMLメールを送りたい 最終更新日:2025年02月13日 目次 Toggle 作成手順HTMLメール作成時の注意点関連ページ 作成手順 １．HTMLメールを送るには［EXPRESS2］＞「メール形式」で、「HTMLメール」を選択してください。 ２．メール文面設定欄にはHTMLソースを貼り付けます。 ソースの編集 エディタ等で編集したHTMLソースを文面設定欄に貼り付けます。 ソースの編集（リッ...
Webアクセス解析はできますか？ 最終更新日:2025年02月13日スパイラルでは、複数ドメイン・SSL ページ・動的ページに対応したWebアクセス解析ツールであれば、基本的に可能です。 ただし、必ずしもデータ・解析結果を保証するものではありません。 目次 Toggle スパイラルでのWebアクセス解析スパイラルで使用できるWebアクセス解析ツールスパイラルにWebアクセス解析ツールを導入するには...
スパイラル管理画面での推奨（動作）環境を教えて下さい 最終更新日:2025年02月13日 目次 Toggle 推奨(動作)環境（2023年3月31日時点）最新のブラウザを利用することの重要性と有効性関連ページ 推奨(動作)環境（2023年3月31日時点） 画面サイズ 横1100 x 縦768ピクセル以上 ブラウザ ブラウザ 動作環境 Windows版 GoogleChrome 最新のバージョンのテ...
SPIRAL ver.1で作成したフォームにGoogle Analyticsの解析タグを挿入したい 最終更新日:2023年12月05日SPIRAL ver.1 のフォームは動的URLで入力ページ・エラーページ・確認ページ・完了ページなどが同一URLで展開します。 通常のトラッキングコードを設置した場合、入力ページ・エラーページ・確認ページ・完了ページが同一のページとして合算集計されてしまいます。 ...
カスタムプログラム 最終更新日:2025年02月13日 目次 Toggle 概要設定方法カスタムプログラム定期実行に関する通知関連ページ 概要 カスタムプログラムに設定したPHPプログラムから、スパイラルのデータベースや外部のデータソースにアクセスすることができます。また、スパイラルAPIを経由してスパイラルのメール配信機能の呼び出しや、外部からのデータ操作が行えます。 PHPプログラムの利用につ...
カスタムプログラム 最終更新日:2025年02月13日 目次 Toggle 概要設定方法カスタムプログラム定期実行に関する通知関連ページ 概要 カスタムプログラムに設定したPHPプログラムから、スパイラルのデータベースや外部のデータソースにアクセスすることができます。また、スパイラルAPIを経由してスパイラルのメール配信機能の呼び出しや、外部からのデータ操作が行えます。 PHPプログラムの利用につ...
一覧表・単票のソースデザイン 最終更新日:2025年02月13日 目次 Toggle 概要1.XMLとは2.XSLとは3.XPathとは4.XSLの使い方5.XSLのサンプル6.用語説明関連ページ 概要 SPIRAL ver.1の一覧表設定画面および検索フォーム設定画面にて、ソースデザインを選択した場合、XSLファイルを編集して、ブラウザでの一覧表や検索フォームの表示を変更することができます。 当...
一覧表で、画像型フィールドに登録した画像のオリジナル画像を表示（XSL） 最終更新日:2025年02月13日スパイラルの一覧表で画像型フィールドに登録した画像を表示する場合、初期状態ではサムネイル画像が表示されており、画像をクリックするとオリジナル画像が表示されます。 当ページでは、オリジナル画像を直接表示する方法をご案内いたします。 目次 Toggle 変更前の設定変更手順変更後の設定関連ページ...
【アップデート情報】ver.2.22（2023年1月24日実施） 2022年12月07日2023年1月24日実施のver.2.22アップデートに関する主な内容は以下になります。 目次 Toggle 新機能【アプリ】【サイト】機能改善【アプリ】【サイト】【PHP】【メール配信】仕様変更【サイト】【PHP】不具合修正 新機能 【アプリ】 スケジュールトリガ拡張(カスタムプログラムアクション追加) 決ま...
パスワード再登録フォームブロック 機能概要 認証エリアにログインする際に使用するパスワードを再発行するためのフォームブロックです。 パスワード再登録フォームブロックには、パスワード再登録を行うためのパスワード再登録依頼とパスワード再登録の2つのページを設定することができます。 認証エリア作成時に認証フィールドを「パスワードフィールドを使用する」、パスワード再登録を「設定する」と選択した場合、ページ...
更新フォームブロック 目次 Toggle 機能概要機能仕様基本設定使用できないフィールドタイプについて各ステップのパラメータ付与 機能概要 DB内の特定のレコードを更新するためのフォームブロックです。 認証エリアで認証した自分のレコードや、レコードリストブロックやレコードアイテムブロックで表示したDBのレコードを更新することができます。 ※ 更新フォームブロックを作成するには、予め認証エリアを作成...
レコード検索ブロック レコード検索ブロックは、レコードリストブロック上に表示するレコードに対し、任意の条件で検索、レコードを絞り込み表示することができるブロックです。 ※ レコード検索ブロックを作成するには、予め検索対象のレコードリストブロックを作成する必要があります。 ※ レコード検索ブロックの設定は、サイト管理の設定権限に加え、アプリ管理の設定権限があるユーザのみ操作できます。 アプリ管理...
削除フォームブロック 目次 Toggle 機能概要機能仕様基本設定 機能概要 DB内の特定のレコードを削除するためのフォームブロックです。 認証エリアで認証した自分のレコードや、レコードリストブロックやレコードアイテムブロックで表示したDBのレコードを削除することができます。 ※ 削除フォームブロックを作成するには、予め認証エリアを作成する必要があります。 ※ 認証エリアの詳細については認証エリア...
レコードリストブロック 目次 Toggle 機能概要機能仕様レコードリストブロックの作成1.ブロック一覧2.レコードリストブロック作成モーダルレコードリスト設定参照先DBのフィールド追加リスト設定フィルタ初期ソート初期表示件数参考情報 機能概要 レコードリストブロックは、サイト上のページに、セミナーやニュース一覧といったDBのレコード情報をテーブル形式やカードリスト形式で公開できるブロックです。 ...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 スタイル ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf
レコードアイテムブロック 目次 Toggle 機能概要機能仕様レコードアイテムブロックの作成1.ブロック一覧2.レコードアイテムブロック追加モーダル参照先DBのフィールド追加参考情報 機能概要 レコードアイテムブロックは、サイト上のページにセミナーやニュースといったDB上の1レコードの詳細情報を公開できるブロックです。 ※ レコードアイテムブロックを作成するには、予めDBを作成する必要があります。...
ログインフォームブロック 機能概要 認証エリアにログインするためのフォームブロックです。 認証エリア作成時に「認証フィールド」を「パスワードフィールドを使用する」または、「 パスワード以外のフィールドを使用する」と選択した場合、ページとログインフォームブロックが自動で作成されます。 ※ 認証エリアの詳細については認証エリアをご参照ください。 ※ ログインフォームブロックを作成するには、予めパスワー...
複数ページのアンケートを作成する 最終更新日:2025年03月28日 目次 Toggle 概要1.アプリ作成2.アンケートDB作成3.アンケートフォーム作成動作確認注意事項関連ページ 概要 1ページ目に個人情報を入力し、2ページ目に設問を記入する等の複数ページを使ったフォームを作成することができます。 ▼本アンケートアプリで作成するオブジェクト 【アプリ】 ・アンケートアプリ 【DB】 ・アンケー...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 アプリ利用 レコード ・レコード管理 －レコード詳細検索 ・レコード一括登録 ・レコード一括更新 ・レコード一括更新登録 ・レコード一括削除 ・レコード一括ダウンロード ・ファイル一括ダウンロード メール配信 ・一斉メール配信 ・配信ログ ・メールのクリックカウント/HTMLメール開封確認 アプリ管理...
フォームの入力欄を分けるには？ 郵便番号、電話番号など1フィールドで入力欄をわける機能は、将来のバージョンで対応予定です。 JavaScriptで対応することは可能です。
SPIRAL ver.2 操作画面の推奨(動作)環境 更新日：2025年6月4日 目次 Toggle 推奨(動作)環境画面サイズブラウザ最新のブラウザを利用することの重要性と有効性 推奨(動作)環境 画面サイズ 横1100 x 縦768ピクセル以上 ブラウザ ブラウザ 推奨（動作）バージョン Windows版 GoogleChrome 最新のバージョンのテストおよびサポートに努めています (最終検...
レコード照合フォームブロック 機能概要 入力するデータの値がDB内のレコード情報と一致するか、レコード情報を照合するフォームブロックです。 レコード情報が一致した場合、メール本文中に有効期限のある認証パラメータ付きのURLが記載されているメールを自動送信することで、 パスワードを使用せずに、認証エリア内の会員情報変更や退会手続きページへアクセスする場合などに使用します。 ※ レコード照合フォームブ...
機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 サイト管理 ・サイト機能の全体像 ・ページ機能 ・ブロック機能 ・登録フォームブロック ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf ・フォームのメールアクション ・ページのソース設定 ・テスト環境/本番環境とリリース ・サイト管理権限 ・登録フォームブロッ...
フォームのサンキューページにて、マイエリアから自動的にログアウトしたい。 最終更新日:2023年03月08日マイエリアにログインした後、フォームのサンキューページで、マイエリアから自動的にログアウトする方法をご案内します。 退会フォームやパスワード再登録フォームのサンキューページでマイエリアからログアウトさせ、ログインしていないページを表示しましょう。 設定の流れ 1.マイエリアのカスタムページに...