Chrome拡張で業務システムに操作ガイドを追加する方法|コード変更なしで導入

公開: 2026-07-13 / 更新: 2026-09-13

「この画面にも案内があれば」と思った場所に、自分でガイドを追加できます。InputGuideはChrome拡張を使い、kintone・Salesforceなどの入力欄やボタンをクリックすると、案内文と進行条件を自動設定。対象システムのコードを変えずに、いつもの操作をガイドにできます。作った案内をチームで共有し、説明の変更も担当者自身で進められます。

目次(7項目)

Chrome拡張で操作ガイドを後付けする仕組み

Chrome拡張方式では、対象システムのプログラムやHTMLを変更せず、ブラウザ上にガイドを重ねて表示します。自社で管理していない業務SaaSでも、利用者のChromeに拡張を追加できれば導入できます。

ガイドの作成も画面上で行います。案内したい入力欄やボタンをクリックすると、InputGuideが要素を認識して案内文と進行条件を自動設定します。説明をすべて一から書かずに始められ、自社の入力ルールなど必要な部分を編集して仕上げられます。ガイドの文言を直すために、対象システムをデプロイする必要もありません。

kintone顧客管理アプリ会社名電話番号メールアドレスsample@@sample@example.com入力して下さい形式: メールアドレスメールアドレス形式が違いますガイド停止次へ何をしたいですか?検索ツアーガイド一覧を閉じるツアーガイドステップ数: 4戻る次へガイダンス開始
実際の業務画面で要素をクリックし、その場所にガイドを追加
最初は、いつもの操作を3カ所クリック

たとえば「申請メニュー→金額欄→確認ボタン」。Chrome拡張の準備ができたら、この3カ所を選んで案内の形を見てみましょう。「金額は税込で入力」のような自社のルールを添えれば、日頃の説明をそのままガイドにできます。

Chrome拡張方式が向いているシステム

Chrome拡張方式は、「画面に案内を出したいが、対象システムへscriptを追加できない」場合に向いています。公開サイトだけでなく、日々の業務で使う社内システムも主な対象です。

  • kintone・Salesforce・SAPなど、自社でソースコードを変更できない業務SaaS
  • 改修の承認やリリースに時間がかかり、ガイドだけを素早く追加したい社内システム
  • 新入社員や異動者へ、画面を操作しながら手順を案内したいシステム
  • 入力ルールや申請手順が変わり、担当部門が案内を継続的に直したい業務画面

Salesforceでの活用例:入力の負担や迷いを減らす対策を見る

一方、一般のお客様を含む多数の利用者へ案内したい自社Webサービスでは、利用者全員に拡張を追加してもらうより、script設置方式の方が適しています。

導入から公開までの流れ

  1. InputGuideのChrome拡張を、作成担当者とガイドを利用するメンバーのChromeへ追加する
  2. 作成担当者が対象システムを開き、新しいガイドの作成モードを開始する
  3. 案内したい入力欄・メニュー・ボタンを順番にクリックする
  4. 各ステップの説明文、表示位置、次へ進む条件などを設定する
  5. 対象メンバーへ公開し、実際の業務画面で表示を確認する
  6. 到達・操作時間・離脱などを確認し、迷いの多いステップを改善する
現在は事前登録受付中

上記は提供開始後の導入の流れです。開始前に、対象の業務・画面、ガイドを作成する担当者、拡張を追加する利用者の範囲を整理しておくと、試す対象を決めやすくなります。

ガイドを共有すれば、新しく入ったメンバーにも同じ案内を届けられます。説明を変えたいときは、運用担当者がガイドを編集。同じ質問に繰り返し答える時間を減らすために、現場で気づいた改善をそのまま案内へ戻せます。

チームで運用するための権限と公開範囲

InputGuideでは、登録メンバーに「閲覧」「閲覧・編集」「管理者」の権限を設定できます。ガイドを見る人と、作成・管理する人を同じチーム内で分けられるため、全員に編集権限を渡す必要はありません。

権限できること
閲覧公開されたガイドを業務画面で利用する
閲覧・編集ガイドを利用し、作成・編集する
管理者ガイドの運用に加え、メンバーや各種設定を管理する

画面構成が変わってガイドが表示されにくくなった場合も、作成担当者が対象要素をクリックし直して再指定できます。利用状況の計測と要素の再指定を同じ運用担当者が行えるため、開発チームへ毎回依頼せず改善を進められます。

公開前の確認例:1件の顧客登録で試す

次は確認項目の例です。実際のシステムと利用者の権限で試し、結果を記録します。

試す操作確認する結果
公開対象の閲覧メンバーが対象画面を開く拡張が有効で、必要なガイドを利用できる
会社名・担当者を入力し、保存するガイドの対象・順序が画面と合い、既存システムで登録を完了できる
入力を修正する、メニューや選択肢を開閉する案内が対象から外れず、通常の入力・選択を妨げない
ガイドを終了して、通常の操作へ戻る業務を続けられ、必要に応じて案内を再び確認できる

基本料金は月39,800円(税抜)・月2,000起動込み

提供開始後の基本料金は月39,800円(税抜)で、全機能・月2,000回のガイド起動を含みます。Chrome拡張・スクリプト設置を共通で利用でき、登録利用者・訪問者の起動は契約全体で合算します。提供開始後は1ヶ月無料で利用できます。

Chrome拡張とscript設置の選び方

Chrome拡張script設置
対象システムのコードを変更せず後付けする自社で管理するWebサイトへscriptタグを追加する
作成担当者と利用者がChrome拡張を使う作成担当者はChrome拡張を使い、利用者への配信はscriptで行う
利用者のChromeへ拡張を追加する対象サイトへscriptタグを設置する
業務SaaS・改修しにくい社内システム向け公開サービス・自社管理の社内Webシステム向け
迷ったときの判断基準

対象システムにscriptタグを追加できるか、利用者のChromeへ拡張を配布できるかで判断します。同じ会社でも、他社SaaSはChrome拡張、自社サービスはscript設置と使い分けられます。

入力内容を送信せず、ブラウザ上で案内する

InputGuideは、エンドユーザーが入力した値そのものをサーバへ送信しません。計測するのは、ガイドへの到達、操作時間、離脱、入力エラーの種別などのイベントです。全角半角の自動変換や形式チェックなどの入力補助はブラウザ内で行い、ガイドは対象画面へオーバーレイとして表示します。

提供開始後は1ヶ月無料・カード登録不要

いつもの業務画面で、最初のガイドを作ってみる

無料期間には、よく質問される操作を1つ選び、入力欄やボタンを順にクリックしてみてください。自動設定された案内を確かめ、同じグループのメンバーに使ってもらうところまで試せます。

継続する場合だけ、初回請求日の前日までにカードを登録してください。登録すると無料期間終了後に課金が始まります。未登録のままなら、料金は発生せず無料期間の終了時に利用が停止します。

現在は無料の事前登録を受け付けています。提供開始日と利用開始方法をメールでご案内します。