• Google Chrome extension "Link to Text Fragment"

  • 何それ？

    • Link to Text Fragment - Chrome ウェブストア

      • This extension allows for easily creating a special link to the currently selected text on a page via the context menu. When opening such a special link, a compatible browser will scroll the selected text into view and highlight it.

      • Usage instructions:
        • Select the text that you want to link to.
        • Right-click and choose "Copy Link to Selected Text" from the context menu.
        • If the link creation succeeded, the selected text will be briefly highlighted in yellow.
        • Paste your link wherever you want to share it.
        • 💡 Pro-tip: you can assign a keyboard shortcut to the copy action!

      • Update: Chrome now has a built-in feature ("Copy Link to Highlight" in the context menu) to copy text fragment links.

  • どう動いてる？

    • これは人類最初の試みとして、驚異に満ちたリンクの物語である: テキストフラグメント
      • terms
        • text fragment テキストフラグメント
          • テキストフラグメント (text fragments)とは 意味/解説 - シマウマ用語集

          • idを使わずに何かにリンクしたい場合はどうなるでしょうか。ECMAScript Modules in Web Workersヘッダーにリンクするとしましょう。下のスクリーンショットでわかるように、問題の<h1>にはid属性がありません。つまり、この見出しにリンクする方法はないということです。テキストフラグメントを使用すると、この問題を解決できます。

          • テキストフラグメントの提案は、URLハッシュにテキストスニペットを指定するためのサポートを追加します。このようなテキストフラグメントを含むURLに移動する場合、ユーザーエージェントはそれを強調したり、ユーザーの注意を引くことができます。

          • テキストフラグメントの構文
            • #:~:text=textStart

              • たとえば、Chrome 80の機能を発表するブログ記事のなかで、「ECMAScript Modules in Web Workers」という見出しにリンクするとした場合、このURLは次のようになります。

                • https://blog.chromium.org/2019/12/chrome-80-content-indexing-es-modules.html#:~:text=ECMAScript%20Modules%20in%20Web%20Workers
              • テキストフラグメントの完全な構文
                • #:~:text=[prefix-,]textStart[,textEnd][,-suffix]
        • URL fragment URLフラグメント
          • URLフラグメント（フラグメント識別子）とは 意味/解説 - シマウマ用語集
          • URLにおけるフラグメントと鍵の受け渡し
        • text snippet テキストスニペット
        • deep link ディープリンク
          • ディープリンクとは 意味/解説 - シマウマ用語集

            • Webページから他のWebサイトのトップページを除く個別ページに直接リンクすること

            • スマートフォン等のアプリの特定画面に直接リンクすること

        • hash URLのハッシュ
    • URL Fragment Text Directives
    • GoogleChromeLabs/link-to-text-fragment: Browser extension that allows for linking to arbitrary text fragments.
    • Scroll To Text Fragment と :~:text | blog.jxck.io

• Google Chrome built-in feature "Copy Link to Highlight"

  • 何それ？

    • Chrome で引用やテキストを共有またはリンクする - パソコン - Google Chrome ヘルプ
      • スマホのChrome Appでも使える
    • Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方【レビュー】 - 窓の杜
    • Chrome に追加された Copy link to highlight とは | うぃるどん ぶろぐだどん
    • Google、Chrome 90でWebページのハイライトテキストにリンクを作成する機能を導入 | ソフトアンテナ

疑問とリサーチ

Social Web HighlightのGlaspはGoogle Chrome built-in feature "Copy Link to Highlight"を使っているのか？

• yesっぽい
  • cf.
    • 
      • Kazuki
      • "See in Context"でtext fragment リンク生成される
        • to https://technomancers.ai/japan-goes-all-in-copyright-doesnt-apply-to-ai-training/#:~:text=Japan’s government recently reaffirmed, sites or otherwise.”
      • Copy Link to HighlightはGlasp内のリンクへ飛ぶ
        • to https://glasp.co/highlight-embed?u=iEd35usUD6XDg5Y89IPEj8JlYTb2&d=HIvaRmUekDb8jlw4wtha&h=pmakbux9f1casv0f&m=h

• Chrome and/or Glasp extensionへの依存度のためだった:
  • Thank you! @KeiWatanabe17 🙇