ナレッジサイト
ログイン
フォームで使えるコピペCSS 「テーブルデザイン」
フォームブロックやログインフォームにコピペするだけで使えるCSSを作成しました。 今回は、表形式のシンプルな「テーブルデザイン」です。 グレー系の落ち着いたデザインですが、カスタマイズして自由な色を使用することも可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意点
レコードリストブロックのソース解説
レコードリストブロックのソースの構造や役割を解説いたします。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照ください。 関連記事はこちら 登録フォームブロックのソース解説 登録フォームブロックのインプットタグ解説 更新フォ
ページにWebフォント（Google Fonts）を使用する方法
SPIRAL ver.2ではheadタグやCSSが個別で記載できるため、Webフォントを簡単に導入することができます。 この記事では、Webフォント（Google Fonts）についての簡単な紹介と、その設定方法を説明いたします。 Webフォントを使わずにフ
Google Analytics 4（GA4）への移行とタグ設置方法
多くのサイトでアクセス解析のために利用されている、Google Analytics（グーグルアナリティクス）ですが、 2020年10月には、新たなバージョンである Google Analytics 4（GA4）のリリースがされました。 そして、将来的に従
Enterキーでフォームが送信されないようにする強化ガジェット
フォームの入力中、誤ってEnterキーを押してしまい、予期せずフォームを送信してしまうことがあると思います。 今回はEnterキーでフォームが送信されないようにする強化ガジェットをご紹介します。 前提・仕様 ・ブロックかページの JavaScript タブにコー
会員サイトアプリ サイト設計・構築
Web申請アプリ デモ、 キャンペーン応募アプリ デモでは、さまざまな用途のフォーム作成ができることを紹介してきましたが、 実はSPIRAL ver.2はフォームだけではなく、CMS（コンテンツ マネジメント システム）のように会員サイトの作成も可能です。 ※ CMS（コンテンツ マネジ
ページにデフォルトフォントを指定する方法
SPIRAL ver.2で作成したページは、基本的にフォントの指定がされていません。 この記事では、フォントの指定が無いときにどのようなことが起こるのかを説明し、フォントの指定場所とおすすめのフォント指定を紹介いたします。 Webフォントを利用したい場合は、ページにWebフォント（
フォームで使えるコピペCSS 「シンプルモダン」
フォームブロックやログインフォームにコピペするだけで使えるCSSを作成しました。 今回は、白をベースとしたシンプルな「シンプルモダン」のデザインです。 サイトカラーやコーポレートカラーに合わせてカスタマイズすることも可能です。 CSSの設定方法やカスタマイズ方法、実装時の注意
キャンペーン応募アプリ サイト設計・構築
キャンペーンを実施しようとした際に応募フォームのデザインはリッチにしたい、LPページを併せて作成したいという要望が多いのではないでしょうか。 SPIRAL ver.2ではデザイン作成時のソース設定はもちろんのこと、実はLPページのような静的なWebページの作成もできます。 「キャン
強化ガジェットの使い方と注意点
SPIRERS ナレッジ向上チームで作成して公開している強化ガジェットについて、使い方と注意点をご説明いたします。 強化ガジェットとは 強化ガジェットは、SPIRAL ver.2のサイト機能を強化するためのプログラムです。 プログラムが分からない方でも、コピーペーストして設定値を変更するだけで
登録フォームブロックのインプットタグ解説
登録フォームブロックのインプットタグ部分の構造や役割を解説いたします。 フォームブロック全体のソースについては「登録フォームブロックのソース解説」をご覧ください。 Thymeleafの記法や動作についてはSPIRAL ver.2 サポートサイト Thymeleaf記法をご参照くださ
Web申請アプリ サイト設計・構築
SPIRAL ver.2はプログラミング経験がなくても、オリジナルの業務アプリの制作・カスタマイズできるローコード開発プラットフォームです。 詳しくは SPIRAL ver.2 とはをご覧ください。 SPIRAL ver.2を初めて操作する際に何をどう設定すればいいのか？どう管理すればい
