強力なUI・UX/見たまま編集

HOME
»
機能 – JSMで実現できること
»
強力なUI・UX/見たまま編集

強力なUI・UX/見たまま編集

見たまま編集とは

JSM（ジャプロサイトメーカー）の「見たまま編集」は、公開中のページを見たままの状態で直接編集できる革新的な機能です。

従来のように管理画面を開いて編集・プレビュー・公開といった手順を踏む必要がなく、普段見ているページ上でそのまま文字や画像をクリックして修正できます。専門的な知識がなくても直感的に操作できるため、HTMLやCSSの理解がない担当者でも安心して更新作業を行えます。

例えば、「お知らせの文章を少し直したい」「画像を最新のものに差し替えたい」といった時も、ページ上の該当箇所をクリックして入力するだけ。WordやPowerPointのような感覚で操作できるため、Web更新の心理的なハードルを大きく下げています。また、JSMの見たまま編集は単に「操作が簡単」というだけではありません。

組織全体での運用を想定し、デザインと安全性を両立させた構造を採用しています。テンプレート構造によってレイアウトが常に保たれ、どの担当者が触ってもサイトの統一感を損なうことがありません。職員やスタッフが自分の手で最新情報を発信し続けられる――それが「見たまま編集」が目指す本質です。

特徴と仕組み

見たまま編集の大きな特徴は、Webサイトを「デザイン」と「コンテンツ」に分けて管理している点にあります。

デザイン部分はシステム内でテンプレート化され、更新担当者は文章や画像などのコンテンツ部分のみを編集します。これにより、更新のたびにデザインを崩してしまうリスクがなく、常に均一で美しいサイト構成を維持できます。

また、編集結果はリアルタイムでプレビューされ、公開時の見た目を即座に確認可能です。作業中に画面を切り替える必要がないため、短時間で効率的に更新作業を完結できます。さらに、JSMではユーザー権限と承認フローがシームレスに連動しています。

たとえば、担当者が情報を更新した後に上長が承認し、管理者が公開するという流れをスムーズに運用可能です。自治体・医療機関・教育機関など、複数の部署や職員が関わるサイトに最適化されており、誰が操作しても安全に、正確に、そしてスピーディに情報を発信できます。特に、災害情報や休診案内など、即時性が求められる場面ではその真価を発揮します。

特徴と仕組み一覧

主な特徴	説明
直感的操作	ページ上のテキストや画像をクリックしてそのまま編集可能。Wordのような感覚で誰でも扱える。
レイアウト維持	テンプレート構造により、デザインが崩れず統一感を常に保持。
リアルタイム反映	編集内容が即座に反映され、プレビュー不要。実際の見た目で確認可能。
画像・リンク操作	ドラッグ＆ドロップで画像を変更、リンク設定もクリックで簡単に追加できる。
承認フロー対応	職員→上長→公開のワークフローをCMS内で完結し、ミスや誤更新を防止。
マルチデバイス対応	PC・タブレット・ノートPCなど、端末を選ばず更新可能。

一般的なCMSとの違い

一般的なCMSでは、専用の管理画面から入力・保存・プレビュー・公開という工程を踏む必要があり、慣れない担当者にとっては煩雑で時間のかかる作業でした。

さらに、HTMLやCSSの構造を理解していないと、意図しないレイアウト崩れやフォントの不統一が起きることも珍しくありません。JSMの見たまま編集では、こうした課題を解決するために「公開画面上での直接操作」を実現しました。

これにより、更新スピードは従来の数倍に向上し、現場からのタイムリーな情報発信が可能になります。また、管理者があらかじめデザインテンプレートを設定しておくことで、更新担当者がどれだけ触っても全体デザインが統一される仕組みになっています。つまり「誰が触っても崩れない」CMSとして設計されているのです。

一般的なCMSとの比較

比較項目	一般的CMS	JSM（見たまま編集）
編集画面	管理画面で作業し、プレビューで確認。	公開画面上で直接編集できる。
操作性	HTML・CSS知識が必要な場合あり。	完全ノーコードでマウス操作のみ。
レイアウトの安定性	担当者によって崩れる可能性あり。	テンプレート固定で全ページ統一。
作業スピード	プレビュー確認に時間がかかる。	即時反映で確認・公開までが速い。
運用対象	Web担当者・制作者中心。	職員・一般担当者も自分で発信可能。
安全性	誤操作や不正更新のリスクが残る。	承認フロー機能により安全に公開できる。