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

ドメイン変更時のSPF対応について

SPIRAL ver1を使用しており、ドメイン変更を予定しています。 ドメイン変更時に伴い、SPF対応を予定していましす。 以下のサイトにて、スパイラル様のDNSサーバでIPアドレスを公開しているため、弊社側で使用しているDNSサーバにSPFレコード追加対応は不要という認識でよろしいでしょうか。 https://support.smp.ne.jp/manuals/mail/spf_dkim_dma...

運用情報 ver.2 low

メール配信の通知メールが届かない場合の確認箇所

この記事では、メール配信の通知メールが届かない場合の確認箇所をまとめております。確認が必要な設定は、「ユーザ設定の通知メール設定」と「アプリロール設定」の2か所です。 ユーザ設定の通知メール設定の確認箇所 通知メールが送信されていないユーザの通知メール設定の確認をします。 な

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

DBトリガでフィールドの値をクリアしたい

DBトリガのレコードアクションを利用して、 アクション先DBフィールドの値をクリアする(NULL更新)設定方法をご紹介いたします。 DBトリガの詳細は サポートサイトをご確認ください。 ※登録フォーム/更新フォームの自動登録では値のクリアは対応していません。 ※レコードアクションの

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

セレクトフィールドにURLパラメータの値を自動登録させる方法

フォームブロックの自動登録は、認証エリアにログインした人の属性情報やフォームURLのパラメータ値などをフォーム利用者に入力させずにDBに自動登録できる機能です。 会員情報を再入力させずにDB登録したり、キャンペーンフォームの流入元をURLパラメータ値で取得したり

2月の新着記事

2024年2月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 middle 2024年2月22日 (木) セレクトフィールドにURLパラメータの値を自動登録させる方法 開発情報・ナレッジ ver.2 low 2024年2月22日 (木) DBトリガでフィールドの値をクリアしたい 運用情報 ver.2 lo...

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

ドメイン変更について

SPIRAL ver1を使用しており、ドメイン変更を予定しています。 ドメイン変更時(設定して、OKを押したタイミング)に、メール配信が発生した場合、メール配信はエラーになるのでしょうか? それとも変更前のドメインで配信されるのでしょうか? ご教授の程、宜しくお願いします。 SPIRERS ナレッジ向上チーム たかし SPIRAL ver1においては、ドメイン変更時(設定して、OKを押したタイミン...

【内製化・開発支援サービスをご検討中の方へ】導入に必要な3つの整理事項

はじめに この記事は弊社が提供する内製化・開発支援サービスをご検討の方へ、導入に必要な3つの整理事項についてご案内しています。 また、本記事を内製化を検討されているご関係者様と共有いただくと、今後のご検討や調整もスムーズになるかと思います。ぜひ、ご参考ください。 内製化・開発支援サービスには5つ

内製化・開発支援サービス(パートナー様向け)

変更・改訂履歴 [ 2023.05.12 ] 改訂 チャットから現行のお問い合わせ方法に記載を修正 [ 2023.06.01 ] 改訂 会社名を変更 [ 2023.07.27 ] 改訂 提供コースを変更 上限拡張オプション追加 [ 2024.02.07 ] 改訂 概要、コースに注意事項を追加 内製化・開発支援サービス 概...

運用情報 ver.2 low

アプリ利用画面から絞り込んだ内容の一括削除と一括更新

特定の値で絞り込んだデータのみを一括削除または一括更新する方法を確認される方法を紹介いたします。 この記事では、レコードの中から「北海道」のデータのみを絞り込み、「北海道」のデータのみ一括削除 と「北海道」のデータのみメール配信のフラグを一括更新する場合を例に説明いたしま

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

バッチ処理について

SPIRAL ver2を利用しております。 バッチ処理によって、「毎週〇曜日の△時にアプリ上のDBにレコードを登録する」といった機能は実装可能でしょうか? ShiningStar株式会社 スケジュールトリガを用いれば可能です。 https://support.spiral-platform.com/function/function-app-manage/8431.html 上記を参考にスケジュー...

内製化・開発支援サービス(エンドユーザー様向け)

変更・改訂履歴 [ 2022.10.03 ] 追加 内製化相談会を追加 [ 2022.11.09 ] 改訂 内製化相談会の名称を【WEBシステム内製化】個別相談会に変更しました。 [ 2023.05.12 ] 改訂 チャットから現行のお問い合わせ方法に記載を修正 [ 2023.06.01 ] 改訂 会社名を変更 [ ...

外部サービス連携特集

ナレッジサイトでは、SPIRALと外部サービスの連携を活用した開発ナレッジも公開しています。 この特集では、外部サービスを活用した記事を一覧でご紹介します。 記事一覧 開発情報・ナレッジ ver.2 high 2023年7月19日 (水) SMSを利用した多要素認証を会員登録フローに実装する方法【絶対リーチ!SMS × SPIRAL ver.2...

MKupdate 特集

MK(Monthly Knowledge) updateとは SPIRAL に関するナレッジが個人の学習意欲や経験値に依存してしまっており、ばらつきがあります。 この問題を解決するため、毎月テーマを一つ取り上げ、関連部門のレビューのもと、 スタンダードをみんなで共有していこう!ということで立ち上げました。 現在は、パイプドビッツ社内の学習機会...

【広告代理店様向け】よくある課題3つとSPIRAL ver.2による解決策と活用例のご紹介

「特急案件やスポット案件が頻繁に発生しスケジュールに追われている」 「クライアントへシステムを納品した後、手離れを良くしたい」 「顧客接点領域アプリはデザインにこだわりたい」 広告代理店業界でこんな課題はありませんか? イベントやキャンペーンの企画・運営、プロモーション設計、特設サ

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

定期的に Slack へ通知するサンプルプログラム

以前に、フォームからデータが登録された際に SLACK に登録通知を行うサンプルプログラムを公開しました。 今回は、定期的に DB をチェックし、該当するレコードがあったら SLACK に通知を行う手順をご紹介します。 未対応のお問い合わせがあったら通知するユースケースを想

1月の新着記事

2024年1月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 low 2024年1月29日 (月) ユーザフィールドの使い道と活用例 開発情報・ナレッジ ver.2 high 2024年1月26日 (金) フォーム締切設定をより細かく設定する方法 開発情報・ナレッジ ver.2 high 2024年1月26日 (金...

設計情報 ver.2 low

ユーザフィールドの使い道と活用例

ver.2.28 より、新しいフィールドタイプ「ユーザフィールド」が追加されました。 本記事では、ユーザフィールドでできることの説明と、どのように活用できるのかをご紹介いたします。 ユーザフィールドでできること ユーザフィールドは、アカウントに参加しているユーザ情報とDBに登録されているレ

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

APIで200件以上のレコードを取得するサンプルプログラム

APIによってレコード一覧を取得する場合、 1回のリクエストでは取得できるレコード数に制限があります。 limitの値が一回のリクエストで取得するレコード数ですが、こちらの上限値が200件までとなっております。 APIリファレンス この時に200件以上のレコードを取得

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

フォーム締切設定をより細かく設定する方法

フォームブロックの締切設定により開始日時と終了日時を設定する事は可能ですが、 特定の時間(例えば営業時間9:00~18:00のみ)のみ表示したいであったり、土日はクローズしたいといった場合はデフォルトの設定では不可能です。 今回の記事は上記の設定を可能とする為のカスタマイズ記事となりま

パートナー記事特集

この特集では、パートナー様が作成した記事や、パートナー様と共同で作成した記事を一覧でご紹介いたします。 記事一覧 ShiningStar株式会社様パートナー情報 開発情報・ナレッジ ver.2 2024年1月26日 (金) フォーム締切設定をより細かく設定する方法 開発情報・ナレッジ ver.2 2024年1月26日 (金) APIで200件以...

【web制作会社様向け】よくある課題3つとSPIRAL ver.2による解決策と活用例のご紹介

「web制作案件の高難易度化」 「人材不足」 「競合との差別化」 Web制作業務でこんな課題はありませんか? 本記事では上記で挙げているweb制作業界によくある課題3つを挙げ、ローコード開発ツール「SPIRAL ver.2」による解決方法と活用事例をお伝えいたします。 この記

【WordPressで安全な会員サイトを制作したいご担当者様必見!】セミナー紹介

「WordPressは脆弱性が心配」 「セキュリティが不安でそもそもWordPressは使わない」 こんな課題をお持ちではないでしょうか? ここ数年、大企業でもWordPressを採用されるケースが増え、その中でも個人情報を扱うサイトを作成したいというニーズが高まっています。 構築ス

【BPO企業様向け】よくある課題3つとSPIRAL ver.2による解決策と活用例のご紹介

「高いセキュリティが求められる」 「ニーズや業務プロセスの変化に迅速に対応したい」 「運用メンバーによるミスを防ぎたい」 事務系BPO業務でこんな課題はありませんか? 事務系BPOは、申請管理・アンケート調査事務局・セミナー運営事務局・キャンペーン事務局 などがあります。 本記事

設計情報 ver.2 low

『要件定義』システム開発で設計前にすべきこと②

本記事では、SPIRALでシステム開発を行う際に設計の前に行うべき「要件定義」についてご紹介します。 要件定義とは ユーザーがシステムへ要求する事項を明確化することを要求定義と呼ぶのに対し、システム化の目的となる要求を実現するために実装すべき機能要件や、満たすべき性能といった非機能要件をユーザーの...

設計情報 ver.2 low

『要求定義』システム開発で設計前にすべきこと①

本記事では、SPIRALでシステム開発を行う際に設計に着手する前に行うべき「要求定義」についてご紹介します。 要求定義とは ユーザーが、システムを使って何を実現したいのか、何ができなければ困るのかといった要求事項(=システム化の目的)を明確化するフェーズのことを「要求定義」と呼びます。 開発プロセ...

12月の新着記事

2023年12月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.1 ver.2 low 2023年12月26日 (火) 『要件定義』システム開発で設計前にすべきこと② 設計情報 ver.1 ver.2 low 2023年12月26日 (火) 『要求定義』システム開発で設計前にすべきこと① 設計情報 ver.2 lo...

設計情報 ver.1 low

『要求定義』システム開発で設計前にすべきこと①

本記事では、SPIRALでシステム開発を行う際に設計に着手する前に行うべき「要求定義」についてご紹介します。 要求定義とは ユーザーが、システムを使って何を実現したいのか、何ができなければ困るのかといった要求事項(=システム化の目的)を明確化するフェーズのことを「要求定義」と呼びます。 開発プロセ...

設計情報 ver.1 low

『要件定義』システム開発で設計前にすべきこと②

本記事では、SPIRALでシステム開発を行う際に設計の前に行うべき「要件定義」についてご紹介します。 要件定義とは ユーザーがシステムへ要求する事項を明確化することを要求定義と呼ぶのに対し、システム化の目的となる要求を実現するために実装すべき機能要件や、満たすべき性能といった非機能要件をユーザーの...

spirers boardの使い方

変更・改訂履歴 [ 2023.12.13 ] 追加 <ボード管理者向け>各種上限変更の仕方追加しました。<ボード管理者向け>コース変更の仕方を追加しました。 spirers boardとは 内製化支援契約者向けツールです。 スパイラーズボードと読みます。 内製化を行うための情報管理スペースであり、内製化支援チームとコミュニケー...

<ボード管理者向け>各種上限変更の仕方

各種上限変更についてご紹介します。 ※内製化・開発支援サービスにご契約のユーザ様がご利用いただけます。 ボード管理者画面にログインする ログインURLにアクセスします。 https://pb-spirersboard-service.spiral-site.com/board_admin/login/ メールアドレスとパスワードを...

<ボード管理者向け>コース変更の仕方

ご契約コースの変更についてご紹介します。 ※内製化・開発支援サービスにご契約のユーザ様がご利用いただけます。 ボード管理者画面にログインする ログインURLにアクセスします。 https://pb-spirersboard-service.spiral-site.com/board_admin/login/ メールアドレスとパスワー...

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

メールアクションでお問い合わせフォームのファイル添付欄のファイルを取得する方法

ファイルの添付欄を持つ問い合わせフォームを作成しています。 お客様からお問い合わせがあった際に、ブロックのメールアクションから管理サイドに通知を出すようにしようと考えています。 その際、お問い合わせに添付ファイルがあった場合に、通知メールにファイルを添付することは可能でしょうか。 その他、お問い合わせフォームのファイル添付欄のファイルを取得する方法がありましたら、ご教示いただけますと幸いです。 S...

設計情報 ver.1 low

【デモ】資格・検定試験管理システム

SPIRAL ver.1 を使って構築した、主に協会・団体向けの資格・検定試験管理システムです。 さまざまな資格や検定における試験管理、受験料や更新料に関する振込証明書の管理・領収書の発行、資格登録証の交付・更新など、資格運営事業の業務をオンライン上で行うことで、管理側・受験者側双方の利便性向上が見込めます...

運用情報 ver.2 low

メール一斉配信のポイント

この記事では、SPIRAL ver.2でメールを一斉配信する際のポイントをまとめています。 メール配信で活用できる機能や注意点を確認し、メールの効果向上と安全な運用を目指しましょう。 事前準備 メール配信に利用するDBを用意し、メールアドレス等のレコードを登録してください。 参考: 動画で学ぶ S...

SPIRAL ver.1 デモ一覧

[ 2022.02.28 ] 一覧表 レスポンシブデザインサンプル追加 [ 2022.08.18 ] 新規デモ「協会・団体向け 会員サイトシステム」追加 [ 2022.12.26 ] デモ一覧デザイン改修と新規デモ追加 [ 2023.01.24 ] デモ一覧デザイン改修 [ 2023.04.28 ] 新規デモ「メーカー向け 販売...

11月の新着記事

2023年11月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 high 2023年11月28日 (火) JavaScirptでセレクトをドリルダウン表示する 設計情報 ver.2 low 2023年11月9日 (木) MKupdate vol.26 「アプリの持続性、発展性 ver.2.27基本編」...

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

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

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

動画で学ぶ SPIRAL ver.2 基本機能

SPIRAL ver.2の基本機能を学習することができる動画です。 実際の操作画面を映しながら解説をしているため、一緒に操作をしながら学習をすることも可能です。 知りたい機能の動画を選択して、ご覧ください。 こんな方にオススメ ・SPIRAL ver.2の無料トライアルをご利用開始された方 ・SPIRAL ver....

【前編】会員ページ構築・運用とSMSで顧客接点を強化! ~LTV向上のための顧客コミュニケーションのイマをご紹介~

9月12日(火)にAI CROSS株式会社様と共催ウェビナー「会員ページ構築・運用とSMSで顧客接点を強化! ~LTV向上のための顧客コミュニケーションのイマをご紹介~」を開催いたしました。 本記事ではウェビナー内容と当日頂いた質疑応答を前編・後編に分けて

【後編】会員ページ構築・運用とSMSで顧客接点を強化! ~LTV向上のための顧客コミュニケーションのイマをご紹介~

9月12日(火)に共催ウェビナー「会員ページ構築・運用とSMSで顧客接点を強化! ~LTV向上のための顧客コミュニケーションのイマをご紹介~」を開催いたしました。 本記事ではウェビナー内容と当日頂いた質疑応答を前編・後編に分けて公開いたします。 前編はこち

10月の新着記事

2023年10月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 low 2023年10月31日 (火) フォームのURLに日本語が入らないようにする方法 開発情報・ナレッジ ver.2 low 2023年10月31日 (火) フォームを複製する方法 設計情報 ver.2 low 2023年10月24日...

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

フォームのURLに日本語が入らないようにする方法

URLに日本語が入ってしまう原因とその解決方法について紹介いたします。 URLに日本語が混ざる原因 ページで使用しているフォームブロックのステップ名に日本語が設定されていると、「s1_入力」のようにURLにもパラメータとして日本語が入ってしまいます。 フォームブロックのデ

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

フォームを複製する方法

同じ項目や同じデザインのフォームを複数作成する際には、フォームブロックの複製がおすすめです。 本記事では、SPIRAL ver.2でのフォーム複製方法をご案内します。 前提 同じDBに登録するフォームを複製する場合の方法です。 またSPIRAL ver.2では、ページ内にフォームブロックを設置する...

動画で学ぶ SPIRAL ver.2 アプリ設定

SPIRAL ver.2でのアプリ設定方法を学習することができる動画です。 実際の操作画面を映して設定していますので、どのようにアプリが出来上がるのかを学ぶことが可能です。 初めの一歩である「アプリ作成」からアプリ運用で使用する「アプリ利用画面での動作確認」までご覧いただける、Level1からご視聴いただくことを...

SPIRAL ver.2 デモ一覧

[ 2022.08.03 ] シリアルナンバーキャンペーン追加 [ 2023.10.23 ] GPT-4による業種自動判定と、CLOVA OCR連携デモ2種を追加 SPIRAL ver.2で作成したデモをご紹介します。 WEBフォーム フォーム・ビジュアル設定の説明はこちら ビジュアル設定サンプル個人情報登録フォーム デモ ビ...

設計情報 ver.1 low

【デモ】Googleアカウントによるシングルサインオン(SSO)

SPIRAL ver.1 で構築した会員サイトにて、Googleアカウントによるシングルサインオン(以下GoogleSSO)ができるデモです。Googleアカウントへログインした状態であれば、会員サイトへのログイン認証は不要となり、ワンクリックでマイページへアクセスできるよう

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

メールアドレスの場合に、値を入力しても必須チェックに引っかかる

現在お問い合わせフォームを作成しております。 DBにタイプ:メールアドレスを設定し、フォームのEmail欄にて必須チェックを行おうとしています。 しかしテスト環境のビュー画面で、Email欄にメールアドレスを入力しているにもかかわらず、確認画面に遷移しようとすると必須チェックに引っかかり確認画面に遷移することができません。 試しにテキストフィールドで同一のコードを使用してみましたが、その場合必須チ...

SPIRAL ver.2で使える強化ガジェット

強化ガジェットとは 強化ガジェットは、SPIRAL ver.2のサイト機能を強化するためのプログラムです。 プログラムが分からない方でも、コピーペーストして設定値を変更するだけで利用することができます。 こんな強化ガジェットが欲しいというご要望があれば、ぜひ リクエストボード よりご連絡ください。 強化ガジェットの...

設計情報 ver.2 low

日付や時刻を扱う際のタイムゾーンに関する注意点

日時や日付などのフィールドを扱う際にフィールドごとのタイムゾーンの有無によって、日本時間とUTCのずれによって日付や時間がずれる問題が発生する可能性があります。 この記事では、ずれが生じる仕組みやパターンとその対処法について紹介します。 日時フィールドとタイムゾーンについて

9月の新着記事

2023年9月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 2023年9月29日 (金) 動画で学ぶ SPIRAL ver.2 基本機能~【アプリ管理】スケジュールトリガ カスタムプログラムアクション ~ 設計情報 ver.2 2023年9月27日 (水) 動画で学ぶ SPIRAL ver.2 基本機能~【アプリ...

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

SPIRALに格納されているお問い合わせデータからopenAIのAPI(GPT)を利用して自動でFAQを生成する方法

背景として、多くの企業様にSPIRALをご利用頂き、 SPIRAL内にてお問い合わせ対応アプリケーションを構築し 毎日、大量の顧客からの問い合わせやフィードバックを受け取られて居ると存じます。 問い合わせに効率

設計情報 ver.2 low

ログイン制限を使用してメンテナンス画面を表示する方法

認証エリアのログイン制限機能で条件を設定することで、認証エリアにログインできる会員を制限することができます。 この機能を使用して、会員サイトなどのシステムメンテナンス時にログインをできないようにし、メンテナンスのお知らせ画面を表示する方法を紹介いたします。 注意点 クリ

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

セミナー申込サイトに決済代行サービス「e-SCOTT」と連携した継続課金機能を追加する方法

変更・改訂履歴 [ 2023.12.13 ] 改訂 ご利用ガイドの「継続課金の未決済対応について」を一部修正いたしました。 ここでは、 セミナー受付管理でご案内しているセミナー申込サイトを例に、 ソニーペイメントサービス

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

セミナー申込サイトに決済代行サービス「e-SCOTT」と連携した都度課金機能を追加する方法

ここでは、 セミナー受付管理でご案内しているセミナー申込サイトを例に、 ソニーペイメントサービス株式会社が提供する決済代行サービスの「e-SCOTT」を利用して、クレジットカードでの都度課金機能を追加する方法をご紹介しま

設計情報 ver.2 high

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

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

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

カスタムプログラムを使ってzoomのURLを発行するアプリ アプリ、サイト設計・構築

ver.2.26のアップデートにより、DBトリガにカスタムプログラムアクションが追加されました。 このアップデートによりDBトリガの登録、更新、削除トリガをきっかけに、PHPプログラムを実行できるようになりました。 今回は、オンライン商談シ

SPIRAL ver.2 スターターデモ特集

スターターデモとは SPIRAL ver.2を使って業務アプリを作成する際の工程を、アプリ設計・構築 / サイト設計・構築 / ユーザ・アプリロール・グループ設定 の3つに分け、ポイントやおすすめ機能・強化ガジェットを紹介する記事です。 作成した業務アプリはデモとして公開しています。 こんなデモで記事を作って欲しいという...

設計情報 ver.1 low

【デモ】重要事項調査依頼受付管理システム

SPIRAL ver.1 を使って構築した、マンション管理会社向けの重要事項調査依頼受付管理システムです。 調査依頼の受付から、必要書類の提出(媒介契約書や発行手数料の振込証明書など)、報告書の納品・ダウンロードまで、一連の情報管理をオンライン上で行うことで依頼者・管理者双方の利便性向上が見込めます。 ...

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

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

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

8月の新着記事

2023年8月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 middle 2023年8月31日 (木) formタグに属性を付与せずにボタンのイベントを取得する方法 設計情報 ver.2 2023年8月30日 (水) 動画で学ぶ SPIRAL ver.2アプリ設定~ Level4 会員サイト Chapt...

設計情報 ver.2 middle

PHPでメール送信をする方法

PHPでメールを送信するための方法をまとめました。 メリット・デメリットなども解説しておりますので、ぜひ参考にしてください。 [方法1]非同期アクションを利用してメール送信 メール通知用のDBにAPIでデータ登録を行い、非同期アクションでメール送信する方法です。 メール送信自体はトリガ設定を利

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

レコードリストに表示せずに検索項目を設定する方法

レコードリストブロックで項目を表示せずに、レコード検索ブロックで検索項目として設定する方法を紹介いたします。 本来はレコードリストで使用している項目しか検索項目に設定できない レコード検索ブロックの検索項目は、本来であればレコードリストブロックで表示項目として使用しているフ

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

PHP/APIで一覧表を作るサンプルプログラム

レコードリスト機能を使うことで、ノンプログラミングで一覧表を作成することができますが、 標準機能以上のフィルタをかけたい場合や標準の検索ブロックで使用できないフィールドタイプを指定したいなどの場合は、 PHP/APIを作ってより高度な一覧を作成することもできます。 この記事で

【運用担当者向け】SPIRAL ver.2の学習方法(環境あり)

こんにちは、SPIRAL ver.2エバンジェリストの芝谷です。 アプリの運用をご担当される方向けに、SPIRAL ver.2の学習方法をご紹介いたします。 「運用業務」とひとことで言っても、運用の実業務から、ユーザーの権限管理まで様々な役割がありますよね。 本記事では、運用の実業務をされる方、ユー...

運用情報 ver.2 low

管理者・担当者向けメールにアプリ利用画面のURLをつける方法

メール文面に、アプリ利用画面のレコード一覧画面やレコード詳細画面へアクセスできるURLを設定する方法を紹介いたします。 通知メールからすぐにアプリ利用画面へアクセスできるようになり、とても便利ですのでぜひお試しください。 メール文面にアプリ利用画面のURLを入れ

【開発/運用】SPIRAL ver.2 学習方法のご案内

こんにちは、SPIRAL ver.2エバンジェリストの芝谷です。 この記事は、SPIRAL ver.2にまだ触れたことのない初心者の方々、ご利用間もない方々向けに、効率的に学習できる方法を紹介しています。 開発をされる方、運用をされる方によって学習内容が異なるため、 役割に合ったコンテンツをご案内しておりま...

【運用担当者向け】SPIRAL ver.2の学習方法(環境なし)

こんにちは、SPIRAL ver.2エバンジェリストの芝谷です。 アプリの運用をご担当される方向けに、SPIRAL ver.2の学習方法をご紹介いたします。 「運用業務」とひとことで言っても、運用の実業務から、ユーザーの権限管理まで様々な役割がありますよね。 本記事では、運用の実業務をされる方、ユー...

【開発担当者向け】SPIRAL ver.2の学習方法(環境なし)

こんにちは、SPIRAL ver.2エバンジェリストの芝谷です。 本ページでは、アプリの開発をご担当される方向けに、SPIRAL ver.2の学習方法をご紹介いたします。 基礎・実践・応用と段階を踏んだステップとなっており、自分の学習進度を把握しながら進めていただけます。 また、お好きなタイミングで...

【開発担当者向け】SPIRAL ver.2の学習方法(環境あり)

こんにちは、SPIRAL ver.2エバンジェリストの芝谷です。 本ページでは、アプリの開発をご担当される方向けに、SPIRAL ver.2の学習方法をご紹介いたします。 基礎・実践・応用と段階を踏んだステップとなっており、ご自身の学習進度を把握しながら進めていただけます。 また、お好きなタイミング...

設計情報 ver.1 low

【デモ】奨学金申請管理システム

SPIRAL ver.1 を使って構築した、財団法人向けの奨学金申請管理システムです。 奨学金事業を行う団体様における業務効率化を推進し、申請者(奨学生)及び管理者双方の利便性向上と快適なオンラインコミュニケーションを実現します。 デモアプリ概要 このデモでは、申請者(奨学生)と管理者それぞれマイページを提供し...

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

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

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

内製化/開発支援で実際に役に立った記事

内製化支援/開発支援サービスとは SPIRALエンジニアが専任の支援体制を提供するサービスです。 利用ユーザは内製化/開発支援専用デスクのspirers boardを通して、エンジニアで構成された支援チームから要件整理、設計・設定の相談、設計・設定物の簡易レビュー、技術相談(JavaScript/PHP/APIに関する内容)...

SPIRALver.2で推進する内製化のはじめかた(導入前編)

本記事では、SPIRAL ver.2で内製化をはじめる際の、検討〜導入までのおすすめステップをご紹介いたします。 この記事はこんな人に向いてます ・DXや内製化推進のご担当者様 ・ノーコード/コードローコード開発ツールで内製化を検討している方 ・SPIRAL ver.2導入までの流れが知りたい "S...

7月の新着記事

2023年7月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 2023年7月24日 (月) 動画で学ぶ SPIRAL ver.2アプリ設定~Level3 よくあるお問い合わせ一覧 Chapter3~ 設計情報 ver.2 2023年7月24日 (月) 動画で学ぶ SPIRAL ver.2アプリ設定~Level3 よ...

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

フォームの入力項目に折りたたみ機能を実装する方法

フォームで入力項目を折り畳めるようにすることで、入力項目の繰り返しが多いフォームをスッキリとした見た目にすることができます。 この記事では、JavaScriptを使用し、ソース設定のフォームブロックで入力項目に折りたたみ機能を実装する方法をご紹介いたします。 折りたたみ機能

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

SMSを利用した多要素認証を会員登録フローに実装する方法【絶対リーチ!SMS × SPIRAL ver.2】

会員サイトを作成した時、複数アカウントの作成や、なりすましを防ぐために多要素認証を実装したいケースがあるかと思います。 この記事では AI CROSS株式会社が提供する「絶対リーチ!SMS」を利用して、会員登録の際

アプリの導入効果やセキュリティが向上するSMS活用例

この記事ではSPIRALとSMSの連携についてご紹介いたします。 SMSを活用することで、アプリの導入効果やセキュリティの向上が見込めますので、参考にしてみてください。 SMSの動向 SMS(ショートメッセージサービス)は、携帯電話番号を宛先にして文章を送受信するシンプルな伝達手段です。 全てのスマートフォン、...

【内製化に興味のある方必見!】内製化入門イベント〜ローコードでつくるWebアプリ〜

内製化入門イベント〜ローコードでつくるWebアプリ〜の概要 目まぐるしく変化するビジネス環境。 ビジネスを支えるシステムの開発や運用には、「柔軟性」や「スピード感」が求められています。 弊社は、その課題解決のヒントが「内製化」の実現にあると考えます。 その内製化を成功させる手段のひ

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

Webページに印刷ボタンを設置する方法

請求書など、Webページに表示された画面をそのまま印刷したいという要望をいただきました。 今回は、Webページをそのまま印刷するためのボタン設置の方法について、紹介いたします。 ボタン設置 ボタンの設置方法は、シンプルです。 下記のタグを設置するだけでボタンが表示され、押下されると印

6月の新着記事

2023年6月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 運用情報 ver.2 low 2023年6月30日 (金) メール文面の差替えキーワードで電話番号の表示形式を変えたい 設計情報 ver.1 low 2023年6月30日 (金) 【デモ】製品ユーザー管理システム 設計情報 ver.2 2023年6月30日 (金) 動画で学ぶ...

運用情報 ver.2 low

メール文面の差替えキーワードで電話番号の表示形式を変えたい

メール設定画面で電話番号フィールドの差し替えキーワードを本文に追加すると、「+818011112222」という形式で表示されてしまいます。 この記事では、「080-1111-2222」という形式で表示する方法と、それを実現する差替えキーワードのフォーマット指定につ

設計情報 ver.1 low

【デモ】製品ユーザー管理システム

SPIRAL ver.1 を使って構築した、メーカー向けの製品ユーザー管理システムです。 販売する製品のアフターサービス業務(保証情報管理、修理対応管理、お問い合わせなど)をオンライン上で情報管理することで、メーカー・ユーザー双方の利便性向上が見込めます。 デモアプリ概要 このデモでは、①ユーザー(製品購入者...

SPIRAL ナレッジサイトについて

SPIRAL ナレッジサイトとは SPIRERS ナレッジ向上チームが運営する、SPIRAL®︎に関するナレッジが集約されるサイトとなります。 SPIRAL ナレッジサイトのコンセプト SPIRAL®︎を使った、①要件に対する最適な設計、②運用方法、③アップデート情報の共有などを通して、 ユーザやパートナーが迷った時にナレッジサ...

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

主キーのメールアドレスをフォームで重複登録できるようにしたい

この記事では主キーのメールアドレスフィールド(入力必須、ユニーク)を用意しつつ、フォームでは重複を許可して登録させる方法をご紹介します。 設定イメージ 登録フォームにはユニーク制約が設定されていない別のメールアドレスフィールドを入力項目として用意します。 ただし、

5月の新着記事

2023年5月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 2023年5月30日 (火) 動画で学ぶ SPIRAL ver.2アプリ設定~ Level2 クリックログインアンケート Chapter3 ~ 開発情報・ナレッジ ver.2 high 2023年5月30日 (火) Facebookアカウントで認証エリア...

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

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

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

設計情報 ver.2 low

レコード照合フォームでパスワード再登録フローを作成する方法

パスワード登録のフローは、通常、パスワード再登録フォームブロックで作成します。 しかし、パスワード再登録フォームブロックでは、認証レコード値やパスワード以外の項目を使用できません。 そこで今回、レコード照合フォームブロックを使ってパスワード再登録フローを作成する方

設計情報 ver.2 high

MKupdate vol.20「セキュアでスマート!ver.2.23【アレンジ編】」

今回は、ver.2.23のアップデート機能を、よくある利用例のアプリに組み込むデモ実演を行いました。 開発初心者の方にも使いやすいと感じていただける機能が多くあります。非エンジニアが設定に挑戦してみた感想にもご注目ください! \ver.2

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

レコードリストで姓名を結合して同じ列で表示したい

DBで「姓」と「名」のフィールドを分けている場合、レコードリストを作成した際に列も分かれてしまいます。 この記事では姓と名を同じ列に結合して出力し、氏名として表示させる方法をご紹介いたします。 設定イメージ 「姓」と「名」のフィールドを分けている場合、レコードリストを作成す

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

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

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

4月の新着記事

2023年4月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.1 low 2023年4月28日 (金) 【デモ】販売代理店管理ソリューション 設計情報 ver.2 2023年4月27日 (木) 動画で学ぶ SPIRAL ver.2アプリ設定~ Level1 お問い合わせフォーム Chapter2 ~ 設計情報 ver....

設計情報 ver.1 low

【デモ】販売代理店管理ソリューション

SPIRAL ver.1 を使って構築した、メーカー向けの販売代理店管理ソリューションです。 各販売代理店ごとに取り扱う製品情報やそれに紐づく教育資料、また代理店契約や秘密保持契約といった個別に締結する契約書情報などをオンライン上で管理することで販促活動をサポート。メーカー・販売代理店双方の利便性向上が見...

設計情報 ver.2 low

フリーコンテンツブロックで登録情報表示ページを作成する方法

会員ページ等で、ログインしたユーザー自身の登録情報を表示するページを必要となるときがあります。 今回、フリーコンテンツブロックで登録情報表示ページを作成する方法をご紹介します。 登録情報表示ページのイメージ ユーザーはまず認証エリアにログインします。 ログイン後の

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

レコード検索ブロックでセレクトをプルダウン形式に変更したい

この記事では、レコード検索ブロックでセレクトフィールドの選択形式をプルダウンする方法を紹介いたします。 ラベル数の多いセレクトフィールドを、スペースを取らずに検索フィールドに含めたい場合などにご活用ください。 レコード検索ブロックでのセレクトの表示形式 レコード検

設計情報 ver.2 low

DBの値を更新フォームの入力値として引用する方法

更新フォームからを使用する際に、既存のデータを入力値として引用することができます。 標準機能となりますが、今回は更新フォームでデータを引用する方法をご紹介します。 はじめに ビジュアル設定とソース設定 更新フォームブロックの設定は、ビジュアル設定とソース設定の2パターンがあ

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

メニューページをビジュアル設定で作成する

サイト機能でページを作成している際に、メニューページが必要になることがあります。 しかし、ソースでページを作成するのは難しいと感じる方もいるかもしれません。 この記事では、ビジュアル設定のフリーコンテンツブロックを使用して簡単に作成する方法をご紹介します。 メニューページとは 複数

設計情報 ver.2 low

レコードリストのフィルタとレコード公開範囲の使い分け方と設定例

レコードリストブロックで表示するレコードを絞り込む際には、レコード公開範囲とレコードリストのフィルタの2つの機能がありますが、どちらを使用すべきか迷っている方も多いかもしれません。 そこで、本記事ではそれぞれの機能や使い方について説明し、さらにシーン別の設定例

3月の新着記事

2023年3月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 low 2023年3月31日 (金) レコードリストのフィルタとレコード公開範囲の使い分け方と設定例 運用情報 ver.2 middle 2023年3月31日 (金) Thymeleafを使ったステータスで表示内容を制御する方法 開発情報・ナレッジ ve...

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

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

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

もっとも読まれた記事ランキング(2022年9月~2023年2月)

ナレッジサイト公式キャラクター「ぶいつーうさぎ」が、2022年の9月~2023年2月の期間で公開され、アクセスの多かった記事をランキング形式で発表します! ぶいつーうさぎ@SPIRAL®︎ナレッジサイト公式 1位 ver.2 2023年2月28日(火) 更新 動画で学ぶ SPIRAL ver.2 基...

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

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

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

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

データの登録時にIDを自動発番する方法

データの登録時にIDを自動発番させたいというご要望をよく耳にします。 サイト管理側でIDを自動発番をする場合は、1手間加える必要があるため(※ ver.2.23時点)、 今回、設定方法をご紹介いたします。 使用機能 DBの登録トリガ レコードアクション と サイトの登録フォームブロッ

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

静的なコンテンツページ作成とフォームにテキストリンクを設定したい

お問い合わせフォームに利用規約やプライバシーポリシーの内容を記載したいというご要望をいただくことがあります。 そんな時にお試しいただきたい設定方法がありますので、本記事にてご紹介いたします。 フリーコンテンツブロックでのページ作成 & テキストリンク設定方法

運用情報 ver.2 low

500エラー発生ケース まとめ

SPIRAL ver.2のサイト機能では 500 Internal Server Error(以下、500エラー)が発生することがあります。 発生原因の特定ができない、特定に時間がかかり、本来の業務に支障をきたす可能性も考えられるため、 その際の参考となるようエラー発生ケースをまとめました。

【WEBシステム内製化】個別相談会

変更・改訂履歴 [ 2023.06.01 ] 改訂 会社名を変更 【WEBシステム内製化】個別相談会とは スパイラル株式会社が提供する内製化・開発支援サービスについて詳しくご説明いたします。 内製化・開発支援サービスは、ローコード開発ツール「SPIRAL ver.2」を用いたアプリ開発支援です。 個別相談会では、導入支援担当者よりサービ...

設計情報 ver.2 low

受付番号を1から振り直したい

キャンペーン応募フォームやセミナー申込フォームなどを作成する際に、受付番号を用意するケースがあります。 動作テスト完了後に受付番号を1から振り直したいというご要望がありましたので、本記事で方法をご紹介します。 受付番号を1から振り直す方法 【前提】 現状のSPIRAL ver.2では、レコードI

内製化支援/開発支援から生まれた記事

内製化支援/開発支援とは SPIRALエンジニアが専任の支援体制を提供します。 利用ユーザは内製化/開発支援専用デスクのspirers boardを通して、エンジニアで構成された支援チームから要件整理、設計・設定の相談、設計・設定物の簡易レビュー、技術相談(JavaScript/PHP/APIに関する内容)の支援を受けることがで...

2月の新着記事

2023年2月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 low 2023年2月28日 (火) 自動登録の活用例 設計情報 ver.2 2023年2月28日 (火) 動画で学ぶ SPIRAL ver.2 基本機能 ~【アカウント管理】APIエージェント ~ 設計情報 ver.2 2023年2月28日 (火) 動...

設計情報 ver.2 low

自動登録の活用例

登録フォームブロックの自動登録は、フォーム送信時にさまざまな値を自動登録できる便利な機能です。 この記事では自動登録で利用できる値タイプの説明と、どのように活用できるのかをご紹介いたします。 自動登録とは 登録フォームブロックからレコード登録する際に、固定値、認証レコード値、URLパラメータの値などをDB...

MKupdate vol.17「本気の参照フィールド勉強会」

MKupdate vol.17 では、「本気の参照フィールド勉強会」というテーマで、SPIRAL ver.2 の勉強会を実施しました。 「参照フィールド」は、2023年1月24日のアップデートでさらに拡張された機能となり、 必ず知っておいてほしい機能として、今回のテーマで開催されております。 登壇者紹介 講師...

設計情報 ver.2 high

PHP環境変数の使いどころ

PHP環境変数の使いどころについて聞かれることがあります。 本記事では、PHP環境変数の便利な使い方についてご紹介します。 サポートサイトのPHP環境変数も合わせてご確認ください。 PHP環境変数とは PHP環境変数は、サイト側のPHPで利用する値をセットしておき、PHPプログラム内で自由に呼び

【これから始める人向け】参照フィールド記事まとめ

ナレッジサイト公式キャラクター「ぶいつーうさぎ」が、初心者の方向けに参照フィールドのおすすめ記事を紹介します! ぶいつーうさぎ@SPIRAL®︎ナレッジサイト公式 参照フィールドとは? 2022年10月18日 (火) 動画で学ぶ SPIRAL ver.2 基本機能 ~【アプリ管理】DB作成 ~ 参照フィールドって何...

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

APIで日時フィールドに登録・更新する際のデータ形式について

ver.2 の API で日時フィールドに登録・更新する際、単純な日時形式でリクエストを行った場合はエラーになってしまいます。 こちらの記事では、どのようなデータ形式でリクエストを行えばよいか解説いたします。 はじめに APIで日時を登録・更新するPHPのサンプ

APIメソッドごとのサンプルコード&権限設定特集

SPIRAL ver.2のAPI ver.2の特徴として、APIにも権限を設定することができるようになっています。 「サンプルコードまとめ」と「権限設定方法まとめ」を見ることで、APIメソッドの使用方法と安全な権限設定が理解できるはずです! APIを利用する際は、ぜひご一読ください。 ※メソッドの詳細は、SPIRAL...

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

更新フォームで固定値を登録する方法

登録フォームブロックでは自動登録の機能を利用して固定値を登録することができますが、更新フォームブロックには自動登録の機能がございません。(ver.2.22時点) この記事では、更新フォームブロックで固定値を登録する方法を3つ紹介いたします。 hidden属性で送信する方法 inputタグの

1月の新着記事

2023年1月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 high 2023年1月31日 (火) APIメソッドごとのサンプルコードまとめEmail Job 設計情報 ver.2 low 2023年1月31日 (火) APIメソッドごとの権限設定方法まとめEmail Job 設計情報 ver.2 20...

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

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

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

SPIRAL ver.2.22の新機能関連特集

2023年1月24日より、SPIRAL ver.2の新バージョン「SPIRAL ver.2.22」を提供開始いたしました。 SPIRAL ver.2.22 では、3件の新機能追加が追加されたほか、複数の利便性改善や機能拡張を実施した大型アップデートとなっています。 この特集では、SPIRAL ver.2.22 で追加...

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

DBトリガ レコードアクションの関数設定まとめ

DBトリガのレコードアクションでは、フィールドに値をマッピングする際に関数設定を利用することができます。 一見難しそうに見える関数設定ですが、サンプルを用意しましたのでぜひ参考にしてみてください。 レコードアクションの関数設定とは DBトリガのレコードアクションの処理マッピン

SPIRAL ver.2.22アップデート内容を実際に触ってみた感想

はじめましての方も、お久しぶりの方も、こんにちは! 「非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語」で設定を担当しました 非エンジニアの”うち”です! 2023年1月24日に公開された※ver.2.22のアップデート内容を触ってみた結果をご紹介します。 非エンジニア目線から

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

ウェビナー申込システムおける参照フィールドの活用方法

SPIRAL ver.2では、参照フィールドを上手く活用することで様々な機能を実装することができます。 本記事では「ウェビナー申込システム」を例にとり、実際の活用方法を解説いたします。 参照フィールドとは 参照フィールドは、同一アプリ内にある別DBのレコードを参照して、

設計情報 ver.2 high

カスタムプログラムの使いどころ

ver.2.22 より、カスタムプログラムがアクションに追加されました。 本記事では、活用例やサンプルプログラムなどを紹介しますので、活用する際にぜひ参考にしてください。 サポートサイトのスケジュールトリガのカスタムプログラムアクション(2.22)も合わせてご確認ください。 カスタムプログラ

設計情報 ver.2 low

セレクト項目権限設定のメリットと設定例

SPIRAL ver.2.22 のアップデートにより、アプリロールにセレクト項目権限設定機能が追加されました。 この記事では、セレクト項目権限設定機能がどんな機能かという説明と設定例をご紹介いたします。 セレクト項目権限設定とは アプリロールではフィールドごとに閲覧/作成/変更の権限

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

参照フィールド拡張(サイト対応) 概要

ver.2.22 より、参照フィールドのサイト対応が拡張されました。 本記事では、「参照フィールド拡張(サイト対応)」の概要をご紹介します。 参照フィールド活用方法は「ウェビナー申込システム」を例として記載している記事がありますので、詳細は以下記事をご参照ください。 活用方法 参照フ

【これから始める人向け】カスタマイズ記事まとめ

ナレッジサイト公式キャラクター「ぶいつーうさぎ」が、初心者の方向けにSPIRAL ver.2のカスタマイズの基本がわかる記事を紹介します! ぶいつーうさぎ@SPIRAL®︎ナレッジサイト公式 カスタマイズの第一歩!デザインを変更してみよう 2022年11月9日 (水) デザイン系特集 コピペCSSを使うとシンプルで使...

設計情報 ver.2 low

申込/キャンセルフォームの簡易設計方法と考え方

よくお問い合わせいただく、キャンセルフォームの簡易設計と考え方についてご紹介します。今回はすべて標準で提供される機能で構築できる内容です。 簡易フロー 今回のフローの全体は下図のような設定を想定しています。 申込を受け付ける申込フォームとキャンセルを受け付けるキャンセルフォー

リクエストボードからご要望があった記事特集

リクエストボードとは リクエストボード は、コンテンツに関しての要望、掲載内容の不具合や改善点を投稿する機能です。 会員登録不要で、どなたでもご要望を投稿することができます。 この特集では、実際にリクエストボードからご要望が投稿されて作成した記事を一覧で紹介いたします。 記事一覧 開発情報・ナレッジ ver.2 high...

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

完了画面でアップロードした画像を表示させるサンプルプログラム

登録・更新時の完了画面でアップロードされた画像を表示させるサンプルプログラムを作成いたしました。 写真投稿キャンペーンなどで、完了画面でアップロードされた画像を表示したい場合は、ぜひ参考にしてみてください。 また、ファイル添付時にサムネイルを表示させる強化ガジェ

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

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

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

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

レコード検索ブロックで項目を横並びにしたい

この記事では、レコード検索ブロックで項目をグループ化させて横並びにする方法を紹介いたします。 レコード検索ブロックで、姓名の項目を横並びにさせたい場合などにご活用ください。 グループ化とは 複数のフィールドをグループパーツ化してフォームページに表示させる機能です。 現在は登録フォ

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

ファイルアップロード時のデザインを変更したい

ファイルアップロード時のデザインは標準では変更することができませんが、フォームブロックを設置したページに少し手を加えることで変更可能になります。 本記事では、ファイルアップロード時のデザインをCSSを使用して変更する方法をご紹介します。 ファイルアップロード時 画面イメージ フォ

設計情報 ver.2 low

【デモ】法人向け動画配信 会員サイト

動画配信プラットフォーム「SmartSTREAM」とSPIRAL ver.2を連携したデモアプリです。 SmartSTREAMとは SPIRALの開発パートナーであるNTTスマートコネクト株式会社が提供する動画配信プラットフォームです。 詳しくは以下のページをご覧ください。 2022年12月26日(...

12月の新着記事

2022年12月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 2022年12月27日 (火) 動画で学ぶ SPIRAL ver.2 基本機能 ~【サイト管理】フォームブロック ~ 設計情報 ver.2 low 2022年12月27日 (火) 【デモ】法人向け動画配信 会員サイト 設計情報 ver.2 low ...

動画配信サービスと連携した会員向けサイト構築

変更・改定履歴 [ 2022.12.27 ] 追加 デモを追加しました。 本記事では、SPIRALと連携可能な動画配信サービスを用いた会員向けサイト構築についてご紹介いたします。 クッキーレス化による動向 昨今、クッキーレス化が進み「オウンドメディア運営」「ファーストパーティデータ活用」というキーワードを耳にすること...

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

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

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

設計情報 ver.2 low

スケジュールトリガ メールアクション(固定メールアドレス指定)設定時の注意ポイント

スケジュールトリガ メールアクションを使用して、担当者へ通知メールを配信するケースはよくあります。 固定メールアドレス指定での配信時に注意ポイントがありますので、本記事で紹介いたします。 スケジュールトリガ メールアクションとは スケジュ

設計情報 ver.2 low

DBトリガの使い道と活用例

SPIRAL ver.2のDBトリガは、様々なデータ処理やメール配信を自動化し、業務を効率化できる便利な機能です。 しかし、DBトリガは設定の自由度が高いため、仕組みを理解することが難しく、どのようなときに使える機能なのかが分からないという方も多いのではないかと思います。 そんな方のために、この

MKupdate vol.14「v1 vs v2 どっちがいいの?ガチトーク!」

MKupdate vol.14は「v1 vs v2 どっちがいいの?ガチトーク!」というテーマで、初の対談形式で開催いたしました。 よく比較される2つのSPIRALですが、どっちにしたら良いの?という疑問はユーザ様だけではなく実は当社内でも議論されています。 社内向けの勉強会ではありますが

11月の新着記事

2022年11月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 2022年11月30日 (水) 動画で学ぶ SPIRAL ver.2 基本機能 ~【アプリ管理】アプリロール / アプリ利用画面 ~ 開発情報・ナレッジ ver.2 middle 2022年11月24日 (木) よく使う正規表現のまとめ 設計情報 ...

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

よく使う正規表現のまとめ

正規表現とは、文字列の集合を一つの文字列で表現する方法となり、設定されたパターンにマッチするかを判定するものになります。 SPIRAL ver.2では、DBのフィールドの設定で正規表現による登録内容の制限ができるようになっています。 今回は、正規表現の記載方法について説明いたします。参考にしてみ

ブロックのソース解説

ブロックのソース解説とは SPIRAL ver.2の各ブロックではDBやフォームの設定、入力値などをページ上に反映するために、Thymeleafというテンプレートエンジンを使用しています。 DBやフォーム側の設定が自動で反映されるなど便利な反面、ソース編集時にThymeleafの記載が複雑で難しいと感じている方もいるかと思います。 そのよう...

Thymeleaf 特集

Thymeleaf とは Thymeleafは、SPIRAL ver.2で使用されているテンプレートエンジンです。 データ(SPIRAL ver.2やPHPで処理された値)と、テンプレート(HTML)を合体させ、値を置き換えたページを生成する仕組みとなります。 ページをカスタマイズするには必須のThymeleafですが、「初めて聞いた」...

設計情報 ver.1 middle

「定期実行」「外部接続ディレクトリ」を使用したデータバックアップ方法

万が一の場合に備えて、自動でデータバックアップを取りたいと思われたことはないでしょうか。 SPIRAL ver.1オプションの「定期実行」と「外部接続ディレクトリ」を使用することで実装可能です。 本記事ではデータバックアップ方法をご案内します。 事前準

デザイン系特集

デザイン系記事 とは デザイン系記事とはサイトのデザイン(見た目)のカスタマイズに関する記事です。 デザインのカスタマイズは後回しにされがちですが、サイトの見た目が与える印象や、使いやすさを決める大事な要素です。 この特集では、知識が無くても簡単に実装できるデザイン系の記事を一覧で紹介します。 デザイン系記事の一覧 ver.2 middle 202...

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

フォームブロックのコピペCSSをビジュアル設定のまま使える強化ガジェット

フォームブロックのコピペCSSをビジュアル設定のまま使用する強化ガジェットを作成いたしました。 コピペCSSを使ってみたいけどソース設定には切り替えたくない場合にぜひご活用ください。 フォームブロックのコピペCSSとは フォームブロックやログインフォ

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

DBトリガのレコードアクションについて

フィールドタイプがファイルについて、 処理マッピングのアクション先DBフィールドでは、このフィールドが表示されず、 追加できません。また、同期処理も行われません(エラーも出力されません)。 フィールドタイプにファイルが含まれないDBについては、 正常に同期ができております。何が原因なのか、ご教授願います。 SPIRERS ナレッジ向上チーム フィールドタイプがファイルのフィールドは、レコードアクシ...

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

登録フォームの完了ステップでの登録データの取得について

完了ステップにて「getRecordValue()」を用いて登録データを取得し、他アプリのDBにコピーする処理をしております。「完了動作タイプを設定」の場合は問題ありませんが、「完了動作タイプをサイト内ページ」に設定すると実行されません。これは、完了ステップでのPHP処理より先にリダイレクトが実行されるためでしょうか? SPIRERS ナレッジ向上チーム ご認識の通りです。 登録フォームブロックの...

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

登録フォームブロックのステップ取得について

SPIRALで作成した登録フォームのページに遷移した直後のステップ番号が不定で取得されます(本来なら番号の"1"が取得される)。 次のステップ以降へ遷移した場合は、正常な番号が取得できます。また、ステップ2からステップ1へ戻った場合は、正常な番号"1"が取得できます。何故、ページ遷移直後のステップ番号が、不定になるのでしょうか? ご教授の程、よろしくお願いい...

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

更新フォームブロックのインプットタグ解説

更新フォームブロックのインプットタグ部分の構造や役割を解説いたします。 更新フォームブロック全体のソースについては「更新フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照く

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

更新フォームブロックのソース解説

更新フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「更新フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、T

SPIRAL ver.2ではじめてメール配信してみた

こんにちは、桂嶋です。 先月からニュースレターの担当をしているのですが、その時に初めてSPIRAL ver.2でメール配信をしました。 現在SPIRAL ver.2を検討している方や、ver.1と異なる点が気になる方の参考になるかもしれないので、感想などを書いていこうと思います。 配信画面がシンプルになり初見で...

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

ボタンのクリックに応じて処理を実行する方法について

現在SPIRAL ver.2にてサイト作成を実施しております。 ボタンが押下された場合とされていない場合で処理を分けたいと考えているのですが以下のコードで試してみたところ上手く実装できませんでした。 このような処理を実装したい場合どのように記載すればよいかご教示いただきたいです。 ▼PHP <?php ifisset$_POST['click'] { // ボタンを押した...

10月の新着記事

2022年10月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 high 2022年10月28日 (金) APIメソッドごとのサンプルコードまとめRecord File 設計情報 ver.2 low 2022年10月25日 (火) DBトリガを使用して「メール送信」「配信フラグ自動解除」を行いたい 開...

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

削除フォームブロックのソース解説

削除フォームブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、Thymeleaf関連記事をまとめた Thymeleaf特集 も是非ご覧ください。 関連記事はこち

設計情報 ver.2 low

DBトリガを使用して「メール送信」「配信フラグ自動解除」を行いたい

アプリ利用画面から特定会員に対してメール配信を行いたいが、レコード更新のたびに配信はしたくないという要望や、 自動で配信フラグを降ろしたいという要望をよくお聞きします。 実は" DBトリガ "を組み合わせて使用することで実現できます!

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

初回タブ起動時のみの動作について

現在SPIRAL ver.2にてサイト作成を実施しています。 HTMLとPHPにて初回タブ起動時のみの動作・レイアウトを設定したいのですが、その場合それぞれどのような記載をすれば実現可能かご教示いただきたいです。(ページを再読み込みした際にはその動作やレイアウトは反映されないようにしたいです。) よろしくお願いいたします。 SPIRERS ナレッジ向上チーム 初回タブ起動時の定義によって最適な実装...

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

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

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

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

ユーザー情報の取得方法について

現在認証エリアを使用したサイト作成を実施しております。 その中でログインしているユーザーの情報を取得し、その値を利用してPHPにてコードを組みたいと考えているのですが、どのようにすればログイン中のユーザー情報を取得して利用できるかご教示いただきたいです。 よろしくお願いいたします。 SPIRERS ナレッジ向上チーム 認証エリアにログインしているユーザーの情報(認証レコード値)は、 getAuth...

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

認証エリアでのログイン履歴の取得方法について

現在、認証エリアを使用したサイトの作成を実施しています。 作成したサイトにログインする際にログイン履歴を取得できるようにしたいと考えているのですが、SPIRAL ver.2で用意されている機能にてそのようなことは実現可能でしょうか? ご教授の程、よろしくお願いいたします。 SPIRERS ナレッジ向上チーム 認証エリアへのログイン履歴を取得する機能は、現在SPIRAL ver.2に実装されていませ...

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

パスワード再登録フォームの入力項目について

現在、認証エリアを使用したサイトの作成を実施しています。 標準で用意されているパスワード再登録フォームではIDを入力することで登録されているメールアドレスにメールを送信していると思うのですが、これをID+メールアドレスの入力に変更し、IDとメールアドレスの組み合わせがあっている場合に登録されているメールアドレスにメールを送信するように仕様を変更したいのですがこのようなことは実現可能でしょうか? ご...

【これから始める人向け】DBトリガ記事まとめ

ナレッジサイト公式キャラクター「ぶいつーうさぎ」が、初心者の方向けにDBトリガのおすすめ記事を紹介します! ぶいつーうさぎ@SPIRAL®︎ナレッジサイト公式 初めてのDBトリガ 2021年12月14日 (火) MKupdate vol.3「SPIRAL ver.2.18 DBトリガ」 最初はDBトリガをシンプルに使...

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

フォームURLの一部を独自ドメインにする設定方法

SPIRAL ver.1 で作成したフォームは同一URLで動作する仕組みとなるため、 「初回アクセスURLを独自ドメインにしたい」や「アクセス解析のためにサンキューページURLを独自ドメインにしたい」というご希望をよくお聞きします。 本記事では、入力ページ および サンキ

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

Teams に登録通知を行う方法

フォームからデータが登録された際に、Teams に通知を行いたい!という要望は多いかと思います。 通知する手順をまとめましたので、ぜひ参考にしてみてください。 SPIRAL ver.1 では、メールを利用して通知する方法とWebHookを利用して通知する方法から選ぶことができます。 利用

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

Teams に登録通知を行う方法

フォームからデータが登録された際に、Teams に通知を行いたい!という要望は多いかと思います。 通知を飛ばす手順 および サンプルプログラムを作成しましたので、 通知機能を作成したい方はぜひ参考にしてみてください。 変更・改定履歴 [ 2023.01.04 ] 改定 登録データ追加時に5

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

SLACK に登録通知を行うサンプルプログラム

フォームからデータが登録された際に、SLACK に通知を行いたい!という要望は多いかと思います。 通知を飛ばす手順 および サンプルプログラムを作成しましたので、 通知機能を作成したい方はぜひ参考にしてみてください。 変更・改定履歴 [ 2023.01.04 ] 改定 登録デ

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

ビジュアル設定デザインをソース設定フォームで使用したい

ソース設定フォームブロックのデザインを施す際に、ビジュアル設定で設定できるデザインを使用したいと思われたことはないでしょうか。 そんな時におすすめな方法がありますので、本記事でご案内いたします。 おすすめな方法 1からソースを書き換えるのは大変ですが、デザインを施した

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

フォームの送信完了後にAPIでメール配信をするサンプルプログラム

SPIRAL ver.2のフォームのメールアクションでは、登録や更新があったレコードのメールアドレスにメールを送信することはできますが、複数のレコードや他DBのレコード宛てにメールを送信することはできません。 フォームの送信完了後に、条件に当てはまる複数のレ

9月の新着記事

2022年9月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 high 2022年9月30日 (金) APIメソッドごとのサンプルコードまとめ Record (batch) 開発情報・ナレッジ ver.2 high 2022年9月30日 (金) フォームの送信完了後にAPIでメール配信をするサンプルプログ...

公式ツイッター&キャラクター爆誕!!

ナレッジサイトの公式ツイッターとキャラクター「ぶいつーうさぎ」を紹介します! ツイッター開設の経緯 これまでSNSはfacebookページの運用のみを行っていました。 もっとタイムリーな情報発信ができ、かつユーザ様やSPIRALに興味をもってくれている方々と気軽にコミュニケーションが取れる方法はないかと考え、開設に至りました。...

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

クエリパラメータのsortについて

クエリパラメータのsortですが、複数フィールドの指定は可能でしょうか? (SPIRAL ver.2 APIリファレンスを見る限りは記載されていない) SQLの「order by」のような使い方を望んでおります。  例)sort=item:asc, sum:desc,... ご教授の程、よろしくお願いいたします。 SPIRERS ナレッジ向上チーム レコード一覧取得APIの sortに指定できるフ...

非エンジニアが内製化支援サービスを使ってWEBアプリを内製してみた感想

この記事では「非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語(以下、本取り組み)」で設定を担当した”うち”の目線から、スパイラル株式会社が提供する内製化の支援サービスに対する感想を記載しています。 変更・改訂履歴 [ 2023.06.01 ] 改訂 会社名を変更 はじめに こんに...

運用情報 ver.1 low

ログインログの対象者を特定できるマイエリアログ照合シート

マイエリアのログイン・ログアウトログとデータベース登録データの照合用にお使いいただけるシートを紹介いたします。 「所定の時間に誰がログインしたのかを確認したい」、「ログインできない方の情報やログインエラー内容を確認したい」といった場合に役に立つシートですので、是非ご

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

記事名【お問い合わせ管理アプリ アプリ(DB・メール)設計・構築】に関する質問

現在、下記記事を見ながら、自習を進めております。 「お問い合わせ管理アプリ アプリ(DB・メール)設計・構築」 https://knowledge.spirers.jp/article/design/detail/4164 当該記事内「●メールアクションについて」の「▼【④お問い合わせ再質問通知メール】お問い合わせコメントDB登録トリガの非同期アクション設定」の箇所に関してなのですが、お問い合わせ...

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

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

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

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

登録フォームの完了動作をサイト内ページに遷移させたときのPOST送信について

登録フォームをソース設定にしてinputタグのhiddenを追加し、サイト内ページに 値を渡そうとしているのですが渡せません。 因みにページをソース設定にし、bodyに直接htmlを記述した場合は正常に渡せます。 例)  〇ページのPHP   $SPIRAL->setTHValue("pid", $pid);  〇ページの登録フォーム   <input type=&...

運用情報 ver.2 low

担当者ごとのアカウント権限設定パターン

SPIRAL ver.2のアカウントを発行した後に、様々な役割の担当者をアカウントへ招待しなければなりません。 アカウント管理を行う方、アプリ開発を行う方、運用業務を行う方、 それぞれの担当者に対してどのようなアカウント権限を付与するのが適しているかご案内します。 変更・改定履歴 [

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

IPアドレスとユーザーエージェントを自動取得するサンプルプログラム

標準機能では、IPアドレスとユーザーエージェントをサイト側から自動取得することができません。(ver.2.20時点) サイト側から登録する際に、IPアドレスとユーザーエージェントを取得し、更新させるPHPのサンプルプログラムを紹介します。 参考になれば幸い

非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語

当社が提供している内製化支援を使ってLINE連携アプリを内製する全7話の物語。 内製化支援を検討中の方におすすめの記事です。 記事一覧 第1話「要求整理編」 第2話「要件定義編」 第3話「DB・LINEアカウント作成編」 第4話「登録フォーム・認証エリア作成編」 第5話「LINE連携編①」 第6話「LI...

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

ページ画面での「保存」ボタンについて

ページ画面のPHPまたはCSSなどの編集にて、編集しているにも関わらず「保存」ボタンがグレーアウトのままで保存できない事が多々あります。現状では他の画面に移るときの「警告ポップウィンドウ」にて変更を破棄し、もう一度編集からやり直して「保存」しております(このときは保存できます)。 この症状についての確認をお願いいたします。 SPIRERS ナレッジ向上チーム ご投稿いただいた不具合について確認させ...

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

APIで呼び出した値に文字数制限をかける方法について

APIで呼び出した値に文字数制限をかけて表示したいと考えています。 その際にmb_substr関数を使用したいのですが「500 Internal Server Error」となってしまい使用できない状況です。 この関数はSPIRAL ver.2にて対応していますでしょうか? ※SPIRAL ver.2にてsubstr関数を使用できるのは確認済みなのですが、文字数制限をかけたい値が日本語と半角英数字...

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

PDF帳票のPDFテンプレートについて

お世話になります。 PDF帳票のPDFテンプレートにつきましてご質問です。 以下のサイトを参考に作成しております。 https://support.smp.ne.jp/manuals/db/pdf_report1/ Adobe Acrobat Pro以外のアプリでフォーム設定を行うことはできるのでしょうか。 以上、よろしくお願いいたします。 SPIRERS ナレッジ向上チーム Ato yamagu...

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

入力フィールドが存在しないフォームを作成したい

メールマガジンアプリであれば「配信停止フォーム」、会員サイトアプリであれば「会員退会フォーム」など、 利用用途に応じて入力フィールドが存在しないフォームを作成することがあります。 SPIRAL ver.2で作成する際にご注意いただく点がありますので、本記事でご案内いたします。

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

PHPのclass内の「cURLライブラリ」の記述について

PHPのclass内に「cURLライブラリ」を用いた記述をしたいのですが、 認識できずにエラーが出力されます。class内では利用できないのでしょうか? ご教授の程、よろしくお願いいたします。 例) class db_select {  .  .  //実行結果を文字列で取得できるように設定  curl_setopt$curl, CURLOPT_RETURNTRANSFER, true;  .  ...

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

レコードリストで使えるコピペCSS 「カスタムデザイン」

レコードリストブロックやレコード検索ブロック、レコードアイテムブロックにコピペするだけで使えるCSSを作成しました。 ビジュアル設定が使えないこれらのブロックでも、見た目をカスタマイズすることが可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意点などを説明し

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

セレクトフィールド 入力コントロールを変更したい

フォームブロック上でのセレクトフィールド入力コントロールは「ラジオボタン」と「プルダウン」が選択できます。 ビジュアル設定の場合はフィールド設定画面で入力コントロールの切り替えが可能ですが、ソース設定の場合はソース全体を入れ替える必要があります。 本記事ではソース入れ替え方法

非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その⑥

こんにちは、プランニング部です。第6話【LINE連携】編②です。 LINE連携実装の続きをやってくよ 変更・改訂履歴 [ 2023.06.01 ] 改訂 会社名を変更 おさらい 第5話:非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その⑤ 内製化支援とは 専任のSPIRAL

8月の新着記事

2022年8月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 low 2022年8月31日 (水) LINE会員アプリアプリ(DB・メール)設計・構築 開発情報・ナレッジ ver.2 high 2022年8月31日 (水) LINE会員アプリサイト設計・構築 運用情報 ver.2 low 2022年8月31日 (水...

【最終話】非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その⑦

こんにちは、プランニング部です。第7話【切り分け診断】編です。 いよいよ最終回、どんな結末になるのでしょうか!? おさらい 第6話:非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その⑥ 内製化支援とは 専任のSPIRALエンジニアによる開発支援体制を提供します。

運用情報 ver.2 low

LINE会員アプリ ユーザ・グループ・アプリロール設定

多くの方が利用されているLINEとSPIRAL ver.2を連携した、LINE会員アプリをご紹介します。 会員登録後はお問い合わせができ、自身のお問い合わせの履歴確認や自身宛の通知やお知らせの確認も可能です。 この記事は ユーザ・グループ・アプリロール設定 のフェーズ

運用情報 ver.2 low

LINE会員アプリ デモ申請方法

実際にLINE会員アプリの会員登録者側と運営者側の操作感を味わっていただけるようデモを用意いたしました。 この記事ではデモ紹介やデモ申請手順、ご留意点などをご案内いたします。 LINE お問い合わせデモを確認 スマホ確認用 友だち追加QRコード  デモを確認するためには、LINEの連携が必

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

LINE会員アプリ サイト設計・構築

多くの方が利用されているLINEとSPIRAL ver.2を連携した、LINE会員アプリをご紹介します。 会員登録後はお問い合わせができ、自身のお問い合わせの履歴確認や自身宛の通知やお知らせの確認も可能です。 この記事は サイト設計・構築 のフェーズとなります。 LINE お問い合わせ

プロジェクトの使い方

”プロジェクト”の使い方についてご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 プロジェクトは、ひとつのボード内に複数作成が可能です。 プロジェクト内では、お問い合わせやドキュメント、メモの登録・管理が可能です。 変更・改訂履歴 [ 2023.05.12 ] 改訂 チャットから現行のお問い合わせ方法に記載を修正 ”プロジ...

お問い合わせの仕方

spirers board(スパイラーズボード)のお問い合わせの仕方をご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 疑問とその解消を履歴として残し、ブラックボックス化を回避できます。 変更・改訂履歴 [ 2023.05.12 ] 改訂 チャットから現行のお問い合わせ方法に記載を修正 お問い合わせを開始する 「お問い合わせ...

運用情報 ver.1 low

配信対象者を特定できる配信ログ照合シート

配信ログとデータベース登録データの照合用にお使いいただけるシートを紹介いたします。 「配信対象者の特定を行いたい」、「クリックカウントURLをクリックした人のメールアドレス以外の情報を確認したい」、「配信エラーになった人のメールアドレス以外の情報を確認したい」といった場合に役に立つ

ボードトップの使い方

ボードの説明やボードトップの画面構成についてご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 ボードトップからspirers boardの各種機能にアクセスできます。 変更・改訂履歴 [ 2023.05.12 ] 改訂 チャットから現行のお問い合わせ方法に記載を修正 ”ボード”とは ボードは、spirers boardの利...

<ボード管理者向け>ユーザー招待の仕方​

ユーザー招待の仕方をご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 spirers board(スパイラーズボード)は、管理者様からの招待でユーザがボードに参加できるようになります。 管理者画面にログインする ログインURLにアクセスします。 https://pb-spirersboard-se...

お問い合わせ履歴の閲覧方法​

お問い合わせ履歴と閲覧方法についてご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 お問い合わせ履歴は2つのレイヤーで閲覧することができます。  ①ボード:ボード参加者のお問い合わせ履歴を閲覧できます。  ②プロジェクト:プロジェクトメンバーのお問い合わせ履歴を閲覧できます。 変更・改訂履歴 [ 2023.05.1...

ドキュメントの活用方法

”ドキュメント” の使い方・活用方法をご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 ドキュメントは2つのレイヤーで管理することができます。  ①ボード:ボード参加者でドキュメントを共有できます。  ②プロジェクト:プロジェクトメンバーでドキュメントを共有できます。 変更・改訂履歴 [ 2023.05.12 ] 改訂 ...

メモの活用方法

”メモ” の使い方・活用方法をご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 メモは2つのレイヤーで管理することができます。  ①ボード:ボード参加者でメモを共有できます。  ②プロジェクト:プロジェクトメンバーでメモを共有できます。 変更・改訂履歴 [ 2023.05.12 ] 改訂 チャットから現行のお問い合わせ方法に記載...

spirers boardのはじめ方

spirers board(スパイラーズボード)のはじめ方をご紹介します。 ※内製化支援にご契約のユーザ様がご利用いただけます。 変更・改訂履歴 [ 2023.06.01 ] 改訂 会社名を変更   事前準備 招待メールから参加 管理者から以下の招待メールを受け取り、記載のURLにアクセスの上、spirers boardにご参...

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

指定した文字列の半角⇔全角の変換方法について

PHPにて指定した文字列の半角⇔全角の変換を行いたいと考えています。 その際にmb_convert_kana関数を利用したいのですが、こちらを使用したところ「500 Internal Server Error」が発生してしまい上手く動作できない状況です。 こちらの関数は使用することができますでしょうか? また代替の方法がございましたらご教示いただけますと幸いです。 SPIRERS ナレッジ向上チー...

設計情報 ver.1 low

【デモ】協会・団体向け 会員サイトシステム

SPIRAL ver.1 を使って、協会・団体向けの会員サイトシステムを構築したデモアプリです。 協会や団体に属する法人(会員)の入会・変更などの各種申請業務をオンライン化することで効率的に会員情報を管理しながら、会員との快適なオンラインコミュニケーションを実現します。 デモアプリ概要 このデモアプリで...

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

ログインの有無によって登録フォームに値を引継ぐ

登録フォームを開いた際に、会員DBに登録済みのデータは自動で入力させたい場合のカスタマイズ方法をご紹介いたします。 データが引き継がれて入力の手間が省けることはもちろんのこと、他にも様々なメリットがあるため、ぜひ活用してみてください。 イメージ 1つのフォームブロックを認証ペ

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

全角半角を区別せず空白と改行を無視したレコード抽出方法について

現在、SPIRAL ver.2にてサポートサイトの以下のサンプルプログラムを参考にAPIを利用してテキストエリアの内容から検索対象の文字列を含むレコードを抽出する検索プログラムを構築しています。 https://support.spiral-platform.com/api/6286.html 検索対象となるテキストエリアのデータは全角半角が混在し、文脈に関係なく空白や改行も含まれているデータとな...

非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その⑤

こんにちは、プランニング部です。第5話【LINE連携】編①です。 いよいよ本命のLINE連携に突入します! 変更・改訂履歴 [ 2023.06.01 ] 改訂 会社名を変更 おさらい 第4話:非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その④ 内製化支援とは SPIRAL

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

完了ページでLINEのリッチメニューを切り替えるサンプルプログラム

ユーザの情報登録状況に応じて、リッチメニューを出し分けるサンプルプログラムを作成いたしました。 SPIRAL ver.2とLINEを連携して認証エリアにログインさせるような会員サイトを作成しようと思っている方は、ぜひ参考にしてみてください。 関連記事はこち

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

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

LINEのアカウント情報を API を利用して SPIRAL ver.2 に登録を行い、認証エリアにログインさせるサンプルプログラムを作成いたしました。 SPIRAL ver.2とLINEを連携して認証エリアにログインさせるような会員サイトを作成しようと思っ

設計情報 ver.1 high

【SPIRAL 活用例】リアルタイムアンケートシステム

パイプドビッツ(旧社名)社内で、すごいで賞を受賞したリアルタイムアンケートシステムを紹介します。 すごいで賞は、遊び心も含め、会社が盛りあがるような記録を達成した個人または組織に表彰される賞です。 SPIRALで開発したウェビナー視聴画面で、個人を特定してリアルタイムで

非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その④

こんにちは、プランニング部です。第4話【会員登録フォーム・認証エリア作成】編です。 ついにサイト作成だ! 変更・改訂履歴 [ 2023.06.01 ] 改訂 会社名を変更 おさらい 第3話:非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その③ 内製化支援とは SPIRALエン...

運用情報 ver.2 low

お問い合わせ管理アプリ ユーザ・グループ・アプリロール設定

チャットのような形式でやり取り可能なお問い合わせ管理デモを作成しました。 アプリ側でもやり取りの履歴が確認でき、相互コミュケーションがとれるアプリケーションです。 この記事は ユーザ・グループ・アプリロール設定 のフェーズとなります。 お問い合わせ管理アプリデモを

設計情報 ver.2 low

お問い合わせ管理アプリ アプリ(DB・メール)設計・構築

チャットのような形式でやり取り可能なお問い合わせ管理デモを作成しました。 アプリ側でもやり取りの履歴が確認でき、相互コミュケーションがとれるアプリケーションです。 この記事は アプリ(DB・メール)設計・構築 のフェーズとなります。 お問い合わせ管理デモを確認 関連

7月の新着記事

2022年7月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 設計情報 ver.2 low 2022年7月29日 (金) お問い合わせ管理アプリアプリ(DB・メール)設計・構築 開発情報・ナレッジ ver.2 middle 2022年7月29日 (金) お問い合わせ管理アプリサイト設計・構築 運用情報 ver.2 low 2022年7月...

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

お問い合わせ管理アプリ サイト設計・構築

チャットのような形式でやり取り可能なお問い合わせ管理デモを作成しました。 アプリ側でもやり取りの履歴が確認でき、相互コミュケーションがとれるアプリケーションです。 この記事は サイト設計・構築 のフェーズとなります。 お問い合わせ管理デモを確認 関連記事はこちら アプリ(DB・メー

運用情報 ver.2 low

お問い合わせ管理アプリ デモ申請方法

実際にお問い合わせ管理アプリのお問い合わせ者側と運営者側の操作感を味わっていただけるようデモを用意いたしました。 この記事ではデモ紹介やデモ申請手順、ご留意点などをご案内いたします。 お問い合わせ管理アプリデモを確認 設計・開発・運用関連の記事はこちら アプリ(DB・メール)設計・構築

「内製化ニーズはホントにあるの?」現場の声をお届けするトークセッション

7月6日(水)にウェビナー「新しい開発の選択肢。これからの内製化とは?」を開催いたしました。 本記事ではメインコンテンツである第二部の内容と当日頂いた質疑応答を公開いたします。 登壇者紹介 内製化支援事業本部から3名とゲスト1名が登壇しました。 プランニング部 部長の黒岩です。子供(娘)と出かけるの...

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

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

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

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

すぐに使える!ヘッダ&フッター テンプレート

ページにすぐに実装できるヘッダとフッターのテンプレートを用意しました。 ロゴやメニューがカスタマイズでき、スマホ表示にも対応しています。 この記事ではテンプレートの設定方法やカスタマイズ方法、実装時の注意点などを説明していきます。 変更・改定履歴 [ 2023.01.16 ]

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

レコード検索ブロックのソース解説

レコード検索ブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 関連記事はこちら 登録フォームブロックのソース解説 登録フォームブロックのインプットタグ解説 更新フォーム

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

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

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

非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その③

こんにちは、プランニング部です。第3話【DB・LINEアカウント作成】編です。 第2話では内製化支援チームから要求事項に対する想定フローの説明を受け、DB設計まで完了しました。 ロードマップ上ではSTEP2に移り、いよいよ開発がスタートします! がんばります 変更・改訂履歴 [ 2023.06.

設計情報 ver.2 low

MKupdate vol.10「SPIRAL ver2.20 + 活用例」

2022年6月29日にアップデートするSPIRAL ver.2.20の新機能 / 機能改善の概要をご紹介します。 新機能「サイトファイル」の実装により、CSSのファイルや画像のファイルを設置できるようになったほか、管理画面の利便性が向上しています。

【内製化したい人向け】SPIRAL ver.2で、できること

本記事ではSPIRAL ver.2で内製化を検討している方に向けて、SPIRAL ver.2でできることをや特徴をまとめています。ツール選定時の参考になれば幸いです。 この記事はこんな人に向いてます ・SPIRAL ver.2の導入を検討している ・SPIRAL ver.1との違いが知りたい、移行を検討している...

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

Thymeleafの実用例

ver.2 を使ってサイトを作る際に使用する Thymeleaf の小技を実用例を元に紹介します。 変更・改定履歴 [ 2022.07.29 ] 改定 「レコードID」の記述を「フィールドID」に変更 [ 2022.09.12 ] 追加 認証値の 日付/月日/時刻 の値を分解して表示する方法を追加...

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

ウェビナー管理アプリ サイト設計・構築

最近ではWeb会議ツールを使用したセミナー、ウェビナーが主流となってきています。 参加する側は気軽に参加ができ、運営する側はWeb会議ツールを用意するだけでよく会場の手配などが不要なので、両者にメリットがありそうです。 そんなウェビナー管理ですが、SPIRALver.2では申込受付から

運用情報 ver.2 low

ウェビナー管理アプリ ユーザ・グループ・アプリロール・APIエージェント設定

最近ではWeb会議ツールを使用したセミナー、ウェビナーが主流となってきています。 参加する側は気軽に参加ができ、運営する側はWeb会議ツールを用意するだけでよく会場の手配などが不要なので、両者にメリットがありそうです。 そんなウェビナー管理ですが、

運用情報 ver.2 low

ウェビナー管理アプリ デモ申請方法

実際にウェビナー管理アプリの申込者側と運営者側の操作感を味わっていただけるようデモを用意いたしました。 この記事ではデモ紹介やデモ申請手順、ご留意点などをご案内いたします。 ウェビナー管理アプリデモを確認 設計・開発・運用関連の記事はこちら アプリ(DB・メール)設計・構築 サイト設計・構

設計情報 ver.2 low

ウェビナー管理アプリ アプリ(DB・メール)設計・構築

最近ではWeb会議ツールを使用したセミナー、ウェビナーが主流となってきています。 参加する側は気軽に参加ができ、運営する側はWeb会議ツールを用意するだけでよく会場の手配などが不要なので、両者にメリットがありそうです。 そんなウェビナー管理ですが、SPIRALver.2

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

レコードアイテムブロックのソース解説

レコードアイテムのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 関連記事はこちら 登録フォームブロックのソース解説 登録フォームブロックのインプットタグ解説 更新フォームブ

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

同じフォームブロックをマイエリアとマイエリア外両方で利用する方法について

既存の会員サイトの会員及び非会員を対象にした先着500名で締め切るキャンペーンフォームを作成しています。 会員はログインした後に既に登録済みの情報を入力せずに回答、非会員はすべて入力してえ回答させたいと考えています。 サポートのクリックログインアンケート(https://support.spiral-platform.com/frompurpose/6919.html)を見る限りだとフォームを分け...

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

フォームで使えるコピペCSS 「テーブルデザイン」

フォームブロックやログインフォームにコピペするだけで使えるCSSを作成しました。 今回は、表形式のシンプルな「テーブルデザイン」です。 グレー系の落ち着いたデザインですが、カスタマイズして自由な色を使用することも可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意点

運用情報 ver.2 low

MKupdate vol.9「時代の変化に合わせた提案を」

今回は、「時代の変化に合わせた新しい提案を」をキーワードに、企業のIT動向の変化や、その変化に合わせた提案方法についてご説明いたします。 また、その提案を手助けする2つのツールとして、「SPIRAL ver.2プロダクト案内資料」と「SPIRAL ナレッジサイト」

6月の新着記事

2022年6月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 運用情報 ver.2 low 2022年6月28日 (火) MKupdate vol.9「時代の変化に合わせた提案を」 開発情報・ナレッジ ver.2 middle 2022年6月27日 (月) ページにWebフォント(Google Fonts)を使用する方法 開発情報・ナレ...

非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その②

こんにちは、プランニング部です。第2話【要件定義】編です。 第1話では内製化支援チームが要求事項に対する想定フローを検討するというところで終了しました。 今回は、その後の内製化支援チームとの打ち合わせからスタートです! どんなフローになるんだろう?わくわく 変更・改訂履歴 [ 2023.06.0

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

レコードリストブロックのソース解説

レコードリストブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 関連記事はこちら 登録フォームブロックのソース解説 登録フォームブロックのインプットタグ解説 更新フォ

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

AWSのS3との連携方法について

現在SPIRAL ver.2を利用しているのですが、AWSのS3と連携したいと考えています。 具体的にはS3に置いたファイルをSPIRALで作成したアプリ上で表示したいと考えています。 SPIRALからS3に対し「URL直接指定での表示」は実装確認しましたが、セキュリティ面での対応の為、例えば「APIを呼び出しファイル情報をSPIRAL側に持たせた後、クライアントにプレビュー表示させる」といった別...

システム内製化で提案依頼書(RFP)は不要!?押さえておくべき3つのポイント

本記事は内製化支援を行っているプランニング部が、システムの自社製作(内製)を行う上で押さえておくべきポイントを3つ解説しています。スパイラル株式会社が提供する内製化支援の利用を想定した内容になっていますが、内製化をすすめる際に必要な観点となっていますので、ぜひ参考にしてみてください。 この記事

非エンジニアが内製化支援サービスを使ってWEBアプリを内製する物語 その①

こんにちは、プランニング部です。 少しずつ内製化支援の周知が進んできておりますが、具体的にどこまで支援をしてもらえるのか?無料のユーザーズデスクとは何が違うのか?などの質問をよくいただきます。 まだ公開できる事例がないので、プランニング部が自ら内製化支援を使い、内製する過程を公開していきます。

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

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

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

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

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

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

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

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

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

ウェビナー「新しい開発の選択肢。これからの内製化とは?」を開催しました。

5月12日(木)に内製化支援事業本部でウェビナーを開催しました!当本部では初めてのウェビナーでしたが、沢山質問を頂き皆様に有意義な時間を提供できたのではないかと思います。本記事ではウェビナー内容の抜粋と当日回答しきれなかった質疑応答を公開いたします。 変更・改訂履歴 [ 2023.06.01 ] 改...

設計情報 ver.2 low

フィールドタイプの選び方

SPIRAL ver.2でDBを作成するときに、フィールドのどのタイプを使用するべきか判断が難しいことがあると思います。 この記事では、どのフィールドタイプを使うべきか判断する方法や間違えやすいポイントを、例を挙げながら紹介していきます。 変更・改定履歴 [ 2022.11.04 ] 改定 同意チェ...

運用情報 ver.2 low

【ユーザ・グループ・アプリロール】権限付与の3大ポイント

SPIRAL ver.2の大きな特徴として、アカウント管理者は運用担当者や設定担当者などのユーザをアカウントへ招待し、適切な制限の中で安心して利用できるようクリック操作で権限設定をすることが可能です。 詳しくは アカウントとユーザ をご覧ください。 権限は何通りも設定

5月の新着記事

2022年5月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 開発情報・ナレッジ ver.2 low 2022年5月9日 (月) フォームで使えるコピペCSS 「シンプルモダン」 開発情報・ナレッジ ver.2 low 2022年5月20日 (金) ページにデフォルトフォントを指定する方法 設計情報 ver.2 low 2022年5月27...

設計情報 ver.2 low

会員サイト アプリ(DB)設計・構築

Web申請アプリ、 キャンペーン応募アプリでは、さまざまな用途のフォーム作成ができることを紹介してきましたが、 実はSPIRAL ver.2はフォームだけではなく、CMS(コンテンツ マネジメント システム)のように会員サイトの作成も可能です。 ※ CMS(コンテンツ マネジメント シ

運用情報 ver.2 low

会員サイトアプリ デモ申請方法

実際に会員サイトアプリの会員側と運営側の操作感を味わっていただけるようデモを用意いたしました。 この記事ではデモ紹介やデモ申請手順、ご留意点などをご案内いたします。 会員サイトデモを確認 設計・開発・運用関連の記事はこちら アプリ(DB)設計・構築 サイト設計・構築 ユーザ・アプリロール・グ

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

会員サイトアプリ サイト設計・構築

Web申請アプリ デモ、 キャンペーン応募アプリ デモでは、さまざまな用途のフォーム作成ができることを紹介してきましたが、 実はSPIRAL ver.2はフォームだけではなく、CMS(コンテンツ マネジメント システム)のように会員サイトの作成も可能です。 ※ CMS(コンテンツ マネジ

運用情報 ver.2 low

会員サイトアプリ ユーザ・アプリロール・グループ設定

Web申請アプリ、 キャンペーン応募アプリでは、さまざまな用途のフォーム作成ができることを紹介してきましたが、 実はSPIRAL ver.2はフォームだけではなく、CMS(コンテンツ マネジメント システム)のように会員サイトの作成も可能です。 ※ CMS(コンテンツ

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

ページにデフォルトフォントを指定する方法

SPIRAL ver.2で作成したページは、基本的にフォントの指定がされていません。 この記事では、フォントの指定が無いときにどのようなことが起こるのかを説明し、フォントの指定場所とおすすめのフォント指定を紹介いたします。 Webフォントを利用したい場合は、ページにWebフォント(

システム内製化が上手くいくチームとは?

本記事は内製化支援を行っているプランニング部が、システム内製化が上手くいくチーム作りについて詳しく解説しています。現状に課題を感じている方へのヒントやこれから内製化に取り組む方には知っておいていただきたい内容となっておりますので最後まで読んでみてくださいね! この記事はこんな人に向いてます ・システム内製化を検討している ・システ...

非エンジニア目線から解説!システム内製時のつまづきポイントとは?

本記事は内製化支援を行っているプランニング部が、非エンジニア目線からWebシステムを内製する時につまづきやすいポイントを解説しています。今回ローコード開発ツール「SPIRAL® ver.2」を利用していますが、ローコード開発でシステムを内製化する際に役立つ内容になっていますのでぜひご参考ください。 この記...

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

フォームで使えるコピペCSS 「シンプルモダン」

フォームブロックやログインフォームにコピペするだけで使えるCSSを作成しました。 今回は、白をベースとしたシンプルな「シンプルモダン」のデザインです。 サイトカラーやコーポレートカラーに合わせてカスタマイズすることも可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意

DXとアジャイル開発の関係性とは?

本記事は内製化支援を行っているプランニング部が、DXにおけるシステム開発手法について詳しく解説しています。DXにはどの開発手法が向いているのでしょうか?重要なポイントだけをわかりやすくまとめていますので、ぜひ最後まで読んでくださいね! この記事はこんな人に向いてます ・DXを推進している ・アジャイル開発について知りたい ・システムの内...

4月の新着記事

2022年4月にアップされた新着記事を一覧でご紹介します。 新着記事一覧 運用情報 ver.2 low 2022年4月5日 (火) Web申請アプリ デモ 開発情報・ナレッジ ver.2 low 2022年4月8日 (金) 強化ガジェットの使い方と注意点 運用情報 ver.1 low 2022年4月12日 (火) EXPRESS2 配信設定のチェック...

運用情報 ver.2 low

キャンペーン応募アプリ デモ申請方法

SPIRAL ver.2でどのようなキャンペーンフォームが作成できるのかご覧いただくためにデモを用意いたしました。 この記事ではデモ紹介やデモ申請手順、ご留意点などをご案内いたします。 キャンペーン応募フォームデモを確認 設計・開発・運用関連の記事はこちら アプリ(DB・メール)設計・

設計情報 ver.2 low

キャンペーン応募アプリ アプリ(DB・メール)設計・構築

キャンペーンを実施しようとした際に応募フォームのデザインはリッチにしたい、LPページを併せて作成したいという要望が多いのではないでしょうか。 SPIRAL ver.2ではデザイン作成時のソース設定はもちろんのこと、実はLPページのような静的なWebページの作成もでき

運用情報 ver.2 low

キャンペーン応募アプリ ユーザ・アプリロール・グループ設定

キャンペーンを実施しようとした際に応募フォームのデザインはリッチにしたい、LPページを併せて作成したいという要望が多いのではないでしょうか。 SPIRAL ver.2ではデザイン作成時のソース設定はもちろんのこと、実はLPページのような静的なWebページの作成もで

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

キャンペーン応募アプリ サイト設計・構築

キャンペーンを実施しようとした際に応募フォームのデザインはリッチにしたい、LPページを併せて作成したいという要望が多いのではないでしょうか。 SPIRAL ver.2ではデザイン作成時のソース設定はもちろんのこと、実はLPページのような静的なWebページの作成もできます。 「キャン

設計情報 ver.1 low

【デモ】メール配信システム

SPIRAL ver.1 を使って、メール配信システムを構築したデモです。 こちらのデモはAPIとPHPによってEXPRESS2配信を実行しており、各種メール配信設定をすることができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 メール配信シ

設計情報 ver.1 low

【デモ】問い合わせ管理

SPIRAL ver.1 を使って、問い合わせ管理を構築したデモです。 公開画面であるお問い合わせフォームと、管理画面ではお問い合わせ対応やステータス管理などを行うことができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 問い合わせ管理 問い合わ...

設計情報 ver.1 low

【デモ】社内ポータルサイト

SPIRAL ver.1 を使って、社内ポータルサイトを構築したデモです。 ログインを行と閲覧可能な社内ポータルサイトとなります。 今回は、TOPページ のみ作成しておりますが、SPIRAL ver.1 で他ページの作成も可能です。 社内ポータルサイト サイト画面 ※デモで登録したデータは不特定

設計情報 ver.1 low

【デモ】アンケート管理・ギフト送付

SPIRAL ver.1 を使って、アンケート管理・ギフト送付を構築したデモです。 アンケートに回答してくれた方にギフト送信ができるシステムです。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 アンケート管理・ギフト送付 アンケート画面 管

設計情報 ver.1 low

【デモ】公開講座管理システム

SPIRAL ver.1 を使って、公開講座管理システムを構築したデモです。 ウェビナーの応募フォームから、講座・受講者の管理までできるようになっています。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 公開講座管理システム 公開画面 管理画面

設計情報 ver.1 low

【デモ】店舗検索管理システム

SPIRAL ver.1 を使って、店舗検索管理システムを構築したデモです。 公開画面では店舗一覧を表示し、管理画面では店舗の追加/更新などの管理をすることができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 店舗検索管理システム 公開画面

設計情報 ver.1 low

【デモ】FAQ管理

SPIRAL ver.1 を使って、FAQ管理を構築したデモです。 公開画面ではFAQ一覧を表示し、管理画面ではFAQの追加/更新などの管理をすることができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 FAQ管理 公開画面 管理画面 ※デモで登録し...

設計情報 ver.1 low

【デモ】サポート満足度調査

SPIRAL ver.1 を使って、サポート満足度調査を構築したデモです。 特定の相手に対してメールを送信してアンケートを実施したり、結果の閲覧や修正を見ることができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 サポート満足度調査 管理画面

設計情報 ver.1 low

【デモ】ホワイトペーパーダウンロード

SPIRAL ver.1 を使って、ホワイトペーパーダウンロードを構築したデモです。 ホワイトペーパーの一覧と追加・更新するなどの管理をすることができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 ホワイトペーパーダウンロード 公開

設計情報 ver.1 low

【デモ】コーポレートサイト

SPIRAL ver.1 を使って、コーポレートサイトを構築したデモです。 赤枠の部分に関しては実際に遷移することができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 コーポレートサイト サイト画面 ※デモで登録したデータは不特定多数が閲覧す

設計情報 ver.1 low

【デモ】エステサロンサイト

SPIRAL ver.1 を使って、エステサロンサイトを構築したデモです。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 エステサロンサイト サイト画面 ※デモで登録したデータは不特定多数が閲覧する可能性があります、必ずテストデータのみ登録お願いし

設計情報 ver.1 low

【デモ】住宅情報サイト

SPIRAL ver.1 を使って、住宅情報サイトを構築したデモです。 赤枠の部分に関しては実際に遷移することができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 住宅情報サイト サイト画面 ※デモで登録したデータは不特定多数が閲覧する可能性があ...

設計情報 ver.1 low

【デモ】旅行サイト

SPIRAL ver.1 を使って、旅行サイトを構築したデモです。 赤枠の部分に関しては実際に遷移することができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 旅行サイト サイト画面 ※デモで登録したデータは不特定多数が閲覧する可能性があります、必ず...

設計情報 ver.1 low

【デモ】給付金申請管理システム

SPIRAL ver.1 を使って、給付金申請管理システムを構築したデモです。 コロナなどで休業した店舗に対する給付金の申請など、各種給付金申請で SPIRAL ver.1 のフォームを活用いただけます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてくだ

設計情報 ver.1 low

【デモ】一覧レスポンシブデザインサンプル

SPIRAL ver.1 を使って、構築した一覧表デザインのデモです。 マルチデバイス対応となっていますので、PC/スマートフォンどちらの画面にも対応しています。 実際の画面で、どのようなデザインが構築できるのか確認してみてください。 お知らせ情報一覧 一覧画面 よくある質問 一覧

設計情報 ver.1 low

【デモ】出版業界サイト

SPIRAL ver.1 を使って、出版業界サイトを構築したデモです。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 出版業界サイト サイト画面 ※デモで登録したデータは不特定多数が閲覧する可能性があります、必ずテストデータのみ登録お願いします。 他に...

設計情報 ver.1 low

【デモ】不動産サイト

SPIRAL ver.1 を使って、不動産サイトを構築したデモです。 赤枠の部分に関しては実際に遷移することができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 不動産サイト サイト画面 ※デモで登録したデータは不特定多数が閲覧する可能性があります...

設計情報 ver.1 low

【デモ】セミナー管理システム

SPIRAL ver.1 を使って、セミナー管理システムを構築したデモです。 セミナーの申し込み受付や、セミナーの新規追加・更新などの管理を行うことができます。 実際の画面を操作して、SPIRAL ver.1 で構築できるシステムを体感してみてください。 セミナー管理システム 公開画面 管理画

運用情報 ver.1 low

EXPRESS2 配信設定のチェックリスト

メルマガ配信などでお客様に一斉送信をするとき、配信の設定がちゃんとできているか不安という方向けにチェックリストを用意しました。 こちらのチェックリストの手順に沿って、件名や文面、配信予約日時のチェックやテスト配信などを行うことで、メールの誤送信を防ぐことができます。 ぜひ、メール

DX人材不足を解消するローコード開発ツールの選び方

本記事は内製化支援を行っているプランニング部がDXを考えたDX人材不足を解消するローコード開発ツールの選び方を詳しく解説しています。 トレンドのローコード開発ツール、目先の目的を達成できるかどうかだけで選んでいませんか? DXを考えたローコード開発ツール選びに重要な観点をまとめていますので、ぜひ最後まで読んでいただける...

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

強化ガジェットの使い方と注意点

SPIRERS ナレッジ向上チームで作成して公開している強化ガジェットについて、使い方と注意点をご説明いたします。 強化ガジェットとは 強化ガジェットは、SPIRAL ver.2のサイト機能を強化するためのプログラムです。 プログラムが分からない方でも、コピーペーストして設定値を変更するだけで

運用情報 ver.2 low

Web申請アプリ デモ申請方法

実際にWeb申請アプリの操作感を味わっていただけるようデモを用意いたしました。 この記事ではデモ紹介やデモ申請手順、ご留意点などをご案内いたします。 Web申請フォームデモを確認 設計・開発・運用関連の記事はこちら アプリ(DB・メール)設計・構築 サイト設計・構築 ユーザ・アプリロール・グル

DXに内製化は必要?システム内製化で知っておきたい基礎知識

本記事は内製化支援を行っているプランニング部が、内製化の基礎知識を詳しく解説しています。DXが急がれている中「内製化」もよくキーワードとしてあげられますが、内製化しないとDXは成功しないのでしょうか? 重要なポイントだけをまとめていますので、ぜひ最後まで読んでいただき内製化の基礎知識をしっかりとおさえておきましょ...

3月の新着記事

2022年3月にアップされた新着記事を一覧でご紹介します。 SPIRAL ver.1 開発情報・ナレッジ middle 2022年3月11日(金) フォームにreCAPTCHAを設定する 開発情報・ナレッジ middle 2022年3月25日(金) Slackでフォーム登録通知を受け取る方法(Slack×SPIRAL) 設計情報 middle 202...

ローコード開発とは?スクラッチ開発との違いとメリット・デメリット

本記事は内製化支援を行っているプランニング部が、ローコード開発のメリット・デメリットを詳しく解説しています。自分の会社やチームにローコード開発は必要なのでしょうか?また、ツール選びで必要な要素は何なのでしょうか?重要なポイントだけをまとめていますので、ぜひ最後まで読んでいただき導入前にしっかりとおさえておき...

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

登録フォームブロックのインプットタグ解説

登録フォームブロックのインプットタグ部分の構造や役割を解説いたします。 フォームブロック全体のソースについては「登録フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照くださ

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

登録フォームブロックのソース解説

登録フォームブロックのソースの構造や役割を解説いたします。 入力欄のインプットタグ部分については「登録フォームブロックのインプットタグ解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 また、T

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

ver.2でレコード値を自動発番できる強化ガジェット vol.2

プログラムでレコード値を自動発番できる強化ガジェットの設定方法をこちらの記事で解説します。 ※本記事は暫定的なご案内です。SPIRAL ver.2の今後のバージョンアップに伴い、正式機能がリリースされた場合、 この記事は削除される可能性があります。 ※記事内

設計情報 ver.1 middle

SPIRALでWebhookを使った連携の紹介

Webhookを使った連携についてご紹介したいと思います。 外部サービスとSPIRALの連携をお考えの方にはきっとお役立ていただけると思いますので是非ご覧ください。 Webhookとは イベントが発生したアプリケーションから、別のアプリケーションにリアルタイムで情報を提供し処

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

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

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

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

その他を選択した時に入力欄の活性化・非活性化を切り替える強化ガジェット

アンケートフォームなどにある、選択肢で「その他」を選択した場合のみ、テキスト入力をしてほしい時に 入力欄の活性化・非活性化をJavascriptで制御する強化ガジェットを作成しました。 簡単に実装できますので、フォーム入力補助機能を強化したい時に活用し

2月の新着記事

2022年2月に投稿された新着記事を一覧でご紹介します。 SPIRAL ver.1 設計情報 low 2022年2月2日(水) 顧客DBからFAXを送信する方法(InterFaxサービス) 設計情報 low 2022年2月2日(水) 動画投稿システムの作り方(millvi) 設計情報 low 2022年2月7日(月) 動画で知るLINE配信オプショ...

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

データの印刷について

V2でフォームを構築し、フォームから申請されたデータをフォーマットに合わせて印刷するような仕組みをV2上に組み込むことは可能でしょうか。 出来ない場合、データはTSVかCSVかどちらかでダウンロードが出来ますので、CSV等でダウンロード後、別途、ツール等でフォーマットに合わせて印刷させる必要があるのかと想定しております。 SPIRERS ナレッジ向上チーム SPIRAL ver.2のアプリ側の機能...

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

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

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

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

レコード一括登録依頼/取得(batch) のサンプルプログラム

SPIRAL ver.2で追加された新しいメソッドである「Batch」のサンプルプログラムを作成しました。 「Batch」を使うことでCSV,TSV形式のデータを、API経由でSPIRALのデータベースに登録することが できるようになります。 マルチパート形式で

運用情報 ver.2 low

アプリの利用画面の検索条件の保存方法について

SPIRAL ver.2ではアプリの利用画面で登録データの検索が可能です。 毎回同じ条件で検索する際、あらかじめ情報を絞り込んだ状態で表示する方法をご紹介します。 レコード詳細検索で検索条件を保存 複数の検索条件を使い分けたい時の設定方法です。   アプリ利用画面の検索モーダルか

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

PDF帳票 の出力データをファイルとして保存するサンプルプログラム

PDF帳票で出力されるPDFデータをファイルデータとしてSPIRALに保存したい! という要望を聞きましたので、試しにPHPで作ってみました。 PDF帳票とは PDF帳票ファイルの取得のAPIは、バージョン1.13.2 (2020.7.10)のリリースで可

運用情報 ver.2 low

アプリロールを設定する際の考え方について

アプリロールはアプリ利用における権限を管理できる機能です。 アプリ利用画面で表示するアプリロール、DB、フィールドの並び順をカスタマイズできます。 設定する際の考え方についてご案内します。 考え方 アプリロールは業務ごとに設定する  アプリロールはアプリを利用する権限や表示させる画面

運用情報 ver.2 low

作成したアプリをアプリ一覧に表示させる方法

アプリをはじめて作成した方から「作成したものが一覧に表示されない」とお問い合わせいただくことがあります。 今回、作成したアプリをアプリの一覧に表示する2通りの方法をご紹介します。 「テスト登録したデータを閲覧・編集する画面がない」といった場合もご参考ください! 表示条件 アプリロ

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

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

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

設計情報 ver.1 low

動画で知る SPIRAL ver.1 基本機能

SPIRALは非常に多機能なプラットフォームです。 多くの機能がある中、基本的な機能を1分程度で紹介する動画を記事にまとめました。 初めてSPIRALに触れる際、参考にしていただればと思います。 データベース編 動画タイトル SPIRAL 基本機能 データベース編 動画時間

設計情報 ver.1 low

SPIRAL ver.1 紹介/販促動画まとめ

スパイラルの youtube チャンネルでは、SPIRALの製品紹介動画など、 営業資料として使用できる動画が掲載されています。 この記事では、その中から動画をいくつかピックアップしてご紹介します。 製品紹介動画 SPIRALを1分程度で解説している動画です。 SPIRALを

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

APIを使ったDB 複製のサンプルプログラム

ver.2 では、まだDB複製機能が実装されていません。(※) 今回は、 DB複製機能を作ってみました。 DBを複製して、どんどんDBを作りたいと思っている方は、ぜひ参考にしてください。 ※ 今後、実装される可能性があります。 前提 ver.2 のページ機能にプログラムを設置し

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

APIを使ったアプリ 複製のサンプルプログラム

ver.2 では、まだアプリ複製機能が実装されていません。(※) 今回は、 アプリ複製機能(アプリとDBのみ)を作ってみました。 アプリを複製して、どんどんアプリを作りたいと思っている方は、ぜひ参考にしてください。 ※ 今後、実装される可能性があります。 前提 ver.2 の

設計情報 ver.1 low

動画で知るLINE配信オプション

SPIRAL ver.1 では専用アプリからLINE配信設定ができる「LINE配信オプション」を提供しております。 こちらをお申込みいただくことで、どのようなことができるようになるのか?実際にどのように設定すればいいのか? それらをイメージできるよう1分程度の動画で解説しておりますので、お申

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

完了画面でリンクに登録情報をパラメータとして付与する方法

完了画面でサイト内ページリンクに登録情報をパラメータとして付与する方法を紹介します。 「サイト内ページ選択」と「URL直接入力」の2種類の方法があり、記載方法が変わるため、両方を参考にしてください。 ※ 完了動作の「リダイレクト」「ページ内リンク」には対応していません

設計情報 ver.1 low

動画投稿システムの作り方(millvi)

株式会社エビリーが提供している、クラウド型動画配信システム「millvi」と「SPIRAL®」を連携させ、 動画投稿システムを簡単に構築する方法をご紹介します。 デモサイト 動画投稿フォーム 動画投稿一覧 millviについて 「millvi」は500社以上の企業に導入されている、クラウド

運用情報 ver.2 low

月次利用料試算ツール

SPIRAL ver.2の「レコードストレージ」と「ファイルストレージ」の月次利用料を試算するツールです。 このツールを使用すると月にどのくらいの月次利用料が発生するのかを事前に確認ができます。(オプションは除く) ※このツールで計算される値はあくまで参考値です。 実際に消費されるストレージと差がある場合...

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

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

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

設計情報 ver.1 middle

セミナー申し込み&管理システム【3】セミナー管理者側詳細フロー(セミナー情報管理、申し込み者情報管理)

本ページでは利用頻度が高い機能についてご紹介しながら、セミナー申し込み&管理システムの作成方法に関して解説いたします。 作業工程は4ページに分かれていますので、設定手順は各項目よりご確認ください。 ▼セミ

設計情報 ver.1 middle

セミナー申し込み&管理システム【4】セミナー管理者側詳細フロー(セミナー申し込み者にメール配信、管理者追加)

本ページでは利用頻度が高い機能についてご紹介しながら、セミナー申し込み&管理システムの作成方法に関して解説いたします。 作業工程は4ページに分かれていますので、設定手順は各項目よりご確認ください。

運用情報 ver.1 low

ファイルダウンロードURL付のメールを送信する方法

販促の一環としてホワイトペーパーなどの資料をメールでお客様に一斉送信したいなど、 多数の方へ同じ資料を配布したいというケースがあると思います。 こちらのマニュアルでは、DBの設定方法からメール送信設定の方法までをまとめて記載しております。 画像付きで解説しています。ぜひ、

運用情報 ver.1 low

当選者にのみメールを送信する方法

キャンペーン応募フォームを作成された際、当選者へ当選メールを送りたいというケースがあるかと思います。 こちらのマニュアルでは、DBの設定方法から実際にメール送信するまでの方法をまとめて記載しております。 多くのお客様からお問い合わせいただく内容です。運用のお役立てばと思います。 マニュアル

設計情報 ver.1 middle

会員向け 視聴ログ取得可能な動画配信ソリューション(J-Stream Equipmedia)

会員や視聴申し込み者向けに、ライブ配信や疑似ライブ配信、オンデマンド配信を使ったウェビナーを実施し、個人別の視聴状況をその後のフォローや販促活動に活用されたい場合の実装方法についてご紹介します。 本ソリューションは動画配信プラットフォー

設計情報 ver.1 low

SPIRAL ver.1 の機能の核 “DB”

SPIRAL ver.1 で Webアプリを作る際は、DB が重要となります。 今回は、DB の種類と各機能との紐づきについて解説します。 DB は、機能の核 SPIRAL ver.1は、Web機能を組み合わせることで多種多様なWebアプリを構築することができます。 その機能

設計情報 ver.1 low

お問い合わせフォーム 作り方①

シンプルなお問い合わせフォームの作り方とお問い合わせ種別に合わせた部署への通知機能を作ってみました。 DB作成 お問い合わせ受付用DBの構成はこのように作っています(仕様書も添付します) 担当者通知用の情報も引き込めるようにフィールドも準備します。 通常DBについて 変更・削除キーはのちのち

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

APIでデータをセレクトした際に403エラーが発生してしまう

サポートサイトのサンプルプログラムを参考に、テーブルからデータの取得を行ったところ 403エラーが発生しアクセスが拒否されてしまいました。 https://support.spiral-platform.com/api/sample/6278.html APIエージェントの権限は事前に設定しており、今回指定したテーブルへの利用権限を持ったアプリロールを指定してあるので、テーブルへのアクセスが拒否さ...

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

API / PHP を使ってレコード作成日時を表示

認証エリア内でレコード作成日時をさせるプログラムを作ってみました。 今後のアップデートで標準提供されるかもしれませんが、 現状の打開策として参考になれば。 事前に必要な情報 API を使用する際に必要な、API キー,アプリID,DB ID を取得します。 API キー

設計情報 ver.2 low

MKupdate vol.3「SPIRAL ver.2.18 DBトリガ」

SPIRAL ver.2.18の新機能のひとつである「DBトリガ」ですが、SPIRERSナレッジ向上チームが実際に使ってみたところ、アプリのメンテナンス性が向上する機能であることが分かりました。 そもそもメンテナンス性とは何か、DBトリガの活用例

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

電話番号のフィールドを1つのテキストボックスで表示できますか?

電話番号のフィールドを3つのテキストボックスでなく、1つのテキストボックスで表示させることはできますか? SPIRERS ナレッジ向上チーム 「電話番号」に該当するinputタグを編集していただければ、可能です。 [修正前] <input type="text" name="******:a" value="$******:a$" ...

設計情報 ver.1 low

MKupdate vol.1 「パスワードレス認証」

毎日のように情報漏洩などのニュースがある現代では、パスワード認証だけでは不十分で多段階/多要素での認証を行わなくてはならない状況になっています。 そこでマイエリアの『FIDO認証』や『二段階認証』などを活用することにより、SPIRAL ver.1でどのように安全なサイト

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

アプリの利用権限について

全アプリ利用権限を持っているユーザを、利用アプリが制限されいるグループに割り当てた場合どちらの権限が優先されますか? SPIRERS ナレッジ向上チーム 全アプリ利用権限が優先されます。 ユーザ個人が持つ権限やユーザ共通設定、グループでの権限などそれぞれが異なっている場合は、権限が大きいものが優先される仕様となっています。...

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

登録データの内容に応じて一覧表の表示を出し分けする方法

スパイラルで一覧表を作成していると、「こんなことできたらいいな・・・」と感じる機会があるのではないでしょうか? 今回は、XSLソースを編集して、電話番号のフィールドに値がある場合のみ「アイコンと電話番号」を表示させて、値がない場合は「番号なし」と表示されるよう、デー

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

認証APIを使って認証エリアにログインする方法

CMSなどの外部のサイトとの連携の際に、認証エリアにAPIを利用してログインする方法を解説します。 利用シーン 認証APIを利用するとCMSなどとのシームレスな連携を実現できます。 例えば、CMSとの連携でセッション管理をver.2側で行ったり、CMSからの遷移時にログイン

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

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

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

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

SPIRALで決済機能付き申込みフォームを作成する方法

有料の入会申し込みやイベントの受付を行っていて、口座振り込み等で入金対応されている企業様向けの記事です。 SPIRALとクレジットカード決済代行システムを連携させることで、業務工数の大幅削減、会員数の増加を実現する事が可能です。 そこで今回は、SPIRALと連携実績

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

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

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

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

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

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

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

姓と名の検索フォームを横並びにする方法

スパイラルの検索フォームは、「設定デザイン」または「ソースデザイン」からデザイン編集を行います。 ※これらの違いについては、前回のTips「検索フォームにカレンダー表示を実装する方法」でご紹介しています。 複数の検索対象フィールド、例えば「姓名を横並び」にする場合、ソースデザインか

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

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

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

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

メール配信で使える特殊な差替えキーワード

データベースに登録された情報を、Webページやメール文面などに表示することができる差替えキーワード。 スパイラルを使う際には必ずと言っていいほど扱うもので、その種類や形式はフィールドタイプによってもさまざまです。 今回は、スパイラルからメールを配信する際に使える特殊な差替えキーワ

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

QRコードの生成方法

長くなってしまいがちなURLを簡単に受け渡しできるQRコード。 来場受付などでも活躍するこのQRコードを生成する方法を2種類ご案内いたします。 APIサービスで生成する方法 URLの末尾にお問い合わせ番号やメールアドレスなどのQRコードにしたい内容を記載することでQRコードを生成することができます。...

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

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

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

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

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

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

設計情報 ver.1 low

【デモ】入会申込者管理(電子署名)システム

デモ概要 入会申し込み管理ができるシステムです。 申込みの際にデジタルサインを登録すること、PDFで入会申込書に そのサインを記載することが可能です。 申し込み画面 ログイン画面 ※登録データは用途によっては不特定多数が見えるものがありますので、必ずテストデータのみ登録お願いし

設計情報 ver.1 low

【デモ】お問合せ履歴管理システム

お問い合わせに対して、チャットのような形式で顧客とやり取りが可能なお問合せフォームを作成いたしました。 対応履歴が残りますので、こちらのシステム内で対応履歴の確認が可能です。 今回はこちらのシステムの操作手順をご紹介いたします。 デモ概要 受けつけたお問合せに対して、履歴を残す形で利用で

設計情報 ver.1 low

DB を作るときのポイント

DB を作るとき、機能をより活用するために入れるべき項目があります。 入れるべき項目の詳細をご案内しますので、アプリケーション構築の際に参考にしてください。 変更・改定履歴 [ 2022.10.06 ] 変更 DB仕様書テンプレートの内容を一部修正 フォーム機能を使用する場合の項目 登録日時(

設計情報 ver.1 low

【機能紹介】切り替えURL

切り替えURL 切り替えURLとは、固定URLを発行し、そのURLから遷移するページを切り替えられる機能です。 修正中の画面をお客様に見られないように、リンクしているWEBサイト側の修正が必要だったり、 公開したい時間に合わせて修正を行わなければいけなかったりと、ひと手間かかってしまっていると

設計情報 ver.1 low

SPIRALって何ができるの?

SPIRALを簡単に説明すると【情報を保存でき、様々な機能で情報を活用できるツール】となります。 情報を保存/活用する機能を一部ご紹介します。 フォーム:情報の登録・変更・削除を行える画面が作れる! Webで情報を保存する場合に、受け付ける画面を簡単に作ることができます。 登録・変更・削除

設計情報 ver.1 low

【機能紹介】各種メール

SPIRAL ver.1ではデータベースに登録されているメールアドレスにメールを配信することができます。 メルマガのように一斉に配信することも可能ですが、いくつか特殊な送り方も可能ですので、 その違いについて説明いたします。 メールの種類 メール配信には下記の6種類が存在します。 ・EXPRESS...

設計情報 ver.2 low

安全にAPIを使うために意識すること

SPIRAL ver.2ではユーザ権限を細かく設定できますが、それと同じようにAPIエージェントも細かく権限の設定ができます。 この権限設定を上手く活用することで、サイトを安全に構築・運用することができるようになります。 なぜAPIエージェントの権限を設定する必要があるのか? SPI

設計情報 ver.1 middle

【オプション】郵便番号住所自動補完のご紹介

スパイラルでは標準機能の他に、オプションでいろいろな機能を拡張することが可能です。 お問い合わせや資料請求フォームの住所入力を簡単にする郵便番号住所自動補完 オプションをご紹介いたします。 2種類の検索方法 住所をご入力いただく際に登録を手助けする郵便番号住所自動補完では2つの

設計情報 ver.1 low

忘れないで!アクセス制限ページの設定

アクセス制限ページの設定をしたことはありますか? スパイラル?では、すべてのユーザー様に安定したシステム環境を提供するために、Webアクセスコントロール機能が実装されています。「アクセス制限ページ」はこの機能に紐づいた設定です。 「何それ?」と思われた方は必見。この機会に是非、スパイ

設計情報 ver.1 low

【機能紹介】一覧表

SPIRAL ver.1ではフォームを作ってデータベースでデータを管理するだけでなく、データをWeb画面に一覧表示させたり、Web上でデータを編集可能にしたりといったことも可能です。 収集データをより活用するための機能である一覧表について説明します。 一覧表について 一覧表ではデータベースに可能されて...

設計情報 ver.1 middle

【機能紹介】カスタムモジュール

ページへ共通のデザインを適用できるようにしたり、共通プログラムをサーバの準備なしで設置できる、アプリ作成の自由度が高まるカスタムモジュールを紹介します。 カスタムモジュールについて PHPが動作する各ページの設定に利用することができます。 コードを記載してPHPで呼び出しを行い実行すること

設計情報 ver.1 low

【機能紹介】各種DB

SPIRAL ver.1では手元の顧客データや申し込みフォームから登録されるデータをデータベースで管理できます。 様々な用途に対応できるように複数のデータベースの種類を用意しています。 「これはなんに使うのかわからない!」という方もいらっしゃると思います。 このページでは各種データベースの特徴と利用...

運用情報 ver.2 low

出力した日時情報を日本時間に変換する方法

SPIRAL ver.2に登録される日時データはUTC(協定世界時)で管理されます。 そのため、DBに登録されたデータをダウンロードすると、出力される日時データはUTC(協定世界時)で出力されます。 そのままでは日本時間として取り扱うことができないので、エクセルを使用して日時デー

設計情報 ver.1 low

【デモ】勤怠管理システム

デモ概要 部門長、人事が段階的に承認を行える勤怠管理システムを作成いたしました。 今回はこちらのシステムの操作手順をご紹介いたします。 ログイン画面 ※登録データは用途によっては不特定多数が見えるものがありますので、必ずテストデータのみ登録お願いします。 勤怠登録手順 ①でログインするユーザーを

運用情報 ver.2 low

アカウント管理者以外のユーザの招待方法

SPIRAL ver.2の「アカウント管理」機能ではユーザの権限設定や契約情報の更新など、アカウント自体の管理に関わる情報の操作が可能です。 アカウント管理者以外には触ってほしくないもある部分かと思います。管理者以外のユーザを、適切にアカウントへ招待する方法をご案内します。 権限と

運用情報 ver.2 low

データ一括登録 / 更新時のまとめ

SPIRAL ver.2ではデータを登録/更新するとき、文字コードをUTF-8にする必要があります。 エクセルからそのまま作業する際に文字コードが異なった状態で作業をしてしまうと、エラーになる可能性があるため、 エラーを起こさずに登録/更新する方法をまとめました。 データの一括処理 S

運用情報 ver.2 low

配信拒否メールアドレスリストを除外する方法

SPIRAL ver.2にはメール配信の機能が搭載されており、さまざまな方法のメール配信を行うことができます。 この記事では、配信を拒否したいメールアドレスリストを簡単に除外する方法をご紹介します。 配信拒否メールアドレスリストを除外する方法 セミナーやキャンペーンの販促メール

設計情報 ver.1 low

【デモ】予約管理システム

昨今のコロナウイルスの影響により、WEBでの予約申請の需要が高まっています。 スパイラル一つで完結できる予約管理システムのデモを作成いたしました。 変更も柔軟に対応可能ですので、ご紹介させて頂きます。 デモ概要 過密を避けるために増加している、来店人数管理のための予約受付管理システムです。 スク

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

[フォームカスタマイズ vol.3]マトリクス形式の回答欄を作成する

マトリクス形式の選択フォームの作成方法をご案内しまし。 この形式は、同じ回答項目を持つ質問に対して有効です。 繰り返しの文章などが省かれ図形化されるので、回答がしやすくなります。 コツを掴めば、スパイラル®のフォームでも簡単に設定できます。 DEMOは、

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

[フォームカスタマイズ vol.6]タップで回答できるバー形式の回答欄を作成する

顧客ロイヤルティを計測するためのNPS表示の設定を行います。 DEMOは、こちら ※Q6を参照ください。 HTMLの設定 まずはデータベースの設定を行います。 フィールドはセレクトのプルダウンを選択しておくとよいかと思います。 そしてフィール

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

[フォームカスタマイズ vol.2]“その他”の項目に入力欄を追加する

[ 2022.04.26 ] カスタマイズ後のソースにエラーメッセージ出力用のタグを追加 ラジオボタン形式のセレクトフォームを設定して、“その他”の項目を設けた時に記述式の入力フォームを追加する方法をご案内します。 DEMOは、こちら ※Q2を参照くだ

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

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

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

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

[フォームカスタマイズ vol.4]星型のレーティング形式の回答欄を作成する

vol.4では、星型レーティングの表示方法についてご紹介していきます。 DEMOは、こちら ※Q4を参照ください。 データベースの設定 データベースはマルチセレクトを選択します。 そして各フィールドのラベルは、評価内容を設定します。 今回のレーテ

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

[フォームカスタマイズ vol.1]姓名の記述を分けて横並びにする

Webフォームの活用は幅広く、キャンペーンや会員登録など様々なシーンで用いられます。 スパイラル®が選ばれる理由のひとつに、フォームの活用のしやすさが挙げられますが、デフォルトのフォームはシンプルなHTMLです。 DEMOは、こちら ※“お名前”を参照くだ

設計情報 ver.1 middle

【機能紹介】スパイラル® PHP・API

スパイラル®APIを利用することで、外部環境からスパイラル®へアクセスすることが可能になります。会員や顧客の大切な個人情報を安全なスパイラル®のDBに預け、WebサイトはCMSで管理するなどが可能になります。 また、APIを通して、スパイラル®で設定したWebコンテンツを外部シス

ver.1サポートサイト

はじめての方からよくある質問

はじめての方からよくある質問 最終更新日:2023年10月31日 はじめての方から多い質問をまとめました。 目次操作画面DBメール機能フォーム機能その他サービスオプションアカウント管理 操作画面 初めてログインする場合 / パスワードをお忘れの場合 SPIRALにログインできません DB データを閲覧したい データをダウンロードしたい データを一括登録(インポート)したい データを一括更新(アップ...

ver.1サポートサイト

目的別に探す

目的別に探す Webアプリケーションの設定・運用方法など メール | アンケート・キャンペーン | お問い合わせ・FAQ | テンプレートアプリ メール メール認証会員登録フォーム フラグを立てたメールアドレスにだけ配信したい 手元のメールアドレスリストを一括登録してメール配信をしたい メール会員管理(パスワードレス管理) メール会員管理(ID/パスワード管理) 日付フィールドに格納している日に毎...

ver.1サポートサイト

SPIRAL ver.1 とは

SPIRAL ver.1 とは 最終更新日:2023年10月31日 SPIRAL ver.1 は、Web上の操作でアプリ構築ができるローコード開発プラットフォームです。 DB、メール、Web等の機能を組み合わせて様々なアプリ構築がき、顧客情報や従業員情報といった情報資産を管理、運用するための多彩な機能を提供しています。 目次全体像アプリ機能DBメールフォーム一覧表・単票集計表・グラフ連携アカウン...

ver.1サポートサイト

お問い合わせ

お問い合わせ 最終更新日:2023年11月28日 目次スパイラルユーザー様スパイラル導入をご検討中のお客様 スパイラルユーザー様 ユーザーズデスク 操作画面上部にある「ユーザーズデスク」から問い合わせください。 画面共有サポート 画面共有サポートは、お客様のPCに表示されているSPIRAL操作画面を、Web会議システムを通じてサポート担当者に共有していただきながら、操作方法をご案内するサービスです...

ver.1サポートサイト

スタートアップ

スタートアップ 操作画面のログインや基本操作について スタートアップ ・ログインに失敗する場合 ・はじめてのDB作成 ・データ登録 ・アンケートフォームを作りたい(オープン受付) ・メールを配信したい ・会員限定ページを作成する ・Lesson.3 もっと活用☆スパイラル ・お問い合わせ ・緊急時の連絡先を教えてください...

ver.2サポートサイト

表示言語

表示言語 機能概要 ユーザの言語設定にて、操作画面の言語表示を英語に変更できます。 なお、新機能など一部画面におきましては、言語を切り替えても日本語が表示される箇所がありますが、次のアップデートにて翻訳されます。 UI 1. ユーザ設定 操作画面右上のユーザメニュー、またはユーザ設定の基本設定にて、言語設定を変更できます。 2. 言語変更 言語設定を英語にした場合の表示例...