JavaScriptの記事

クエスチョンボード ver.2 high

非同期通信について

SPIRALの仕様上、ページの一部分だけを更新させることは可能でしょうか? 添付の画面イメージで、画面全体ではなく、必要な部分のみをPHPからポストバックさせたいと考えております。具体的には、各レコード情報にリンクが設置されており、そのリンクを押下することによって各レコードに該当するデータをAPIで取得して、bodyに返したい…というイメージです。この際、画面全体を更新させるのではなく、各レコード...

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

SPIRALのデータを暗号化・復号化してダウンロードさせる方法

全体像 SPIRALのAPIから取得したデータを暗号化し、ダウンロード可能な形式に変換します。 ダウンロードしたファイルは、別ページにて復号化し、CSVとしてダウンロードできます。 データを暗号化しダウンロードボタンに引き渡す設定 PHP <?//<!

開発情報・ナレッジ ver.2 high

SPIRALのデータを暗号化・復号化してダウンロードさせる方法

全体像 SPIRALのAPIから取得したデータを暗号化し、ダウンロード可能な形式に変換します。 ダウンロードしたファイルは、別ページにて復号化し、CSVとしてダウンロードできます。 データを暗号化しダウンロードボタンに引き渡す設定 PHP <?php //-

開発情報・ナレッジ ver.2 high

APIで取得したデータをCSVでダウンロードさせるサンプルプログラム

APIで取得したデータをCSVにしてダウンロードが出来るボタンを設置する方法をご紹介いたします。 レコードリストの抽出条件とAPIでデータを取得する条件を一致させるとレコードリストのデータをダウンロードさせる様なボタンを作成することができます。 本記事のプロ

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

フォームに初期入力値を設定する強化ガジェット

フォームブロックに置いて各フィールドに対して初期入力値を設定する強化ガジェットのご紹介です。 name値と入力値を指定するだけで、自動的にフィールドタイプを判定して初期値が入力されます。 注意点 ・入力コントロールで、[年/月/日][時/分/秒]の形式で設定してください ・HTML

開発情報・ナレッジ ver.2 high

フォームに電子署名を追加する

この記事ではフォームに電子署名(マウスやスマートフォンのタップで描けるサイン)を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 電子署名を格納したいDBにフィールドタイプ:ファイルのフィールドを追加してください。 本サンプルにつきましては識別名をsig...

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

フォームに電子署名を追加する

この記事ではフォームに電子署名(マウスやスマートフォンのタップで描けるサイン)を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 DBを新規作成する場合はDBタイトルをsignDBとして作成してください。 既存のDBを利用する場合は後述するサンキューページ...

開発情報・ナレッジ ver.2 high

QRコードを表示させる方法

URLを簡単に受け渡しできるQRコードを画面上に表示させたい場合があります。 今回は、来場受付などでも活躍するこのQRコードを生成する方法を2種類ご案内いたします。 APIサービスで生成する方法 URLの末尾にお問い合わせ番号やメールアドレスなどのQRコードにしたい内容を記載することでQRコードを...

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

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

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

開発情報・ナレッジ ver.2 high

JavaScirptでセレクトをドリルダウン表示する

登録フォームブロックにて選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法(ドリルダウン表示)をご紹介します! 今回はjQueryを使わずにJavaScirpt(Vanilla JS)のみで作成しているため、ライブラリ等の読み込みは必要ありません

設計情報 ver.2 high

チャットボットにGPT連携をしてDBの情報を取り込み、自社製品の内容を回答させる方法

openAIのGPTのAPIを利用する事で、 SPIRALに格納されているデータを組み込んだ自動回答が出来るチャットボットを構築する事が出来ます。 このチャットボットを構築すると以下のようなことが可能となります。 サポートデスクのチャット対応

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

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

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

開発情報・ナレッジ ver.2 high

フォームの特定ステップでのみJavascriptを動作させる方法

フォームのステップをパラメータで判定し、それぞれのステップで動作するJavascriptを作成しました。 実際にサンプルコードを掲載しておりますので、特定のステップでJavascriptを動作させたい場合に活用してみてください。 デモはこちら 機能説明 Ja

開発情報・ナレッジ ver.2 high

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

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

開発情報・ナレッジ ver.2 high

レコードリスト(一覧表)からの複数情報をフォームへ反映する方法

レコードリスト(一覧表)からの情報反映 の記事で、単一情報の反映方法はご紹介いたしました。 今回は、Jquery を利用して リストの複数情報を入力画面に反映する方法を紹介いたします。 チェックボックスで複数選択後にボタンをクリックすると反映する仕組みになって

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

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

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

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

パラメータを引継いだままレコードリストに戻るリンクを追加する強化ガジェット

レコードアイテムには、デフォルトでレコードリストに戻るリンクが付いていません。 ページリンク追加からレコードリストのページへ戻るリンクを追加することができますが、この方法で追加した場合はレコードリストで適用していたページ数、検索条件、ソート順、表示

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

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

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

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

ファイル添付時にサムネイルを表示させる強化ガジェット

フォームで画像ファイルを添付した際にサムネイルを表示する強化ガジェットを作成しました。 ビジュアル設定で使用できる形にしていますので、ぜひ参考にしてください。 デモはこちら 仕様 ・JavaScript で送信しているため、対応していないブラウザがあります。 ・DOM

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

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

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

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

自動でセッション延長を行う強化ガジェット

SPIRAL では、サイト側のセッションは、最大60分となっています。 セッション時間を自動で延長をする強化ガジェットを作成しました。 同一画面で一定時間経過した場合にセッション延長を行うかの確認ダイアログも表示できるようにしています。 仕様 ・XMLHttpRequest を使用

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

テキストをカレンダー形式で表示させる強化ガジェット

日時・日付フィールドをフォームで使用する際にテキスト形式になっています。 入力欄を日付タイプ・時刻タイプで表示させる強化ガジェットを作成いたしました。 アクセス日から起算して、選択できる日付を絞れる機能も追加しているので、ぜひ活用してみてください! デモはこちら 変更・改

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

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

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

クエスチョンボード ver.2 high

テキストフィールドの正規表現について

住所の入力欄にテキストフィールドを使用するにあたり、以下の文字以外が入力された場合 入力制限の正規表現機能でエラーを出したいのですが、可能でしょうか。 ・日本語(漢字、ひらがな、全角カタカナ) ・半角英数字 ・半角ハイフン ・半角スペース、全角スペース サポートサイトの正規表現設定例と一般的な正規表現一覧のサイトを参考に設定してみましたが、うまくいきませんでした。 https://support....

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

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

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

クエスチョンボード ver.1 middle

マイエリア内フォーム設置を簡略化する方法について

お世話になります。 https://knowledge.spirers.jp/article/development/detail/1744/ こちらの記事を拝見し、設定を行いました。 実際に作成したカスタムページへアクセスしてみると 「https://area31.smp.ne.jp/regist/is」へ遷移はするのですが、以下のエラーが出力されます。 404 : Not Found 該当する...

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

チェック状態でボタンを活性化する強化ガジェット

利用規約の同意チェックなど、チェック状態に応じて送信ボタンを非活性化・活性化する強化ガジェットを作成しました。 フォーム入力補助機能を強化したい時に活用してみてください。 変更・改定履歴 [ 2022.04.08 ] 改定 コメントアウトの文章を修正 [ 2022.07.14

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

ブラウザのJavaScript が無効時に画面操作させない強化ガジェット

ブラウザ側で JavaScript が無効化されている場合、 サイトに JavaScript による制御を入れても当然動作しません。 意図せず無効になっている場合、正しくデータが登録されずに後続の処理に影響が出てくる可能性もあります。 今回、JavaS

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

マルチセレクトで選択できる数を制御する強化ガジェット

「マルチセレクトで選択できる数を制限したい!」とリクエストボードより投稿をいただきました。 要望にお応えして、”マルチセレクトで選択できる数を制限する強化ガジェット”を作ってみました! ビジュアル設定に対応していますので、制限を入れたいと思っている方は、ぜひ参考にしてく

開発情報・ナレッジ ver.2 high

ver.2 で DB に登録されているファイルをダウンロードするサンプルプログラム

SPIRAL ver.2 おいて、ver.2.18時点では、サイト側にファイルダウンロード機能が実装されていません。(※) 今回は、 DB に保存されているファイルをサイト側でダウンロード可能にするボタンを作ってみました。 ファイルをダウンロ

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

あなた専用のメール配信設定画面をつくろう

サポートデスクでは、日頃からスパイラルの設定について、たくさんのお問い合わせをいただき、お電話越しにご一緒に問題解決をさせていただいております。 そんな中、よくご意見をいただいているのが、メール配信の設定についてです。 スパイラルのメール配信機能(EXPRESS2)では、配信対象

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

jQueryでセレクトをドリルダウン表示する

選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法(ドリルダウン表示)をご紹介します! 文章だと分かりづらいので、とりあえずDEMOを触ってみてください! DEMOはこちら 「会社名」「部署名」「役割」の3つのセレクト項目があり、「会社名」で選択した

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

JavaScriptで項目の表示非表示を切り替え、かつ表示する場合は入力必須にする

入力フォーム上で、特定の選択肢が選ばれた場合にのみ、入力必須のテキストボックスを表示する方法をご案内いたします。 DEMOはこちら 「職種」で「その他」を選ぶと入力必須のテキストが表示されます。 フォームの設定 フィールドはセレクトフィー

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

Enterキーでフォームが送信されないようにする

フォームの入力中、誤ってEnterキーを押してしまい、予期しない挙動が発生してしまう時があるかと思います。 今回はEnterキーでフォームが送信されないようにする方法をご紹介します。 DEMOはこちら 入力の途中でEnterキーを押してもsubmitされません。 設定方法

開発情報・ナレッジ ver.2 high

レコードリスト(一覧表)からフォームへ反映する方法

レコードリストと JavaScript で リストの情報を入力画面に反映する方法を紹介いたします。 こちらを使って、ボタンをクリックすると担当者の一覧が表示され、IDを選択すると自動的に反映すると言ったことが可能です。 デモはこちら 変更・改訂履歴 [ 2023.04.

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

検索フォームにカレンダー表示を実装する方法

スパイラルのWebアプリ機能を使えば、5分で検索機能のついた一覧表を作成することができます。 一覧表のデザイン設定方法は下記の2種類。 ・設定デザイン 「表形式」や「数値」を利用して、どなたでもデザインの設定を行うことが可能 ・ソースデザイン XMLやXSLの知識が必要ですが、

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

[フォームカスタマイズ vol.7]同意ボタンのチェックで送信ボタンを有効化させる

個人情報の取り扱いに関する同意ボタンをチェックした後、JavaScriptで送信ボタンを有効化させる方法をご紹介します。 DEMOは、こちら “個人情報利用目的について”を参照ください。 HTMLの設定 データベースは、択一のセレクト(ラジ

ver.2サポートサイト

CSS/JavaScript

CSS/JavaScript 機能概要 サイト機能で作成したページ、ブロックにはCSS/JavaScriptを追加することができます。 サイト全体共通、各ページ単位、各ブロック単位それぞれCSS/JavaScriptの記述が可能です。   読み込まれる順番 適用範囲 共通ソースのCSS/JavaScript 1 サイト内にある全ページ全ブロックで使用可能 ページのCSS/JavaScript 2 ...

ver.2サポートサイト

フリーコンテンツブロック

フリーコンテンツブロック フリーコンテンツブロックは自由なコンテンツを用意できるブロックです。 ヘッダーやフッターといった、複数ページで共有利用したいコンテンツを用意したい時に便利な機能です。 ※ フリーコンテンツブロックをサイト上で表示する為には、予めサイトやページを作成する必要があります。詳しくは、サイト機能の全体像の操作画面の項目をご参照ください。 ※ ページ作成時/編集時にフリーコンテンツ...

ver.2サポートサイト

PHP

PHP サイト内のページ(ソース設定)にて、PHPを実行することができます。 実行結果はThymeleafを使用し、ページのbody(ソース設定)およびブロック(ソース設定)に渡すことができます。 外部サービスのAPIやSPIRAL ver.2のAPIと連携することで、多機能なアプリケーションを構築することができます。 目次仕様SPIRAL ver.2で提供するPHPの構成各機能の役割設定順提供す...

ver.2サポートサイト

ログインフォームブロックのソース設定

ログインフォームブロックのソース設定 目次機能概要機能仕様ログインフォームブロック設定プレビューログインフォームID/PASSWORDステップメールアクションエラーステップCSS/JSCSSJS共通設定 機能概要 ログインフォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thy...

ver.2サポートサイト

削除フォームブロックのソース設定

削除フォームブロックのソース設定 目次機能概要機能仕様削除フォームブロック設定プレビュー削除フォームメールアクション完了エラーCSS/JSCSSJS共通設定 機能概要 削除フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※...

ver.2サポートサイト

パスワード再登録フォームブロックのソース設定

パスワード再登録フォームブロックのソース設定 目次機能概要機能仕様パスワード再登録フォームブロック設定プレビューパスワード再登録フォーム依頼ステップ依頼完了ステップ依頼メール再登録ステップ再登録完了ステップ再登録完了メールエラーステップCSS/JSCSSJS共通設定 機能概要 パスワード再登録フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様...

ver.2サポートサイト

レコード検索ブロックのソース設定

レコード検索ブロックのソース設定 目次機能概要機能仕様レコード検索ブロックの作成レコード検索設定プレビューレコード検索CSS/JSCSSJS 機能概要 レコード検索ブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 各フィールドのHTMLはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。 ※ビジュアル設定にな...

ver.2サポートサイト

レコードリストブロックのソース設定

レコードリストブロックのソース設定 目次機能概要機能仕様レコードリストブロックの作成レコードリスト設定プレビューレコードリストコード挿入設定例フィールド追加サイト内ページリンク追加CSS/JSCSSJSリスト設定 機能概要 レコードリストブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのHTMLはThymeleaf記法で記述されます...

ver.2サポートサイト

レコード照合フォームブロックのソース設定

レコード照合フォームブロックのソース設定 目次機能概要機能仕様レコード照合フォームブロック設定プレビューレコード照合フォーム(ソース設定)入力ステップ照合成功/照合失敗ステップ照合成功メールエラーステップCSS/JSCSSJS共通設定 機能概要 レコード照合フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThym...

ver.2サポートサイト

登録フォームブロックのソース設定

登録フォームブロックのソース設定 目次機能概要機能仕様UI1.フォームブロック作成モーダル2.フォーム設定画面コンテンツ:入力ステップ/確認ステップ複数ステップ設定郵便番号住所自動補完メールアクション自動登録完了締切エラーフィールド一覧CSS/JSCSSJS共通設定 機能概要 フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールド...

ver.2サポートサイト

更新フォームブロックのソース設定

更新フォームブロックのソース設定 目次機能概要機能仕様更新フォームブロック設定プレビュー更新フォーム複数ステップ設定郵便番号住所自動補完メールアクション自動登録完了エラーフィールド一覧CSS/JSCSSJS共通設定 機能概要 更新フォームブロックの設定方法を「ソース設定」にすることでhtmlでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのhtmlはThymeleaf記法で記述されます...

ver.2サポートサイト

レコードアイテムブロックのソース設定

レコードアイテムブロックのソース設定 目次機能概要機能仕様レコードアイテムブロックの作成レコードアイテム設定プレビューレコードアイテムフィールドパーツ追加サイト内ページリンク追加ファイル挿入フィールド一覧CSS/JSCSSJS 機能概要 レコードアイテムブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。 機能仕様 ・各フィールドのHTMLはThymeleaf記...

ver.2サポートサイト

登録フォームブロックのビジュアル設定

登録フォームブロックのビジュアル設定 目次機能概要機能仕様登録フォームブロック作成登録フォームブロック設定複数ステップ設定ステップフローテキストパーツフィールド追加メールアクション自動登録完了締切エラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ・ビジ...

ver.2サポートサイト

レコード照合フォームブロックのビジュアル設定

レコード照合フォームブロックのビジュアル設定 目次機能概要機能仕様レコード照合フォームブロックの作成ブロック一覧ブロック作成モーダルレコード照合フォームブロック設定入力ステップ照合成功/照合失敗ステップ照合成功メールエラーステップスタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集が...

ver.2サポートサイト

ログインフォームブロックのビジュアル設定

ログインフォームブロックのビジュアル設定 目次機能概要機能仕様ログインフォームブロックの作成ブロック一覧ブロック作成モーダルログインフォームブロック設定ID/PASSWORDステップメールアクションエラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ・ビ...

ver.2サポートサイト

更新フォームブロックのビジュアル設定

更新フォームブロックのビジュアル設定 目次機能概要機能仕様更新フォームブロック作成ブロック一覧ブロック作成モーダル更新フォームブロック設定複数ステップ設定ステップフローテキストパーツフィールド追加メールアクション自動登録完了エラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集が...

ver.2サポートサイト

削除フォームブロックのビジュアル設定

削除フォームブロックのビジュアル設定 目次機能概要機能仕様削除フォームブロック作成ブロック一覧ブロック作成モーダル削除フォームブロック設定テキストパーツパーツ追加メールアクション完了エラースタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ・ビジュアル設定では...

ver.2サポートサイト

レコードリストブロックのビジュアル設定

レコードリストブロックのビジュアル設定 目次機能概要機能仕様注意点レコードリストブロックの作成レコードリスト設定プレビューレコードリスト設定例フィールド追加サイト内ページリンク追加スタイルシンプルカスタマイズJSリスト設定 機能概要 レコードリストブロックの設定方法を「ビジュアル設定」にすることでHTMLを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ビジュアル設定ではフ...

ver.2サポートサイト

パスワード再登録フォームブロックのビジュアル設定

パスワード再登録フォームブロックのビジュアル設定 目次機能概要機能仕様パスワード再登録フォームブロックの作成ブロック一覧ブロック作成モーダルパスワード再登録フォームブロック設定依頼ステップ依頼完了ステップ依頼メール再登録ステップ再登録完了ステップ再登録完了メールエラーステップスタイルシンプルカスタマイズJS共通設定 機能概要 フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接...

ver.2サポートサイト

ブロック機能

ブロック機能 目次機能概要ブロックの種類ページとブロックの関係ブロック一覧ブロック詳細設定プレビューCSS(ソース設定)スタイル(ビジュアル設定)JS基本設定 機能概要 ブロックという要素を組み合わせることでコンテンツを作成できます。 1ページ内にはひとつ、あるいは複数のブロックを配置することができます。 ブロックの種類 ブロックタイプ 概要 フォームブロック レコードの登録、更新、削除を行うため...

ver.2サポートサイト

レコードアイテムブロックのビジュアル設定

レコードアイテムブロックのビジュアル設定 目次機能概要機能仕様レコードアイテムブロックの作成レコードアイテム設定プレビューレコードアイテム設定例フィールド追加サイト内ページリンク追加スタイルシンプルカスタマイズJSアイテム設定 機能概要 レコードアイテムブロックの設定方法を「ビジュアル設定」にすることでHTMLを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ・ビジュアル設...

ver.2サポートサイト

レコード検索ブロックのビジュアル設定

レコード検索ブロックのビジュアル設定 目次機能概要機能仕様レコード検索ブロックの作成レコード検索設定プレビューレコード検索スタイルシンプル設定カスタマイズ設定JS 機能概要 レコード検索ブロックの設定方法を「ビジュアル設定」にすることでHTMLを直接編集することなく画面上でコンテンツ作成/編集ができます。 機能仕様 ビジュアル設定ではフィールドの追加・削除・並び順変更や各パーツレイアウト変更などが...

ver.1サポートサイト

フォームの選択項目にその他を選択した時の自由記述欄を設置したい

フォームの選択項目にその他を選択した時の自由記述欄を設置したい 最終更新日:2024年02月20日フォームを作る際に、選択項目に「その他」の選択肢と自由記入欄をつけたい場合、下記の手順で作成できます。 目次1. DBに選択項目と自由記述欄の項目を追加する2. フォームを作成または修正する3. フォームのソースデザインを編集するステップアンケート機能を使用する場合ナレッジサイト参考記事関連ページ 1...

ver.1サポートサイト

検索フォームで、選択した地方に属する都道府県を自動で選択

検索フォームで、選択した地方に属する都道府県を自動で選択 最終更新日:2023年03月30日当ページではJavaScriptを使って、検索条件を変更する方法をご案内いたします。 目次変更前の設定変更手順変更後の設定関連ページ 変更前の設定 サンプルXML 検索フォームのソースデザイン画面にて、サンプルXMLは以下の通りです。 <usr_pref id="99999" ti...

ver.2サポートサイト

Google Analyticsの解析タグでSPIRALを導入したサイトやページを正しく計測したい

Google Analyticsの解析タグでSPIRALを導入したサイトやページを正しく計測したい 目次概要1.GA4の設定方法(GTMを利用しないで設定する場合)(1)アクセス解析タグを挿入する(2)ページビューの2重カウント防止する設定(3)動作確認2.GA4の設定方法(GTMを利用して設定する場合)(1)アクセス解析タグを挿入する(2)ページビューの2重カウント防止する設定(3)動作確認 概...

ver.1サポートサイト

フォームの選択項目にその他を選択した時の自由記述欄を設置したい

フォームの選択項目にその他を選択した時の自由記述欄を設置したい 最終更新日:2024年02月20日フォームを作る際に、選択項目に「その他」の選択肢と自由記入欄をつけたい場合、下記の手順で作成できます。 目次1. DBに選択項目と自由記述欄の項目を追加する2. フォームを作成または修正する3. フォームのソースデザインを編集するステップアンケート機能を使用する場合ナレッジサイト参考記事関連ページ 1...

ver.2サポートサイト

共通ソース

共通ソース 目次機能概要機能仕様UI1.サイト管理2.共通ソース設定画面 機能概要 共通ソース設定は、サイト内の全ページ共通で参照する「head」「CSS」「JavaScript」を指定でき、横断的に共通要素を適用したい場合に使用します。 なお、ページ側の指定と競合する場合は、ページ側が優先されます。 機能仕様 head metaタグや外部スクリプトタグ<head></head&...

ver.2サポートサイト

ページ機能

ページ機能 目次機能概要機能仕様ページ一覧親子ページページ詳細プレビューブロック設定(ビジュアル設定の場合)body(ソース設定の場合)headCSSJavaScriptPHPセキュリティ基本設定 機能概要 サイト内に公開するページの作成と設定を行います。ページ毎にURLが作成可能です。 ページのコンテンツ編集/作成方法には「ビジュアル設定」「ソース設定」の2種類があります。 ビジュアル設定 ペー...

ver.1サポートサイト

スパイラルシール管理

スパイラルシール管理 最終更新日:2024年07月31日目次概要1. 設定情報2. 3種類のシール3. シールを使う関連ページ 概要 スパイラルシールは、「スパイラル」を利用するユーザー企業様が使用するウェブサイトを申請し、スパイラル株式会社が発行するものです。 例えば、インターネットユーザーがウェブサイト上でご自身のお名前や住所などの個人情報を入力する際に、 その情報が送信ボタンを押したその先で...

ver.1サポートサイト

集計表・グラフ

集計表・グラフ 最終更新日:2024年02月29日集計表・グラフ機能は、指定したDBのデータから、集計表とグラフを作成し、Webページに表示する機能です。 目次1. 集計表2. グラフ3. Webパーツとページ4. 注意事項5. 集計表・グラフの作成6. ページ編集関連ページ 1. 集計表 (1) 集計表の種類 作成できる集計表には、以下の5種類あります。 それぞれ指定できる軸数、集計するデータ、...

ver.1サポートサイト

スパイラルシール管理

スパイラルシール管理 最終更新日:2024年07月31日目次概要1. 設定情報2. 3種類のシール3. シールを使う関連ページ 概要 スパイラルシールは、「スパイラル」を利用するユーザー企業様が使用するウェブサイトを申請し、スパイラル株式会社が発行するものです。 例えば、インターネットユーザーがウェブサイト上でご自身のお名前や住所などの個人情報を入力する際に、 その情報が送信ボタンを押したその先で...

ver.1サポートサイト

集計表・グラフ

集計表・グラフ 最終更新日:2024年02月29日集計表・グラフ機能は、指定したDBのデータから、集計表とグラフを作成し、Webページに表示する機能です。 目次1. 集計表2. グラフ3. Webパーツとページ4. 注意事項5. 集計表・グラフの作成6. ページ編集関連ページ 1. 集計表 (1) 集計表の種類 作成できる集計表には、以下の5種類あります。 それぞれ指定できる軸数、集計するデータ、...

ver.1サポートサイト

2024年4月1日以降のサポート(プラットフォームサポート)について

2024年4月1日以降のサポート(プラットフォームサポート)について 最終更新日:2024年02月22日当社が提供するプラットフォームサポートの対応範囲・免責事項を以下の通りといたします。 ご不明点がありましたら、ユーザーズデスクへお問い合わせください。 目次プラットフォームサポートのサービス範囲プラットフォームサポートの受付時間免責事項 プラットフォームサポートのサービス範囲 プラットフォームサ...

ver.2サポートサイト

2024年4月1日以降のサポートについて

2024年4月1日以降のサポートについて 当社が提供するプラットフォームサポートの対応範囲・免責事項を以下の通りといたします。 ご不明点がありましたら、ユーザーズデスクへお問い合わせください。 目次プラットフォームサポートのサービス範囲プラットフォームサポートの受付時間免責事項 プラットフォームサポートのサービス範囲 プラットフォームサポートでは、次のようなご案内・対応を行っております。 1.SP...

ver.1サポートサイト

Facebookの情報を取得

Facebookの情報を取得 最終更新日:2023年08月31日Facebookアカウントのログイン情報を取得してフォームの入力欄に挿入するサンプルプログラムです。 スパイラルでは、独自クラスのメソッドgetFacebookを用意しています。 getFacebookの使用方法については、スパイラルPHPライブラリリファレンス(PHPdoc)をご参照ください。 <?php // <!--...

ver.1サポートサイト

ステップアンケート

ステップアンケート 最終更新日:2024年09月25日目次1. ステップアンケート機能の概要2. ステップアンケート機能の詳細3.その他関連ページ 1. ステップアンケート機能の概要 ステップアンケートとは ステップアンケートとは、1画面につき1質問を表示する段階式アンケートのことです。本機能では、運用中の既存会員に対するステップアンケートをより簡単に設定・実施することができます。 対象会員DBの...

ver.1サポートサイト

ステップアンケート

ステップアンケート 最終更新日:2024年09月25日目次1. ステップアンケート機能の概要2. ステップアンケート機能の詳細3.その他関連ページ 1. ステップアンケート機能の概要 ステップアンケートとは ステップアンケートとは、1画面につき1質問を表示する段階式アンケートのことです。本機能では、運用中の既存会員に対するステップアンケートをより簡単に設定・実施することができます。 対象会員DBの...

ver.1サポートサイト

スパイラルPHPライブラリ

スパイラルPHPライブラリ 最終更新日:2024年02月29日スパイラルではより便利にプログラムを作成できるように独自のPHPライブラリを提供しています。 スパイラル環境内においては、PHPのグローバル変数として$SPIRALが利用可能になっており、以下の操作が行いやすくなっています。 スパイラルAPIの呼び出し DBへのアクセス セッション変数へのアクセス キャッシュ(KVS)へのアクセス リク...

ver.1サポートサイト

スパイラルPHPライブラリ

スパイラルPHPライブラリ 最終更新日:2024年02月29日スパイラルではより便利にプログラムを作成できるように独自のPHPライブラリを提供しています。 スパイラル環境内においては、PHPのグローバル変数として$SPIRALが利用可能になっており、以下の操作が行いやすくなっています。 スパイラルAPIの呼び出し DBへのアクセス セッション変数へのアクセス キャッシュ(KVS)へのアクセス リク...

ver.1サポートサイト

一覧表・単票のソースデザイン

一覧表・単票のソースデザイン 最終更新日:2024年02月29日目次概要1.XMLとは2.XSLとは3.XPathとは4.XSLの使い方5.XSLのサンプル6.用語説明関連ページ 概要 SPIRAL ver.1の一覧表設定画面および検索フォーム設定画面にて、ソースデザインを選択した場合、XSLファイルを編集して、ブラウザでの一覧表や検索フォームの表示を変更することができます。 当ページではXML、...

ver.1サポートサイト

フォーム

フォーム 最終更新日:2024年10月29日目次概要1. 主な利用例2. 仕様3. フォーム作成4. フォーム設定5. ページ設定6. メール設定7. フォームの締め切りに関する通知8. その他関連ページ 概要 「フォーム」とは、データを入力するための画面のことです。 データを登録、更新、削除するマルチデバイス対応のフォームを作成できます。 入力するデータに応じて、テキスト欄、ドロップダウンやラジ...

ver.1サポートサイト

カスタムプログラム

カスタムプログラム 最終更新日:2024年05月14日目次概要設定方法カスタムプログラム定期実行に関する通知関連ページ 概要 カスタムプログラムに設定したPHPプログラムから、スパイラルのデータベースや外部のデータソースにアクセスすることができます。また、スパイラルAPIを経由してスパイラルのメール配信機能の呼び出しや、外部からのデータ操作が行えます。 PHPプログラムの利用については、カスタムプ...

ver.1サポートサイト

ステップアンケート

ステップアンケート 最終更新日:2024年09月25日目次1. ステップアンケート機能の概要2. ステップアンケート機能の詳細3.その他関連ページ 1. ステップアンケート機能の概要 ステップアンケートとは ステップアンケートとは、1画面につき1質問を表示する段階式アンケートのことです。本機能では、運用中の既存会員に対するステップアンケートをより簡単に設定・実施することができます。 対象会員DBの...

ver.1サポートサイト

Webアクセス解析はできますか?

Webアクセス解析はできますか? 最終更新日:2021年11月24日スパイラルでは、複数ドメイン・SSL ページ・動的ページに対応したWebアクセス解析ツールであれば、基本的に可能です。 ただし、必ずしもデータ・解析結果を保証するものではありません。 目次スパイラルでのWebアクセス解析スパイラルで使用できるWebアクセス解析ツールスパイラルにWebアクセス解析ツールを導入するには関連ページ スパ...

ver.1サポートサイト

HTMLメールを送りたい

HTMLメールを送りたい 最終更新日:2024年07月17日目次作成手順HTMLメール作成時の注意点関連ページ 作成手順 1.HTMLメールを送るには[EXPRESS2]>「メール形式」で、「HTMLメール」を選択してください。 2.メール文面設定欄にはHTMLソースを貼り付けます。 ソースの編集 エディタ等で編集したHTMLソースを文面設定欄に貼り付けます。 ソースの編集(リッチテキスト編集) ...

ver.1サポートサイト

スパイラル管理画面での推奨(動作)環境を教えて下さい

スパイラル管理画面での推奨(動作)環境を教えて下さい 最終更新日:2023年07月26日目次推奨(動作)環境(2023年3月31日時点)最新のブラウザを利用することの重要性と有効性関連ページ 推奨(動作)環境(2023年3月31日時点) 画面サイズ 横1100 x 縦768ピクセル以上 ブラウザ ブラウザ 動作環境 Windows版 GoogleChrome 最新のバージョンのテストおよびサポート...

ver.1サポートサイト

カスタムプログラム

カスタムプログラム 最終更新日:2024年05月14日目次概要設定方法カスタムプログラム定期実行に関する通知関連ページ 概要 カスタムプログラムに設定したPHPプログラムから、スパイラルのデータベースや外部のデータソースにアクセスすることができます。また、スパイラルAPIを経由してスパイラルのメール配信機能の呼び出しや、外部からのデータ操作が行えます。 PHPプログラムの利用については、カスタムプ...

ver.1サポートサイト

SPIRAL ver.1で作成したフォームにGoogle Analyticsの解析タグを挿入したい

SPIRAL ver.1で作成したフォームにGoogle Analyticsの解析タグを挿入したい 最終更新日:2023年12月05日SPIRAL ver.1 のフォームは動的URLで入力ページ・エラーページ・確認ページ・完了ページなどが同一URLで展開します。 通常のトラッキングコードを設置した場合、入力ページ・エラーページ・確認ページ・完了ページが同一のページとして合算集計されてしまいます。 ...

ver.1サポートサイト

フォーム

フォーム 最終更新日:2024年10月29日目次概要1. 主な利用例2. 仕様3. フォーム作成4. フォーム設定5. ページ設定6. メール設定7. フォームの締め切りに関する通知8. その他関連ページ 概要 「フォーム」とは、データを入力するための画面のことです。 データを登録、更新、削除するマルチデバイス対応のフォームを作成できます。 入力するデータに応じて、テキスト欄、ドロップダウンやラジ...

ver.1サポートサイト

一覧表・単票のソースデザイン

一覧表・単票のソースデザイン 最終更新日:2024年02月29日目次概要1.XMLとは2.XSLとは3.XPathとは4.XSLの使い方5.XSLのサンプル6.用語説明関連ページ 概要 SPIRAL ver.1の一覧表設定画面および検索フォーム設定画面にて、ソースデザインを選択した場合、XSLファイルを編集して、ブラウザでの一覧表や検索フォームの表示を変更することができます。 当ページではXML、...

ver.2サポートサイト

【アップデート情報】ver.2.22(2023年1月24日実施)

【アップデート情報】ver.2.22(2023年1月24日実施) 2022年12月07日2023年1月24日実施のver.2.22アップデートに関する主な内容は以下になります。 目次新機能【アプリ】【サイト】機能改善【アプリ】【サイト】【PHP】【メール配信】仕様変更【サイト】【PHP】不具合修正 新機能 【アプリ】 スケジュールトリガ拡張(カスタムプログラムアクション追加) 決まったスケジュール...

ver.2サポートサイト

更新フォームブロック

更新フォームブロック 目次機能概要機能仕様基本設定使用できないフィールドタイプについて各ステップのパラメータ付与 機能概要 DB内の特定のレコードを更新するためのフォームブロックです。 認証エリアで認証した自分のレコードや、レコードリストブロックやレコードアイテムブロックで表示したDBのレコードを更新することができます。 ※ 更新フォームブロックを作成するには、予め認証エリアを作成する必要がありま...

ver.2サポートサイト

レコード検索ブロック

レコード検索ブロック レコード検索ブロックは、レコードリストブロック上に表示するレコードに対し、任意の条件で検索、レコードを絞り込み表示することができるブロックです。 ※ レコード検索ブロックを作成するには、予め検索対象のレコードリストブロックを作成する必要があります。 ※ レコード検索ブロックの設定は、サイト管理の設定権限に加え、アプリ管理の設定権限があるユーザのみ操作できます。   アプリ管理...

ver.2サポートサイト

削除フォームブロック

削除フォームブロック 目次機能概要機能仕様基本設定 機能概要 DB内の特定のレコードを削除するためのフォームブロックです。 認証エリアで認証した自分のレコードや、レコードリストブロックやレコードアイテムブロックで表示したDBのレコードを削除することができます。 ※ 削除フォームブロックを作成するには、予め認証エリアを作成する必要があります。 ※ 認証エリアの詳細については認証エリアをご参照ください...

ver.2サポートサイト

ログインフォームブロック

ログインフォームブロック 目次機能概要機能仕様 機能概要 認証エリアにログインするためのフォームブロックです。 認証エリア作成時に「パスワード」を「使用する」と選択した場合、ページとログインフォームブロックが自動で作成されます。 ※ 認証エリアの詳細については認証エリアをご参照ください。 ※ ログインフォームブロックを作成するには、予めパスワードを使用する認証エリアを作成する必要があります。 ※ ...

ver.2サポートサイト

機能

機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 スタイル ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf

ver.2サポートサイト

パスワード再登録フォームブロック

パスワード再登録フォームブロック 目次機能概要機能仕様 機能概要 認証エリアにログインする際に使用するパスワードを再発行するためのフォームブロックです。 パスワード再登録フォームブロックには、パスワード再登録を行うためのパスワード再登録依頼とパスワード再登録の2つのページを設定することができます。 認証エリア作成時にパスワードを「使用する」、パスワード再登録を「設定する」と選択した場合、ページとパ...

ver.2サポートサイト

レコード照合フォームブロック

レコード照合フォームブロック 目次機能概要機能仕様 機能概要 入力するデータの値がDB内のレコード情報と一致するか、レコード情報を照合するフォームブロックです。 レコード情報が一致した場合、メール本文中に有効期限のある認証パラメータ付きのURLが記載されているメールを自動送信することで、 パスワードを使用せずに、認証エリア内の会員情報変更や退会手続きページへアクセスする場合などに使用します。 ※ ...

ver.1サポートサイト

一覧表で、画像型フィールドに登録した画像のオリジナル画像を表示

一覧表で、画像型フィールドに登録した画像のオリジナル画像を表示 最終更新日:2023年03月08日スパイラルの一覧表で画像型フィールドに登録した画像を表示する場合、初期状態ではサムネイル画像が表示されており、画像をクリックするとオリジナル画像が表示されます。 当ページでは、オリジナル画像を直接表示する方法をご案内いたします。 目次変更前の設定変更手順変更後の設定関連ページ 変更前の設定 サンプルX...

ver.2サポートサイト

機能

機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 アプリ利用 レコード ・レコード管理  -レコード詳細検索 ・レコード一括登録 ・レコード一括更新 ・レコード一括更新登録 ・レコード一括削除 ・レコード一括ダウンロード ・ファイル一括ダウンロード メール配信 ・一斉メール配信 ・配信ログ ・メールのクリックカウント/HTMLメール開封確認 アプリ管理...

ver.2サポートサイト

機能

機能 ここでは、SPIRAL ver.2全般での設定方法や利用方法についてご案内しております。 サイト管理 ・サイト機能の全体像 ・ページ機能 ・ブロック機能 ・登録フォームブロック ・CSS/JavaScript ・Thymeleaf記法 ・ソース設定とThymeleaf ・フォームのメールアクション ・ページのソース設定 ・テスト環境/本番環境とリリース ・サイト管理権限 ・登録フォームブロッ...

ver.2サポートサイト

レコードアイテムブロック

レコードアイテムブロック 目次機能概要機能仕様レコードアイテムブロックの作成1.ブロック一覧2.レコードアイテムブロック追加モーダル参照先DBのフィールド追加参考情報 機能概要 レコードアイテムブロックは、サイト上のページにセミナーやニュースといったDB上の1レコードの詳細情報を公開できるブロックです。 ※ レコードアイテムブロックを作成するには、予めDBを作成する必要があります。 ※ レコードア...

ver.2サポートサイト

レコードリストブロック

レコードリストブロック 目次機能概要機能仕様レコードリストブロックの作成1.ブロック一覧2.レコードリストブロック作成モーダルレコードリスト設定参照先DBのフィールド追加リスト設定フィルタ初期ソート初期表示件数参考情報 機能概要 レコードリストブロックは、サイト上のページに、セミナーやニュース一覧といったDBのレコード情報をテーブル形式やカードリスト形式で公開できるブロックです。   ※ レコード...

ver.1サポートサイト

フォームのサンキューページにて、マイエリアから自動的にログアウトしたい。

フォームのサンキューページにて、マイエリアから自動的にログアウトしたい。 最終更新日:2023年03月08日マイエリアにログインした後、フォームのサンキューページで、マイエリアから自動的にログアウトする方法をご案内します。 退会フォームやパスワード再登録フォームのサンキューページでマイエリアからログアウトさせ、ログインしていないページを表示しましょう。 設定の流れ 1.マイエリアのカスタムページに...

もっと見る