スプレッドシート型・Webページ
編集システム

慣れ親しんだ表計算ソフトの操作感で、Webサイトの文言や色をリアルタイムに更新できる仕組みです。
エンジニアの手を介さず、マーケターや現場担当者が即座に施策を反映できる環境を構築します。

GOOGLE SHEETS SIMULATOR
A (項目名) B (反映する内容)
1 見出しテキスト
2 ボタンの文言
3 アクセント色
スプレッドシート待機中...
LIVE PREVIEW(実際のサイト)

夏の特別キャンペーン実施中!

期間限定で全サービスが特別価格に。
この機会をぜひお見逃しなく。

今すぐ申し込む

このデモの技術解説

HTMLとCSSで作られたWebページに、APIを通して紐付けたスプレッドシートやエクセルの編集内容を反映させ更新します。
本デモはGoogleスプレッドシートを想定したUIですが、クライアントの社内環境に合わせて Microsoft Excel(Graph API / Power Automate)
をデータベースとした構築も対応可能です。

HTMLやCSSのようなコードの知識がない方でも、表計算ソフトの操作だけでWebサイトの内容を更新できるため、
マーケティング施策のスピード感が格段に向上します。
Webページのデザインには干渉しないため、既存のLPやコーポレートサイトに後付けで導入することも可能です。

またシート上でHTMLやCSSの編集を行い、コードを直接触らずにページを更新することもできます。

シートごとに「見出し」「ボタンの文言」「アクセントカラー」「画像リンク」など項目を自由に設定し、API連携によってリアルタイムでサイトに反映させることが可能です。

⚠️ 実務におけるセキュリティ要件(XSS対策)について

本デモでは利便性を体感していただくため、入力されたHTMLタグ(<br><span> 等)をそのまま反映する仕様にしています。
しかし実際の業務システムにおいては、悪意のあるプログラム(<script> 等)が書き込まれてしまうクロスサイトスクリプティング(XSS)という脆弱性に繋がるリスクがあります。
そのため実務での構築時は、バックエンド側で必ずサニタイズ(無害化)処理を行い、安全と定義されたタグのみを許可する堅牢なシステムとして納品いたします。