カスタムAPIでSPIRAL APIを効果的に扱うライブラリ
RESTful APIを簡単に利用するためのカスタムAPIクライアントのライブラリを作成しました。 カスタムAPIクライアントを使用することで、バックエンドとフロントエンドの連携が容易になり、 データベース操作やメール配信ジョブの管理などの機能を簡単にできるだけでな
ナレッジサイト
ログイン
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値とスライダー設定を指定するだけで、自動的にスライダーが生成され、初期値が設定されます。 この様なイメージでスライダーを作成できます。 注意点 ・スラ
ここでは、 セミナー受付管理でご案内しているセミナー申込サイトを例に、ソニーペイメントサービス株式会社が提供する決済代行サービスの「e-SCOTT」を利用して、都度および継続課金に対応したクレジットカード決済のオプション
全体像 SPIRALのDBにアップロードされるファイルのファイル名は、アップロード者依存してしまいます。 ファイル名をレコードの値にリネームし、管理しやすくするためのサンプルプログラムです。 例えば自動発番される会員IDを用いてアップロードされるファ
全体像 SPIRALのDBにアップロードされるファイルのファイル名は、アップロード者依存してしまいます。 ファイル名をレコードの値にリネームし、管理しやすくするためのサンプルプログラムです。 例えば自動発番される会員IDを用いてアップロードされるファ
全体像 SPIRALのAPIから取得したデータを暗号化し、ダウンロード可能な形式に変換します。 ダウンロードしたファイルは、別ページにて復号化し、CSVとしてダウンロードできます。 データを暗号化しダウンロードボタンに引き渡す設定 PHP <?//<!
全体像 SPIRALのAPIから取得したデータを暗号化し、ダウンロード可能な形式に変換します。 ダウンロードしたファイルは、別ページにて復号化し、CSVとしてダウンロードできます。 データを暗号化しダウンロードボタンに引き渡す設定 PHP <?php //-
SPIRALの登録フォームからアップロードされたファイルをAPIを用いてダウンロードし、 Googleドライブへアップロードするサンプルプログラムをご紹介いたします。 全体像 SPIRALのAPIを用いてDB内のファイルをダウンロー
GoogleColab を使ってSPIRALのDBにアップロードされているファイルをGoogleDriveにアップロードするプログラムを作成してみました。 GoogleColabとはGoogleの環境上でPythonコードを実行
SPIRALの登録フォームにてアップロードされたファイルを、 Googleドライブへアップロードするサンプルプログラムをご紹介いたします。 全体像 SPIRALのAPIを用いてDB内のファイルをダウンロードし、 そのファイルをGoo
GoogleColab を使ってSPIRALのDBにアップロードされているファイルをGoogleDriveにアップロードするプログラムを作成してみました。 GoogleColabとはGoogleの環境上でPythonコードを実行
フォームブロックに置いて各フィールドに対して初期入力値を設定する強化ガジェットのご紹介です。 name値と入力値を指定するだけで、自動的にフィールドタイプを判定して初期値が入力されます。 注意点 ・入力コントロールで、[年/月/日][時/分/秒]の形式で設定してください ・HTML
APIで取得したデータをCSVにしてダウンロードが出来るボタンを設置する方法をご紹介いたします。 レコードリストの抽出条件とAPIでデータを取得する条件を一致させるとレコードリストのデータをダウンロードさせる様なボタンを作成することができます。 本記事のプロ
GoogleColab を使ってGoogleDriveに保存されているデータをSPIRALのDBへアップロードするプログラムを作成してみました。 GoogleColabとはGoogleの環境上でPythonコードを実行出来るサービ
SPIRALのカスタムプログラムでGoogleDriveのファイルをダウンロードし、 SPIRALのDBへファイルを格納するサンプルプログラムをご紹介いたします。 全体像 GoogleDriveのAPIを用いてGoogleDrive内のファイル
SPIRALのPHP（アクション>PHP実行）でGoogleDriveのファイルをダウンロードし、 SPIRALのDBへファイルを格納するサンプルプログラムをご紹介いたします。 全体像 GoogleDriveのAPIを用いてGoogle
GoogleColab を使ってGoogleDriveに保存されているデータをSPIRALのDBへアップロードするプログラムを作成してみました。 GoogleColabとはGoogleの環境上でPythonコードを実行出来るサービ
この記事では登録フォームブロックを使って知識テストの様なテストフォームを作成するサンプルをご紹介します。 点数計算をし、最後に出力及びDBへの記録もします。 全体像 機能 完了ステップにて正答か誤答か判定をしてその結果を出力します。 テストの点数配当を設定し、何点獲得したかを
この記事ではフォームに電子署名（マウスやスマートフォンのタップで描けるサイン）を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 電子署名を格納したいDBにフィールドタイプ：ファイルのフィールドを追加してください。 本サンプルにつきましては識別名をsig...
日付フィールドに生年月日を入力した際に年齢を自動取得するJavaScriptを紹介いたします。 JavaScript window.addEventListener('DOMContentLoaded', (event) =>
この記事ではフォームに電子署名（マウスやスマートフォンのタップで描けるサイン）を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 DBを新規作成する場合はDBタイトルをsignDBとして作成してください。 既存のDBを利用する場合は後述するサンキューページ...
この記事ではSPIRALから株式会社サイボウズのkintoneへのレコード連携について、メソッドごとにサンプルコードをまとめています。 SPIRAL ver.1 とkintoneをAPI連携したアプリケーションを構築する時の参考になれば幸いです。 共通モジュール <?php
この記事では、SPIRALでの顧客マスタにおける所持ポイント管理と、商品交換フォームを通じたポイント使用フローを紹介します。 また、顧客マスタの所持ポイントがマイナスにならないように、データベース（DB）側とページ上でのエラー表示設定についても説明します。 DB
この記事ではSPIRALから株式会社サイボウズのkintoneへのレコード連携について、メソッドごとにサンプルコードをまとめています。 SPIRAL ver.2 とkintoneをAPI連携したアプリケーションを構築する時の参考になれば幸いです。 共通モジュール <?php
以前に、フォームからデータが登録された際に SLACK に登録通知を行うサンプルプログラムを公開しました。 今回は、定期的に DB をチェックし、該当するレコードがあったら SLACK に通知を行う手順をご紹介します。 未対応のお問い合わせがあったら通知するユースケースを想
フォームブロックの締切設定により開始日時と終了日時を設定する事は可能ですが、 特定の時間（例えば営業時間9:00～18:00のみ）のみ表示したいであったり、土日はクローズしたいといった場合はデフォルトの設定では不可能です。 今回の記事は上記の設定を可能とする為のカスタマイズ記事となりま
APIによってレコード一覧を取得する場合、 1回のリクエストでは取得できるレコード数に制限があります。 limitの値が一回のリクエストで取得するレコード数ですが、こちらの上限値が200件までとなっております。 APIリファレンス この時に200件以上のレコードを取得
前回の記事 JavaScirptでセレクトをドリルダウン表示する のラジオボタンバージョンとなります。 JavaScriptソース document.addEventListener('DOMContentLoaded', function() {
登録フォームブロックにて選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法（ドリルダウン表示）をご紹介します！ 今回はjQueryを使わずにJavaScirpt（Vanilla JS）のみで作成しているため、ライブラリ等の読み込みは必要ありません
フォームのステップをパラメータで判定し、それぞれのステップで動作するJavascriptを作成しました。 実際にサンプルコードを掲載しておりますので、特定のステップでJavascriptを動作させたい場合に活用してみてください。 デモはこちら 機能説明 Ja
会員サイトを作成した時、複数アカウントの作成や、なりすましを防ぐために多要素認証を実装したいケースがあるかと思います。 この記事では AI CROSS株式会社が提供する「絶対リーチ！SMS」を利用して、会員登録の際
Facebookのアカウント情報を利用して SPIRAL ver.2にAPIで登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL ver.2とFacebookを連携して認証エリアにソーシャルログインさせたい場合
Googleのアカウント情報を利用して SPIRAL ver.2にAPIで登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL ver.2とGoogleを連携して認証エリアにソーシャルログインさせたい場合は、ぜひ参考に
フォーム入力の際にユーザで誤ってブラウザなどを閉じて離脱するのを防ぐダイアログ機能を実装できる強化ガジェットを作成しました。 実際にサンプルコードを掲載しておりますので、コピペで簡単に実装できます。 フォーム入力中のユーザを補助する機能を強化したい場合に活
この記事では App Log のメソッドごとに、サンプルコードをまとめています。 SPIRAL ver.2 でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ App Log APIメソッドごとの権限設定方法まとめ App Log
この記事では Email Job のメソッドごとに、サンプルコードをまとめています。 SPIRAL ver.2 でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ Email Job APIメソッドごとの権限設定方法まとめ E
この記事では Record (export) のメソッドごとに、サンプルコードをまとめています。 SPIRAL ver.2 でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ Record (export) AP
この記事では Express Email のメソッドごとに、サンプルコードをまとめています。 SPIRAL ver.2 でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ Express Email APIメソッドごと
フォームからデータが登録された際に、Teams に通知を行いたい！という要望は多いかと思います。 通知する手順をまとめましたので、ぜひ参考にしてみてください。 変更・改定履歴 [ 2024.07.11 ] 改定 コネクタ廃止に伴う、WebHookの処理の削除 [ 2024.08.05 ]
フォームからデータが登録された際に、SLACK に通知を行いたい！という要望は多いかと思います。 通知を飛ばす手順 および サンプルプログラムを作成しましたので、 通知機能を作成したい方はぜひ参考にしてみてください。 変更・改定履歴 [ 2023.01.04 ] 改定 登録デ
フォームからデータが登録された際に、Teams に通知を行いたい！という要望は多いかと思います。 通知する手順をまとめましたので、ぜひ参考にしてみてください。 変更・改定履歴 [ 2023.01.04 ] 改定 登録データ追加時に500エラーになってしまう不具合を修正 [ 2023.03.
SPIRAL ver.2のフォームのメールアクションでは、登録や更新があったレコードのメールアドレスにメールを送信することはできますが、複数のレコードや他DBのレコード宛てにメールを送信することはできません。 フォームの送信完了後に、条件に当てはまる複数のレ
ユーザの情報登録状況に応じて、リッチメニューを出し分けるサンプルプログラムを作成いたしました。 SPIRAL ver.2とLINEを連携して認証エリアにログインさせるような会員サイトを作成しようと思っている方は、ぜひ参考にしてみてください。 関連記事はこち
LINEのアカウント情報を API を利用して SPIRAL ver.2 に登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL ver.2とLINEを連携して認証エリアにログインさせるような会員サイトを作成しようと思っ
スパイラルにはSlackとの連携プラグインはありません。 ですが、SPIRALのカスタムプログラムと、Slackのプラグイン「Incoming WebHooks」を利用することで、連携が可能になります。 本記事では、フォーム登録通知をSlackへ飛ばす
SPIRAL ver.2で追加された新しいメソッドである「Batch」のサンプルプログラムを作成しました。 「Batch」を使うことでCSV,TSV形式のデータを、API経由でSPIRALのデータベースに登録することが できるようになります。 マルチパート形式で
PDF帳票で出力されるPDFデータをファイルデータとしてSPIRALに保存したい！ という要望を聞きましたので、試しにPHPで作ってみました。 PDF帳票とは PDF帳票ファイルの取得のAPIは、バージョン1.13.2 （2020.7.10）のリリースで可
ver.2 では、まだDB複製機能が実装されていません。(※) 今回は、 DB複製機能を作ってみました。 DBを複製して、どんどんDBを作りたいと思っている方は、ぜひ参考にしてください。 ※ 今後、実装される可能性があります。 前提 ver.2 のページ機能にプログラムを設置し
ver.2 では、まだアプリ複製機能が実装されていません。(※) 今回は、 アプリ複製機能（アプリとDBのみ）を作ってみました。 アプリを複製して、どんどんアプリを作りたいと思っている方は、ぜひ参考にしてください。 ※ 今後、実装される可能性があります。 前提 ver.2 の
SPIRAL ver.2 おいて、ver.2.18時点では、サイト側にファイルダウンロード機能が実装されていません。(※) 今回は、 DB に保存されているファイルをサイト側でダウンロード可能にするボタンを作ってみました。 ファイルをダウンロ
ver.2.18 にて PHPが利用できるようになりました。 PHP が使えるようになったということで試しにカレンダーを作ってみました。 ver.2 では、PHP + Thymeleaf なので、使い方の参考になれば。 当月のみ表示のカレンダー まず