Manuscript – ページが変わっても壊れにくいWebデモ・マニュアルを作れるブラウザー拡張
(zendy00.github.io)Webページ上でステップごとのデモ・マニュアル・オンボーディングガイドを作れるブラウザー拡張です（Chrome・Edge）。強調したい要素をクリックで指定し、スポットライト・メモ・手描き矢印を重ねて再生できます。
作る際には2つの点に注力しました。既存ツールはページが少し変わるだけでガイドが壊れ、成果物がクラウドに閉じ込められてバージョン管理が難しくなりがちです。この2点を違う形で解決したいと考えました。
違い
- 壊れにくいです。 各ステップの要素を3層で記憶します — 安定した属性（data-testid・id・aria-label）→ テキスト・周辺構造 → 座標・隣接テキスト。1つがずれたら次の層にフォールバックします。
- 成果物はJSONファイル1つ。 gitにcommitし、PRでdiffを確認し、コードの横に置いて管理できます。クラウドのロックインはありません。
- 対象サイトのコードは触りません。 拡張がブラウザー内だけで動作するため、自社製品・顧客企業・外部SaaSのどこでも作成できます。
読み上げ案内（TTS）、発表者ウィンドウ、画面録画、GitHubリポジトリでのシナリオ共有機能もあります。
まだコメントはありません。