SPIRALのDB登録時に、お問い合わせフォームへの企業名のGoogle Driveフォルダを自動作成する流れ
SPIRAL WebToolsの問い合わせフォームから企業情報を受け付けた後、Google Driveに企業ごとの作業フォルダを手作業で用意していませんか。 本記事では、問い合わせDBへの登録をきっかけにPHPを非同
ナレッジサイト
ログイン
SPIRAL WebToolsの問い合わせフォームから企業情報を受け付けた後、Google Driveに企業ごとの作業フォルダを手作業で用意していませんか。 本記事では、問い合わせDBへの登録をきっかけにPHPを非同
SPIRAL v1の一覧表ページにAIチャットパネルを追加し、日本語で話しかけるだけでDBを検索・集計できる「自然言語検索フォーム」のサンプルプログラムです。 OpenAI GPTのFunction Callingを使って自然言語を検索条件に変換し、SPIRAL外
フォーム上で金融機関・支店を検索一覧から選べるようにし、選択結果を項目へ格納する構成を紹介します。 検索用の中継は、フォームとは別にSPIRAL内にもう1つページを作成し、そのPHPタブ・BODYタブに貼り付ける前提です。ページのURL
入力フォーム上で金融機関・支店を検索一覧から選べるようにし、選択結果をフォーム項目へ格納する構成を紹介します。 検索用の中継PHPは、本フォームとは別にSPIRAL内にもう1つ「ダミーフォーム」（見えないダミー項目だけで構成した空フォー
経費精算で領収書やレシートの情報を手入力していませんか？ 本記事では、OpenAI GPT-5.2 APIを活用して領収書・レシートのOCR解析と勘定科目の自動分類を実現する方法を紹介します。 不正検知も実装し、 より堅牢な経費管理システム
お問い合わせフォームから届く内容を人手で分類・振り分けしていませんか？ 本記事では、OpenAI APIを活用してお問い合わせの自動分類・ルーティングを実現する方法を紹介します。 カテゴリ分類、緊急度判定、感情分析、LTV予測、
SPIRAL WebToolsのデータベースを、AIと自然言語で操作できたら便利だと思いませんか？ 本記事では、MCP（Model Context Protocol）を使ってSPIRAL WebToolsのAPIをMCPサーバーとして実装し、Claude
学生インターンシップです！ スパイラル株式会社の学生インターンとして、SPIRALを学習しながらユーザー目線で質問に答える活動をしています。 補足情報や調査結果の提供を行い、皆様のお役立てができればと思っています！ ※学生が学びの一環として
経費精算で領収書やレシートの情報を手入力していませんか？ 本記事では、OpenAI GPT-5.2 APIを活用して領収書・レシートのOCR解析と勘定科目の自動分類を実現する方法を紹介します。 不正検知も実装し、 より堅牢な経費管理システムを
一覧表で、複数レコードのステータスを一括で更新できたら便利だと思いませんか？ 標準機能では一つずつ操作する必要がありますが、JavaScriptを活用することで一括操作が可能になります。 本記事では、選択した複数行のステータスを一括で変更できる便利なカスタマイズをご紹介します。 反映イメージ デモサイトはこ...
アンケートを実施した際、回答が偏ってしまった経験はありませんか？ 本記事では、回答のバイアスを防ぐために選択肢の順番をシャッフルする方法を解説します。 反映イメージ デモサイトはこちら 上記デモサイトでは、リロードする度にシャッフルされます。 作業手順 処理コード PHPを使用するページには、以下の専...
選択肢のシャッフルは、アンケートの回答バイアスを防ぐために有効な方法ですよね。 しかし単純にシャッフルしてしまうと、「その他」や「特にない」といった選択肢まで途中に混ざってしまい、 回答者が混乱する原因になります。 本記事ではアンケート作成の第二弾として、特定の項目だけを末尾に固定するカス
お問い合わせフォームから届く内容を人手で分類・振り分けしていませんか？ 本記事では、OpenAI APIを活用してお問い合わせの自動分類・ルーティングを実現する方法を紹介します。 カテゴリ分類、緊急度判定、感情分析、LTV予測
SPIRALのDBトリガーを利用して、予約レコードの登録・更新をきっかけに Googleカレンダーへ予定（イベント）を自動作成し、 作成したイベント情報（イベントID/URL、必要ならGoogle Meet URL）を同じレコードへ書き戻す サン
SPIRALのPHPを利用して、予約フォームの登録をきっかけに Googleカレンダーへ予定（イベント）を自動作成し、 作成したイベント情報（イベントID/URL、必要ならGoogle Meet URL）を同じレコードへ書き戻す サンプルプログラ
SPIRALのPHPを利用して、予約フォームの登録をきっかけに Web会議（Google Meet / Zoom）を自動作成し、 発行した会議URLを同じレコードへ書き戻すサンプルプログラムの実装方法を紹介します。 Web会議の発行ま
SPIRALのDBトリガーを利用して、予約レコードの登録・更新をきっかけに Web会議（Google Meet / Zoom）を自動作成し、 発行した会議URLを同じレコードへ書き戻すサンプルプログラムの実装方法を紹介します。 We
カスタムAPIを使ってリアルタイム売上ダッシュボードを作成するサンプルプログラムを紹介します。 本記事は「最小構成で動作検証 → 実DB連携」の2段階で解説します。 開発初期はカスタムAPI（モックデータ）でUIと動作をすばやく検証し、その後に本番データへ
本記事では同じパスワードを使い続けないように世代管理を行う方法をご紹介いたします。 過去のパスワードを5世代保存し、新しく入力されたパスワードと比較することで、同じパスワードを使用していないかチェックします。 SPIRALではフィールドタイプがパスワードの場合、登録後の入力内容の
SPIRALで作成した複数ステップにまたがるフォームでは、 通常ユーザーは一つ前のステップにしか戻ることができません。 例えば、ステップ4からステップ1に直接戻るような、任意のステップへの移動は標準機能では提供されていません。 また、セキュリティ上の理
SPIRALに蓄積されたお問い合わせ履歴は、顧客対応の品質を向上させるための貴重な資産です。 しかし、「キーワードが完全一致しないと探せない」「表記ゆれでヒットしない」といった理由で、 過去の類似お問い合わせを探すのに時間がかかっていませ
学生インターンシップです！ スパイラル株式会社の学生インターンとして、SPIRALを学習しながらユーザー目線で質問に答える活動をしています。 補足情報や調査結果の提供を行い、皆様のお役立てができればと思っています！ ※学生が学びの一環として調査・まとめた内容です。 正
本記事では、別ページに設置したPHPを活用して、非同期通信を用いたシンプルなデータ検証システムを実装する方法をご紹介します。 この仕組みでは、ユーザが入力したテキストを別ページのPHPで検証し、その結果をフロントエンドで即時にフィードバックすることが可能です。
SPIRALでお問い合わせフォームを作成するケースは多くあると思います。 一方で海外からの宣伝や意味不明な文字列、お問い合わせではなく自社の宣伝といった 「スパム投稿」に悩まされることも少なくありません。 これらのスパムは、データベースを汚
SPIRALでお問い合わせフォームを作成するケースは多くあると思います。 一方で海外からの宣伝や意味不明な文字列、お問い合わせではなく自社の宣伝といった 「スパム投稿」に悩まされることも少なくありません。 これらのスパムは、データベースを汚
SPIRALのPHPライブラリで取得したレコードの日付や時刻フィールド、 「そのままでは比較しづらい」「曜日や和暦を手軽に表示したい」と感じたことはありませんか？ この記事では、日付・時刻処理を便利にする、コピペで使えるPHPのお役立ち関数セットを紹
SPIRAL APIで取得したレコードの日付や時刻フィールド。 「そのままでは比較しづらい」「表示形式を手軽に変えたい」と感じたことはありませんか？ 特に、日時、日付、月日、時刻 など、複数のフィールドタイプを統一的に扱うのは意外と手間がかかります。 この記事
この記事ではSPIRALからSalesforceへのレコード連携について、メソッドごとにサンプルコードをまとめています。 SPIRAL WebTools とSalesforceをAPI連携したアプリケーションを構築する時の参考になれば幸いです。 SalesforceのREST
この記事ではSPIRALからSalesforceへのレコード連携について、メソッドごとにサンプルコードをまとめています。 SPIRAL ver.1 とSalesforceをAPI連携したアプリケーションを構築する時の参考になれば幸いです。 SalesforceのREST AP
内閣府から祝日の一覧を取得+DBへ格納し、祝日マスタをプログラムでメンテナンスする方法をします。 概要 ・祝日情報は内閣府(www8.cao.go.jp)から取得する ・取得したデータをDBに格納する ・一定期日前より前の日付は取り込まない ・12/31、1/2、1/3は追加で登録する 祝日
SPIRALの単票ページで、データが未入力の項目（行）を自動的に非表示にするJavaScriptの実装方法を紹介します。 これにより、データが入力されている項目のみをスッキリと表示させることができ、ユーザーにとって見やすい画面を作成できます。 実装の概要 今回のコードでは、以下の流れで処理を
ブラウザ上でCSVファイルを解析し、SPIRALのデータベースに一括更新するサンプルプログラムを紹介します。 注意点 ・ 付属のJavaScript CSVパーサーは簡易的なものです。複雑なCSV（改行を含む値など）には対応できない場合があります。 ・ 更新先のDB（サ
ブラウザ上でCSVファイルを解析し、SPIRALのデータベースに一括登録するサンプルプログラムを紹介します。 注意点 ・ 付属のJavaScript CSVパーサーは簡易的なものです。複雑なCSV（改行を含む値など）には対応できない場合があります。 ・ 登録先の
ブラウザ上でCSVファイルを解析し、SPIRALのデータベースに一括更新するサンプルプログラムを紹介します。 注意点 ・ このサンプルは、SPIRALのページで動作することを前提としています。 ・ 更新先のDBと、CSVの列構成を事前に一致させておく必要があります。 ・
本記事では、セレクトフィールドの選択内容に応じて★マークで視覚的に評価を表示するシステムの実装方法を紹介します。 評価システムを導入するだけで、ユーザーの選択内容が直感的に把握でき、入力体験の向上とエンゲージメント向上に寄与します。軽量で既存フォームに簡単に組み込み可能です。 ポイント:
一覧から詳細画面へ遷移するリンクが見づらいと思ったことはありませんか？ リンクをボタン化することで、ユーザーにとって直感的にわかりやすくなり、操作性（ユーザビリティ）の向上につながります。 本記事では、一覧機能の“裏ワザ”第七弾として、一覧の詳細画面リンクをボタン風にカスタマイズする方法
入力されたパスワード強度を視覚的に分かるUI 概要 ユーザーが入力するパスワードの強度をリアルタイムで視覚的にフィードバックするUIコンポーネントです。 強度メーターと条件チェックリストにより、ユーザーは安全なパスワードを直感的に作成できます。セキュリティ向上とUX改善に繋がり、会員登
一覧機能で「特定の日付」や「特定の値」「ログイン中のユーザー名」などが、最初から入力されていたら便利だと思ったことはありませんか？ 本記事では、一覧機能の“裏ワザ”第五弾として、一覧画面にアクセスした時点で検索項目に初期値をセットする方法をご紹介します。 反映イメージ ▶ デモサイトはこちら 上記の例で...
本記事では、フォーム入力の進捗度を可視化するプログレスバーの実装方法を紹介します。 プログレスバーを設置するだけで、入力の現在地がひと目で分かり、離脱抑止と完了率向上に寄与します。軽量で既存フォームに簡単に組み込み可能です。 ポイント: 視覚的な進捗提示は入力ストレスの低減に有効 導入効
一覧機能では、初回アクセス時の表示件数はデフォルトで「10件」に固定されています。 しかし、ちょっとした工夫で「100件」や「1000件」など、任意の件数を最初から表示させることが可能です。 本記事では、一覧機能の“裏ワザ”第六弾として、初回アクセス時の表示件数を
一覧機能の検索で、日時をカレンダーで指定できたり、チェックボックスをプルダウン形式に変えられたら便利だなと思ったことはありませんか？ 本記事では、一覧機能の“裏ワザ”第四弾として、検索項目の入力タイプを変更する方法をいくつかご紹介します。 ※本方法を適用するにはxslファイルを
ブラウザ上でCSVファイルを解析し、SPIRALのデータベースに一括登録するサンプルプログラムを紹介します。 注意点 ・ このサンプルは、SPIRALのページで動作することを前提としています。 ・ 登録先のDBと、CSVの列構成を事前に一致させておく必要があり
一覧上でステータスを「未完了」から「完了」に更新することはよくあります。 ですが、「完了」にした後は「未完了」に戻せないようにしたい、と思ったことはありませんか？ 本記事では一覧機能の“裏ワザ”第三弾として、ステータスの値に応じて一覧編集モードを非活性にする方法を紹介します。 ※本方法
SPIRALからxの投稿を取得する方法。 概要 Webフォームから指定したX (旧Twitter) ユーザーIDの投稿を取得し、任意で指定したキーワードを含む投稿を絞り込んで表示するPHPツールです。 X、SPIRALとの連携を実現することで、キャンペーン等で応募者が指
SPIRALのフォームでエラーサマリーを表示するJavaScriptをご紹介します。 機能としてはエラーメッセージをカウントし内部リンクによってエラー位置に遷移するというシンプルなものですが、どこでエラーが起きたかを一目で把握でき、エラー位置までクリッ
データ行がないときに、一覧のヘッダーだけが表示されて「これを消したい」と思ったことはありませんか？ 本記事では一覧機能の“裏ワザ”第二弾として、データ行がないときに一覧のヘッダーを非表示にする方法を紹介します。 ※本方法を適用するには、xslファイルのソースを一部編集する必要があります。
APIを使用して一覧表からデータ更新時にメールを送信する方法をご紹介します。 概要 一覧表から一括でステータスの更新等を行うことはよくありませんか？ 単票と違って一括で更新できるので便利ですよね。 ただ、フォームを使用せず更新するためサンクスメールが使えない落とし穴があります。 即時で送る
一覧上で「完了」したものと「未完了」のもの、重要な項目などをひと目で区別したい場合があります。 本記事では一覧機能の“裏ワザ”第一弾として、値に応じて一覧項目の背景色を変える方法を紹介します。 ※背景色を変更するには、xslファイルのソースを一部編集する必要があります。編集前にはバックアップを取るこ...
フローティングラベルを使用してSPIRALのフォームの入力体験を向上させる方法をご紹介します。 フォームのデザインテンプレートも用意いたしましたので、ダウンロードして試してみてください。 フローティングラベルとは？実装するメリット まずはデモサイトを
SPIRALのフォームでパスワードを変更する際に、新しいパスワードが現在のパスワードと重複していないかをチェックするサンプルプログラムを紹介します。 SPIRAL APIのレコード認証機能を利用することで、サーバーサイド（PHP）で安全にチェッ
フォームを入力するユーザーのPC、ブラウザの環境によってライトモードとダークモードを自動で切り替える方法をご紹介します。 デモサイトをご用意しました。 デモサイト フォームのデザインテンプレートも用意いたしましたので、ダウンロードして試してみてください。 ダークモー
アンケートフォームなどで、「第一希望」「第二希望」のように複数の項目を選択してもらう際に、 同じ項目が選ばれるのを防ぎたい場合があります。 このページでは、JavaScriptを使用して、フィールド間の重複選択を動的に不可にする方法を、 プルダウンメニューとラジオボタンの2
アンケートフォームなどで、「第一希望」「第二希望」のように複数の項目を選択してもらう際に、 同じ項目が選ばれるのを防ぎたい場合があります。 このページでは、JavaScriptを使用して、フィールド間の重複選択を動的に不可にする方法を、 プルダウンメニューとラジオボタンの2
フォームの日付入力欄は、ユーザーにとって入力が煩雑になりがちな要素です。 特に、年月日が別々のテキストフィールドになっている場合、UI/UXの低下を招くことがあります。 本記事では、既存の年月日入力欄を、 直感的に操作できるカレンダーピッカーに置き換えるJavaScrip
本記事では、HTMLのチェックボックス群において、 「その他」の選択肢（特定のチェックボックス）が選ばれた際に、 関連するテキスト入力欄を動的に活性化・非活性化するJavaScriptの実装方法を紹介します。 この機能により、ユーザーが
カスタムAPIを使ってリアルタイム売上ダッシュボードを作成するサンプルプログラムを紹介します。 本記事は「最小構成で動作検証 → 実DB連携」の2段階で解説します。 開発初期はカスタムAPI（モックデータ）でUIと動作をすばやく検証し、その後に本番データ
本記事では、アンケートの回答を受け付けた後、 メールにてギフトコードが閲覧可能なURLを送信する方法について紹介します。 全体像 予めギフトコードDBにギフトコードを格納しておきます。 アンケート回答フォームよりアンケートを回答すると、ギフトコードDBのギフトコードに紐
本記事では、アンケートの回答を受け付けた後、 メールにてギフトコードが閲覧可能なURLを送信する方法について紹介します。 全体像 予めギフトコードDBにギフトコードを格納しておきます。 アンケート回答フォームよりアンケートを回答すると、ギフトコードDBのギフトコードに紐
SPIRALで作成した予約フォームのデータを自動的にGoogleカレンダーに反映させることで、予約管理の効率化が図れます。 本記事では、外部連携ツール「Zapier（ザピアー）」を使用して、SPIRALの予約データをGoo
本記事では、PDFをアップロードして自動解析し、 フォームのフィールドへ情報を自動入力する仕組みを2種類ご紹介します。 pdf.js を用いてブラウザ上でPDFを解析し、 OpenAIのサービスを利用してテキスト情報を抽出する方法になります
DBに格納したPDFをレコードアイテムブロックで描画するサンプルを紹介します。 レコードアイテムブロックにデフォルトで出力されるファイルフィールドのリンクはダウンロード専用になっており、 画面上に描画する事が出来ません。 そのため、PDFを画面上に描画するために本
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値とスライダー設定を指定するだけで、自動的にスライダーが生成され、初期値が設定されます。 この様なイメージでスライダーを作成できます。 注意点 ・スラ
ここでは、 セミナー受付管理でご案内しているセミナー申込サイトを例に、SP.LINKS株式会社（旧ソニーペイメントサービス）が提供する決済代行サービスの「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でデータを取得する条件を一致させるとレコードリストのデータをダウンロードさせる様なボタンを作成することができます。 本記事のプロ
SPIRALのカスタムプログラムでGoogleDriveのファイルをダウンロードし、 SPIRALのDBへファイルを格納するサンプルプログラムをご紹介いたします。 全体像 GoogleDriveのAPIを用いてGoogleDrive内のファイル
GoogleColab を使ってGoogleDriveに保存されているデータをSPIRALのDBへアップロードするプログラムを作成してみました。 GoogleColabとはGoogleの環境上でPythonコードを実行出来るサービ
SPIRALのPHP（アクション>PHP実行）でGoogleDriveのファイルをダウンロードし、 SPIRALのDBへファイルを格納するサンプルプログラムをご紹介いたします。 全体像 GoogleDriveのAPIを用いてGoogle
GoogleColab を使ってGoogleDriveに保存されているデータをSPIRALのDBへアップロードするプログラムを作成してみました。 GoogleColabとはGoogleの環境上でPythonコードを実行出来るサービ
この記事では登録フォームブロックを使って知識テストの様なテストフォームを作成するサンプルをご紹介します。 点数計算をし、最後に出力及びDBへの記録もします。 全体像 機能 完了ステップにて正答か誤答か判定をしてその結果を出力します。 テストの点数配当を設定し、何点獲得したかを
この記事ではフォームに電子署名（マウスやスマートフォンのタップで描けるサイン）を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 電子署名を格納したいDBにフィールドタイプ：ファイルのフィールドを追加してください。 本サンプルにつきましては識別名をsig...
この記事ではフォームに電子署名（マウスやスマートフォンのタップで描けるサイン）を、 追加する方法をご紹介いたします。 この様な形でマウスで文字を書く事ができます。 DB設定 DBを新規作成する場合はDBタイトルをsignDBとして作成してください。 既存のDBを利用する場合は後述するサンキューページ...
日付フィールドに生年月日を入力した際に年齢を自動取得するJavaScriptを紹介いたします。 JavaScript window.addEventListener('DOMContentLoaded', (event) =>
この記事ではSPIRALから株式会社サイボウズのkintoneへのレコード連携について、メソッドごとにサンプルコードをまとめています。 SPIRAL ver.1 とkintoneをAPI連携したアプリケーションを構築する時の参考になれば幸いです。 共通モジュール <?php
この記事では、SPIRALでの顧客マスタにおける所持ポイント管理と、商品交換フォームを通じたポイント使用フローを紹介します。 また、顧客マスタの所持ポイントがマイナスにならないように、データベース（DB）側とページ上でのエラー表示設定についても説明します。 DB
この記事ではSPIRALから株式会社サイボウズのkintoneへのレコード連携について、メソッドごとにサンプルコードをまとめています。 SPIRAL WebTools とkintoneをAPI連携したアプリケーションを構築する時の参考になれば幸いです。 デモサイト フォームから登録
以前に、フォームからデータが登録された際に SLACK に登録通知を行うサンプルプログラムを公開しました。 今回は、定期的に DB をチェックし、該当するレコードがあったら SLACK に通知を行う手順をご紹介します。 未対応のお問い合わせがあったら通知するユースケースを想
前回の記事 JavaScirptでセレクトをドリルダウン表示する のラジオボタンバージョンとなります。 JavaScriptソース document.addEventListener('DOMContentLoaded', function() {
APIによってレコード一覧を取得する場合、 1回のリクエストでは取得できるレコード数に制限があります。 limitの値が一回のリクエストで取得するレコード数ですが、こちらの上限値が200件までとなっております。 APIリファレンス この時に200件以上のレコードを取得
フォームブロックの締切設定により開始日時と終了日時を設定する事は可能ですが、 特定の時間（例えば営業時間9:00～18:00のみ）のみ表示したいであったり、土日はクローズしたいといった場合はデフォルトの設定では不可能です。 今回の記事は上記の設定を可能とする為のカスタマイズ記事となりま
登録フォームブロックにて選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法（ドリルダウン表示）をご紹介します！ 今回はjQueryを使わずにJavaScirpt（Vanilla JS）のみで作成しているため、ライブラリ等の読み込みは必要ありません
フォームのステップをパラメータで判定し、それぞれのステップで動作するJavascriptを作成しました。 実際にサンプルコードを掲載しておりますので、特定のステップでJavascriptを動作させたい場合に活用してみてください。 デモはこちら 機能説明 Ja
会員サイトを作成した時、複数アカウントの作成や、なりすましを防ぐために多要素認証を実装したいケースがあるかと思います。 この記事では AI CROSS株式会社が提供する「絶対リーチ！SMS」を利用して、会員登
Facebookのアカウント情報を利用して SPIRAL WebToolsにAPIで登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとFacebookを連携して認証エリアにソーシャルログイン
Googleのアカウント情報を利用して SPIRAL WebToolsにAPIで登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとGoogleを連携して認証エリアにソーシャルログインさせたい場合は
フォーム入力の際にユーザで誤ってブラウザなどを閉じて離脱するのを防ぐダイアログ機能を実装できる強化ガジェットを作成しました。 実際にサンプルコードを掲載しておりますので、コピペで簡単に実装できます。 フォーム入力中のユーザを補助する機能を強化したい場合に活
この記事では App Log のメソッドごとに、サンプルコードをまとめています。 SPIRAL WebTools でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ App Log APIメソッドごとの権限設定方法まとめ App L
この記事では Email Job のメソッドごとに、サンプルコードをまとめています。 SPIRAL WebTools でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ Email Job APIメソッドごとの権限設定方法まと
この記事では Record (export) のメソッドごとに、サンプルコードをまとめています。 SPIRAL WebTools でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ Record (export)
この記事では Express Email のメソッドごとに、サンプルコードをまとめています。 SPIRAL WebTools でAPIを使用する時の参考になれば幸いです。 APIメソッドごとのサンプルコードまとめ Express Email APIメソッ
フォームからデータが登録された際に、Teams に通知を行いたい！という要望は多いかと思います。 通知する手順をまとめましたので、ぜひ参考にしてみてください。 変更・改定履歴 [ 2024.07.11 ] 改定 コネクタ廃止に伴う、WebHookの処理の削除 [ 2024.08.05 ]
フォームからデータが登録された際に、Teams に通知を行いたい！という要望は多いかと思います。 通知する手順をまとめましたので、ぜひ参考にしてみてください。 変更・改定履歴 [ 2023.01.04 ] 改定 登録データ追加時に500エラーになってしまう不具合を修正 [ 2023.03.
フォームからデータが登録された際に、SLACK に通知を行いたい！という要望は多いかと思います。 通知を飛ばす手順 および サンプルプログラムを作成しましたので、 通知機能を作成したい方はぜひ参考にしてみてください。 変更・改定履歴 [ 2023.01.04 ] 改定 登録デ
SPIRAL WebToolsのフォームのメールアクションでは、登録や更新があったレコードのメールアドレスにメールを送信することはできますが、複数のレコードや他DBのレコード宛てにメールを送信することはできません。 フォームの送信完了後に、条件に当てはまる複
ユーザの情報登録状況に応じて、リッチメニューを出し分けるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとLINEを連携して認証エリアにログインさせるような会員サイトを作成しようと思っている方は、ぜひ参考にしてみてください。 関連記事
LINEのアカウント情報を API を利用して SPIRAL WebTools に登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL WebToolsとLINEを連携して認証エリアにログインさせるような会員サイトを作成
スパイラルにはSlackとの連携プラグインはありません。 ですが、SPIRALのカスタムプログラムと、Slackのプラグイン「Incoming WebHooks」を利用することで、連携が可能になります。 本記事では、フォーム登録通知をSlackへ飛ばす
SPIRAL WebToolsで追加された新しいメソッドである「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 WebTools おいて、ver.2.18時点では、サイト側にファイルダウンロード機能が実装されていません。(※) 今回は、 DB に保存されているファイルをサイト側でダウンロード可能にするボタンを作ってみました。 ファイルをダ
WebTools ver.2.18 にて PHPが利用できるようになりました。 PHP が使えるようになったということで試しにカレンダーを作ってみました。 WebTools では、PHP + Thymeleaf なので、使い方の参考になれば。 当月の