中桐 誠
Software Engineer

MarkerPen

選択したテキストに2種類の背景色でハイライトできます。
(Chrome拡張機能の動作とChromeウェブストア登録の実証例として作成していますので、
最小限の機能だけに絞り例外などは考慮していません。)

  • インストール
    1. ChromeウェブストアのMarker Pen へ移動する
    2. 通常のChrome拡張機能と同じ手順でインストールする
    3. 設定は必要ありません
  • 機能

    ※Chrome拡張機能の動作とChromeウェブストア登録の実証例として作成していますので、最小限の機能だけに絞り例外などは考慮していません

    • 選択したテキストに2種類の背景色でハイライトできます。
      背景色:
      • positive: アクア
      • negative: グレー
    • ハイライトを取り消すことができます。
    • 当該ドメイン内の移動先ページでも設定したテキストがハイライトされます。
    • セッションを終了するとハイライトの設定は破棄されます。
  • 操作方法
    1. ハイライト操作
      1. ハイライトするテキストを選択して右クリック
      2. コンテクストメニューの「MarkerPen」にマウスを移動
      3. 機能を選択する
    2. ハイライト解除操作
      1. 拡張機能のアイコンをクリック
      2. 解除するマーキング中のテキストをクリック
  • 制限事項

    ※Chrome拡張機能の動作とChromeウェブストア登録の実証例として作成していますので、最小限の機能だけに絞り例外などは考慮していません

    • ハイライト背景色は二種類の固定です。
    • ハイライトの設定は当該ドメイン内だけです。
    • ハイライトの設定はセッションを終了するとは破棄されます。
    • 実証例ですので、一般公開ではなくURLをご存じの方だけへの限定公開にしています。
  • 使用技術
    • Chrome拡張機能によるDOM操作
    • Chrome拡張機能によるコンテクストメニュー(右クリックメニュー)操作
    • Chrome拡張機能のスクリプト(service workerとcontent script)間の通信
    • Chrome拡張機能のスクリプト(popupとcontent script)間の通信
    • Chromeウェブストアへの登録
  • 更新履歴
    • Ver. 0.4.0 削除機能をポップアップウィンドウへ移動
    • Ver. 0.3.1 公開