ナレッジサイト
ログイン
【SPIRAL ver.1】フォームにGoogleカレンダーを埋め込む方法
【Thymeleafを使いこなそう】第1回 基本コード解説
【SPIRAL×スプレッドシート】Apps Scriptを用いたスプレッドシートとの簡単連携
【SPIRAL×Yoom×Gmail】特定のラベルが付いたメールをSPIRALのDBに自動同期する方法
Slackによる即時申請承認システム
【SPIRAL×Yoom×Google Meet】ミーティング情報を自動登録する方法
【SPIRAL×Yoom×discord 】更新通知をチーム運用に最適化
別DBのテキストフィールドをプルダウンで表示する方法
“今月の売上合計は？”で即答！AI自然言語検索フォームの作り方
フォームに金融機関・支店の検索機能を組み込むサンプルプログラム（BankcodeJP連携）
フォームに金融機関・支店の検索機能を組み込むサンプルプログラム（BankcodeJP連携）
レコードリスト（一覧表）から選択して入力フォームに反映する方法
SPIRAL × Google Apps Script で手広く使える「疑似APIサーバー」を試してみる
レシート撮るだけ！AI×SPIRALで経費精算を丸ごと自動化してみたサンプルプログラム
AIでお問い合わせを自動分類！感情分析・LTV予測・担当者アサインをSPIRAL×OpenAIで実現
トランザクションDBのように、登録時に別DBへデータを登録する方法
「ステータスを対応中に更新して」でSPIRALが動く — MCP連携実装
【SPIRAL×Yoom×Gmail】特定のキーワードが含まれたメールをSPIRALに自動同期する方法
抽出ルールが作れないフィールドを対象とした絞り込み
SPIRAL WebTools×n8nを連携した「AIによる問い合わせの緊急度付けメール配信システム」
【SPIRAL×Yoom ×googleスプレッドシート】 Googleスプレッドシートの値をSPIRALに自動同期する方法
レシート撮るだけ！AI×SPIRALで経費精算を丸ごと自動化してみたサンプルプログラム
一覧表で一括更新を可能にする方法
アンケートの選択肢をシャッフルする方法
アンケートの「その他」を固定してシャッフルする方法
AIでお問い合わせを自動分類！感情分析・LTV予測・担当者アサインをSPIRAL×OpenAIで実現
【API不要】顧客リストに「Googleマップボタン」を実装する方法
【ピ逃げ撲滅】現役大学生が goqr.me API で不正を許さない出席管理システムを作ってみた
テキストエリアに文字数カウントを追加するJavaScript
クリックカウントとGoogleAnalyticsのおすすめ連携例
クリックカウントとGoogleAnalyticsのおすすめ連携例
DBにレコードが登録された際にGoogleカレンダーに反映するサンプルプログラム
DBにレコードが登録された際にGoogleカレンダーに反映するサンプルプログラム
登録フォームからWEBミーティングツールと連携して会議URLを自動で発行するサンプルプログラム
オプション機能 PDF帳票ブロック
ページURLの命名ルール
前回ログイン日時を取得し管理する方法
DBトリガを用いてWEBミーティングツールと連携して会議URLを自動で発行するサンプルプログラム
【 Gemini API × SPIRAL】「未来の自分を甘やかす」最強ツール
フォームでJavaScriptを使用する場合のコツ
非同期通信を使ったグラフ付きダッシュボードを作成するサンプルプログラム
APIで取得した電話番号を国内形式に変換する方法
パスワードの世代管理を行い重複を防ぐ方法
確認ステップから任意のステップまで戻るボタンを作成するサンプルプログラム
AIが回答作成をアシスト！ベクトル検索による類似お問い合わせサジェスト機能の実装ガイド
日付フィールド(生年月日)から年齢を算出する方法
登録された数字の桁数を揃える方法
Slackに自動通知！予約登録・変更・キャンセルが一目でわかるシステム
ビジュアル設定でレコードリストから各行のレコードを更新する方法
別ページに設置したPHPにて非同期通信でデータ検証をするサンプル
AI(OpenAI API)で実現！SPIRALフォームのスパムを撃退する実装ガイド
AI(OpenAI API)で実現！SPIRALフォームのスパムを撃退する実装ガイド
SPIRAL APIの日付処理を楽にするPHPお役立ち関数セット
SPIRALライブラリで取得した日付処理を楽にするPHPお役立ち関数セット
セレクト項目によって宛先を振分ける方法
salesforceレコード連携サンプルプログラム
salesforceレコード連携サンプルプログラム
祝日マスタの自動メンテナンス方法について
フォーム作成後にフィールドタイプを変更する方法
フォーム設定画面で変更したページソースの内容を、カスタムマイページのページソースに反映させる
セレクトフィールドのラベル名をAPIとThymeleafで取得・表示する方法
登録/更新フォームで項目を横並びにする方法
一覧表・単票をもっと見やすく！スマホ対応デザインにする方法
ステップアンケートをスマホでも見やすく！CSSでできるマルチデバイス対応
単票で未入力の項目を非表示にする方法
ウェビナー管理アプリ サイト設計・構築②
CSVファイルをページ上から一括更新するサンプルプログラム
CSVファイルをページ上から一括更新するサンプルプログラム
CSVファイルをページ上から一括アップロードするサンプルプログラム
ラベルクリックで星が表示される評価アイコンの実装方法
定型登録でデータを一括登録・更新を行う方法
一覧の詳細画面リンクをボタン風にカスタマイズする方法
UXを向上させるリアルタイム・パスワード強度チェッカー
一覧画面の表示件数を増やす方法｜デフォルト10件を100件・1000件に変更
フォームの入力状況を確認できる進捗バーを導入する方法
一覧の検索項目に初期値を設定する方法
一覧検索の入力タイプ変更：カレンダーやプルダウンで検索を快適に
企業情報を自動反映！SPIRAL® ver.1とgBizINFOを連携する方法
レコード照合フォームブロックのソース解説
CSVファイルをページ上から一括アップロードするサンプルプログラム
SPIRALからX(旧Twitter)に連携し、ツイートを取得する方法
「エラーがどこか分からない！」を防ぐ。ユーザーのストレスを減らすエラーサマリーの実装方法
ステータスの値に応じて一覧編集モードを非活性にする方法
検索ブロック非対応フィールドを検索する代替案
一覧表で表示項目を追加する方法
データ行がないときに一覧のヘッダーを非表示にする方法
一覧表からデータ更新したユーザーにメールを配信する
値に応じて、一覧項目の背景色を変える方法
モデルルーム予約管理アプリ サイト設計・構築③
入力体験を劇的に向上。SPIRALフォームにCSSだけで実装する次世代フローティングラベル
パスワード変更時に現在のパスワードと重複していないかチェックするサンプルプログラム
一つのフォームを使いまわして複数店舗などでアンケートを取りたい
サンクスメールを利用して登録通知メールを振り分ける設定方法
暗い場所でも快適に。OS設定に連動するダークモードでUXを向上させるCSS
確認ページでマルチセレクトの選択項目を並び替える方法
SPIRALフォームのUXを劇的改善！入力・確認ページ間の遷移をCSSだけで滑らかにする方法
フィールド間の重複選択を不可にするサンプルプログラム
フィールド間の重複選択を不可にするサンプルプログラム
メールアドレス入力時にドメインをサジェスト表示し入力補完する機能
テキストをカレンダー形式で表示させるサンプルプログラム
SPIRALAPIにおけるbulkとbatchリクエストの違いについて
設定デザインで項目に文言やリンクを追加する方法
マルチセレクトでその他を選択した時に入力欄の活性化・非活性化を切り替えるサンプルプログラム
SPIRALAPIにおけるoffsetとは？
APIのWHERE指定でつまずきやすいポイント集
現場で学んだ SPIRAL ver.1 の注意点 & 回避ガイド – フォームについて
カスタムAPIを使ったグラフ付きダッシュボードを作成するサンプルプログラム
標準機能でフォーム内に「中見出し」や「説明文」を作る方法
現場で学んだ SPIRAL ver.1 の注意点 & 回避ガイド – 一覧表のXSL構文について
アンケート回答後ギフトコードを送付するサンプルプログラム
アンケート回答後ギフトコードを送付するサンプルプログラム
Zapierと連携してSPIRALの予約データを自動でGoogleカレンダーに登録するサンプルプログラム
特定の文字列でのフォーム入力をエラーにする方法
OpenAIとpdf.jsで実現するPDFを自動解析しフォーム入力するサンプルプログラム
モデルルーム予約管理アプリ サイト設計・構築②
テキストフィールドを使用したレコードアクションの注意点
SPIRAL ver.1 機能一覧
スパイラルで作ったフォームを検索エンジンで引っかからないようにしたい
マルチセレクトフィールドをプルダウン表示に変更する方法
別々で入力した姓-名や電話番号を1つのフィールドにまとめる方法
DBトリガを使用して生年月日や年齢等をテキストフィールドに結合させる方法
DBに格納したPDFをレコードアイテムブロックで描画するサンプル
カスタムAPIを使った動的社員検索プルダウンを作成するサンプルプログラム
カスタムAPIでSPIRAL APIを効果的に扱うライブラリ
SPIRAL ver.1から学ぶ – システムの基礎 – マイエリア編
SPIRAL ver.1から学ぶ – システムの基礎 – DB編
ファイルフィールドをファイルストレージとして活用するサンプルプログラム
検索後にレコードリストブロックを表示させる方法
内部呼び出しAPI「データベース（レコード）」を使用した疎通確認サンプルプログラム
セレクト（プルダウン）を好きな順番で表示する方法
セレクト（ラジオボタン）を好きな順番で表示する方法
テスト環境のカスタムAPIに外部から接続テストを行うサンプル
カスタムAPIを用いて非同期通信でデータ検証をするサンプル
モデルルーム予約管理アプリ サイト設計・構築①
カスタムAPIでAIチャットウィンドウを作ってみた
数値入力をスライダーにして操作性を向上させる強化ガジェット
クレジットカード決済のオプションサービス「EMV 3Dセキュア」の実装サンプルプログラム
アップロードされるファイルの名前をレコードの値に揃えてリネームするサンプル
アップロードされるファイルの名前をレコードの値に揃えてリネームするサンプル
SPIRALのデータを暗号化・復号化してダウンロードさせる方法
SPIRALのデータを暗号化・復号化してダウンロードさせる方法
登録フォームにてアップロードされたファイルをGoogleドライブへコピーするサンプルプログラム
GoogleColab上でSPIRALのDBのファイルをGoogleドライブにアップロードしてみた
登録フォームにてアップロードされたファイルをGoogleドライブへコピーするサンプルプログラム
GoogleColab上でSPIRALのDBのファイルをGoogleドライブにアップロードしてみた
フォームに初期入力値を設定する強化ガジェット
APIで取得したデータをCSVでダウンロードさせるサンプルプログラム
レコードアイテムブロックで項目を横並びにしたい
セミナー申込サイトに決済代行サービス「e-SCOTT」と連携したオンラインID決済サービス機能を追加する方法
セミナー申込サイトに決済代行サービス「e-SCOTT」と連携したコンビニ決済サービス機能を追加する方法
SPIRAL上でGoogleDriveのファイルをダウンロードし、DBへ格納する方法
GoogleColab上でGoogleドライブのファイルをSPIRALのDBにアップロードしてみた
SPIRAL上でGoogleDriveのファイルをダウンロードし、DBへ格納する方法
GoogleColab上でGoogleドライブのファイルをSPIRALのDBにアップロードしてみた
フォームでセレクトの一部のラベル（選択肢）を非表示にする方法
正誤判定と点数計算ができるテストフォームのサンプル
フォームに電子署名を追加する
レコードアイテムブロックで値なし項目を非表示にする方法
フォームに電子署名を追加する
日付フィールドに生年月日を入力した際に年齢を自動取得するJavaScript
QRコードを表示させる方法
レコード検索ブロックを使用したレコードリストブロック フィルタ設定方法
kintoneレコード連携サンプルプログラム
ポイント使用フローに所持ポイントが0以下にならない制御を追加する
kintoneレコード連携サンプルプログラム
セレクトフィールドにURLパラメータの値を自動登録させる方法
DBトリガでフィールドの値をクリアしたい
定期的に Slack へ通知するサンプルプログラム
JavaScirptでラジオボタンをドリルダウン表示する
フォーム締切設定をより細かく設定する方法
APIで200件以上のレコードを取得するサンプルプログラム
JavaScirptでセレクトをドリルダウン表示する
フォームのURLに日本語が入らないようにする方法
フォームを複製する方法
SPIRALに格納されているお問い合わせデータからopenAIのAPI(GPT）を利用して自動でFAQを生成する方法
カスタムプログラムを使ってzoomのURLを発行するアプリ アプリ、サイト設計・構築
formタグに属性を付与せずにボタンのイベントを取得する方法
レコードリストに表示せずに検索項目を設定する方法
PHP／APIで一覧表を作るサンプルプログラム
フォームの特定ステップでのみJavascriptを動作させる方法
フォームの入力項目に折りたたみ機能を実装する方法
SMSを利用した多要素認証を会員登録フローに実装する方法【絶対リーチ！SMS × SPIRAL WebTools】
Webページに印刷ボタンを設置する方法
主キーのメールアドレスをフォームで重複登録できるようにしたい
Facebookアカウントで認証エリアにログインさせるサンプルプログラム
レコードリストで姓名を結合して同じ列で表示したい
Googleアカウントで認証エリアにログインさせるサンプルプログラム
レコード検索ブロックでセレクトをプルダウン形式に変更したい
メニューページをビジュアル設定で作成する
ソース設定のフォームブロックで項目名を変更したい
レコードリスト（一覧表）からの複数情報をフォームへ反映する方法
フォーム入力中の離脱を防止するダイアログが実装できる強化ガジェット
データの登録時にIDを自動発番する方法
静的なコンテンツページ作成とフォームにテキストリンクを設定したい
APIで日時フィールドに登録・更新する際のデータ形式について
APIメソッドごとのサンプルコードまとめ App Log
更新フォームで固定値を登録する方法
APIメソッドごとのサンプルコードまとめ Email Job
パラメータを引継いだままレコードリストに戻るリンクを追加する強化ガジェット
DBトリガ レコードアクションの関数設定まとめ
参照フィールド拡張(サイト対応) 概要
ウェビナー申込システムおける参照フィールドの活用方法
完了画面でアップロードした画像を表示させるサンプルプログラム
ビジュアル設定フォームにリアルタイムチェック機能をコピペで実装できる強化ガジェット
レコード検索ブロックで項目を横並びにしたい
ファイルアップロード時のデザインを変更したい
APIメソッドごとのサンプルコードまとめ Record (export)
引用値表示パーツで電話番号フィールドの表示形式を変更したい
ファイル添付時にサムネイルを表示させる強化ガジェット
APIメソッドごとのサンプルコードまとめ Express Email
よく使う正規表現のまとめ
Thymeleaf で日時/日付/月日/時刻 フィールドを扱う方法まとめ
フォームブロックのコピペCSSをビジュアル設定のまま使える強化ガジェット
更新フォームブロックのインプットタグ解説
更新フォームブロックのソース解説
APIメソッドごとのサンプルコードまとめ Record File
削除フォームブロックのソース解説
【jQuery】邪魔にならないフローティングバナーの作成方法
ログインフォームブロックのソース解説
Teams に登録通知を行う方法
フォームURLの一部を独自ドメインにする設定方法
SLACK に登録通知を行うサンプルプログラム
Teams に登録通知を行う方法
getAuthRecordByFieldId で取得したセレクト/マルチセレクトの値を配列に分解するサンプルプログラム
ビジュアル設定デザインをソース設定フォームで使用したい
APIメソッドごとのサンプルコードまとめ Record (batch)
フォームの送信完了後にAPIでメール配信をするサンプルプログラム
自動でセッション延長を行う強化ガジェット
IPアドレスとユーザーエージェントを自動取得するサンプルプログラム
入力フィールドが存在しないフォームを作成したい
レコードリストで使えるコピペCSS 「カスタムデザイン」
セレクトフィールド 入力コントロールを変更したい
APIメソッドごとのサンプルコードまとめ Authentication（認証API）
LINE会員アプリ サイト設計・構築
ログインの有無によって登録フォームに値を引継ぐ
完了ページでLINEのリッチメニューを切り替えるサンプルプログラム
LINEアカウントで認証エリアにログインさせるサンプルプログラム
LINE Messaging APIでのリッチメニュー作成、リッチメニューID取得
お問い合わせ管理アプリ サイト設計・構築
APIメソッドごとのサンプルコードまとめ Record / Record (bulk)
テキストをカレンダー形式で表示させる強化ガジェット
すぐに使える！ヘッダ＆フッター テンプレート
参照フィールドをAPIで更新するサンプルプログラム
レコード検索ブロックのソース解説
セレクトをドリルダウン表示する強化ガジェット
Thymeleafの実用例
ウェビナー管理アプリ サイト設計・構築①
レコードアイテムブロックのソース解説
フォームで使えるコピペCSS 「テーブルデザイン」
ページにWebフォント（Google Fonts）を使用する方法
レコードリストブロックのソース解説
Google Analytics 4（GA4）への移行とタグ設置方法
Enterキーでフォームが送信されないようにする強化ガジェット
会員サイトアプリ サイト設計・構築
ページにデフォルトフォントを指定する方法
フォームで使えるコピペCSS 「シンプルモダン」
キャンペーン応募アプリ サイト設計・構築
強化ガジェットの使い方と注意点
登録フォームブロックのソース解説
登録フォームブロックのインプットタグ解説
Web申請アプリ サイト設計・構築
ver.2でレコード値を自動発番できる強化ガジェット vol.2
Slackでフォーム登録通知を受け取る方法（Slack×SPIRAL）
チェック状態でボタンを活性化する強化ガジェット
その他を選択した時に入力欄の活性化・非活性化を切り替える強化ガジェット
フォームにreCAPTCHAを設定する
ブラウザのJavaScript が無効時に画面操作させない強化ガジェット
レコード一括登録依頼／取得（batch） のサンプルプログラム
PDF帳票 の出力データをファイルとして保存するサンプルプログラム
マルチセレクトで選択できる数を制御する強化ガジェット
APIを使ったDB 複製のサンプルプログラム
APIを使ったアプリ 複製のサンプルプログラム
完了画面でリンクに登録情報をパラメータとして付与する方法
ver.2 で DB に登録されているファイルをダウンロードするサンプルプログラム
JavaScript に PHP の値を引き渡す方法
【初級編】Thymeleafの使い方
MKupdate vol.4「SPIRAL WebTools.18 PHP」
API / PHP を使ってレコード作成日時を表示
MKupdate vol.2「SPIRAL WebTools.18 アップデート概要」
PHP + Thymeleaf を使ったカレンダーのサンプルプログラム
SPIRAL WebToolsでビジュアル設定を可能にするWYSIWYG
認証APIを使って認証エリアにログインする方法
検索フォームにカレンダー表示を実装する方法
登録データの内容に応じて一覧表の表示を出し分けする方法
レコードリスト（一覧表）からフォームへ反映する方法
あなた専用のメール配信設定画面をつくろう
姓と名の検索フォームを横並びにする方法
一覧表から選択して入力フォームに反映
JavaScriptで項目の表示非表示を切り替え、かつ表示する場合は入力必須にする
メール配信で使える特殊な差替えキーワード
住所情報をもとに地図を表示する
jQueryでセレクトをドリルダウン表示する
Enterキーでフォームが送信されないようにする
QRコードの生成方法
[フォームカスタマイズ vol.6]タップで回答できるバー形式の回答欄を作成する
[フォームカスタマイズ vol.5]JavaScriptで項目の表示非表示を切り替える
[フォームカスタマイズ vol.4]星型のレーティング形式の回答欄を作成する
[フォームカスタマイズ vol.3]マトリクス形式の回答欄を作成する
[フォームカスタマイズ vol.2]“その他”の項目に入力欄を追加する
[フォームカスタマイズ vol.1]姓名の記述を分けて横並びにする
[フォームカスタマイズ vol.7]同意ボタンのチェックで送信ボタンを有効化させる
reCAPTCHAタイプのそれぞれの特徴と使い分け
[フォームカスタマイズ vol.4]星型のレーティング形式の回答欄を作成する
vol.4では、星型レーティングの表示方法についてご紹介していきます。 DEMOは、こちら ※Q4を参照ください。 データベースの設定 データベースはマルチセレクトを選択します。 そして各フィールドのラベルは、評価内容を設定します。 今回のレーテ
reCAPTCHAタイプのそれぞれの特徴と使い分け
SPIRAL WebToolsでは、Googleが提供するreCAPTCHAをフォームに組み込むことができます。 reCAPTCHAとは、スパムやbotなどの悪質なアクセスからWebを保護するための仕組みです。 reCAPTCHAにはチェックボックスタイプと非表示タイプ
