Web ページ上の特定のテキストにリンクする方法

リンクを共有することで、関連情報をこれまでより迅速に見つけることができるようになりましたが、テキストが豊富な Web ページでそれを行うのは困難です。有用なデータを見つけるにはテキスト全体をスキャンする必要があり、面倒で時間がかかります。ただし、Web ブラウザを使用して、強調表示されたテキストにつながる事前にプログラムされたリンクを作成すると、関連情報を他のユーザーと共有できるようになります。

Web ページ上の特定のテキストにリンクする方法

このガイドでは、PC または Mac を使用していくつかの Web ブラウザーでスクロールからテキストへの直接リンクを作成する方法について説明します。

PC 上の Web ページ上の特定のテキストへのリンク

PC ユーザーの場合は、2 つの方法を使用して、受信者を Web ページの特定の語句または段落に誘導するリンクを作成できます。共有可能なブックマークを作成することも、好みのブラウザの拡張機能を使用することもできます。

ブックマークレットの作成

JavaScript コードの小さな部分が詰め込まれたブックマークは、ブックマークレットと呼ばれます。特定のブックマーク リンクをクリックすると、事前定義されたアクションが実行されます。ユーザーを特定の Web ページ セクションに誘導するために使用すると、ブックマークレットは Web サイトを開いて、強調表示されたテキスト領域に焦点を合わせます。この機能は、Google Chrome や Microsoft Edge などの Chrome ベースのブラウザーで動作します。

Google Chrome でクリック可能なブックマークレットを作成するプロセスは比較的簡単です。そうするために:

  1. 「Ctrl + Shift + B」を押し続けると、ブラウザのブックマークまたはお気に入りのタブが有効になります。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Ctrl + Shift + O」を押して、Chrome の「ブックマーク マネージャー」に入ります。または、「設定」を選択し、「ブックマーク」をタップして、「ブックマークマネージャー」を押します。
    Web ページ上の特定のテキストにリンクする方法
    Web ページ上の特定のテキストにリンクする方法
  3. 「ブックマークマネージャー」セクションに移動したら、右クリックして「新しいブックマークを追加」オプションを選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. 次のコード行をポップアップ URL フィールドに貼り付けます。
    “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open(newUrl);})();”
    Web ページ上の特定のテキストにリンクする方法
  5. ブックマークレットの名前を変更します。「友達と共有」または同様の名前を使用して、「保存」ボタンをタップします。
    Web ページ上の特定のテキストにリンクする方法

ブックマークレットを作成したら、それを使用して Web サイトの特定の部分に直接移動できます。仕組みは次のとおりです。

  1. Web ページを起動し、カーソルを使用してテキストの一部を選択し、「友達と共有」ブックマークレットをタップします。
    Web ページ上の特定のテキストにリンクする方法
  2. このアクションにより新しいウィンドウが生成され、選択したテキストが黄色で強調表示されます。
    Web ページ上の特定のテキストにリンクする方法
  3. リンクをコピーします。

このカスタマイズされたリンクをクリックすると、Web ページは強調表示されたテキストのセクションまで自動的にスクロールします。Google Chrome または Microsoft Edge ブラウザを使用しているユーザーのみがリンクをクリックできます。

最新のMicrosoft Edgeバージョンでもブックマークレットを作成することが可能です。そうするために:

  1. 「Ctrl + Shift + O」を押したまま「お気に入りの管理」タブに移動します。または、「Edge メニュー」を開き、「お気に入り」を選択し、「お気に入りの管理」をタップします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「お気に入り」セクションに移動して右クリックします。
  3. 「お気に入りに追加」を選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. ポップアップ URL フィールドに次の JavaScript の抜粋を入力します。
     “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open(newUrl);})();”
    Web ページ上の特定のテキストにリンクする方法
  5. ブックマークレットの名前を「友達と共有」に変更します。
    Web ページ上の特定のテキストにリンクする方法

ブックマークレットを使用して Microsoft Edge で特定のテキストまでスクロールするには:

  1. Web ページを開き、カーソルでテキストの一部を選択します。
    Web ページ上の特定のテキストにリンクする方法
  2. 「友達と共有」ブックマークレットをタップします。
    Web ページ上の特定のテキストにリンクする方法
  3. 新しいウィンドウが表示され、選択したテキストが黄色で強調表示されます。
    Web ページ上の特定のテキストにリンクする方法
  4. アドレス バーからウィンドウの URL をコピーします。
    Web ページ上の特定のテキストにリンクする方法

リンクを他の人に送信すると、その人は Web ページの強調表示されたテキストのある部分に直接移動します。Chrome と Edge ユーザーのみがブックマークレット リンクを使用できます。

テキストフラグメントへのリンク拡張機能の使用

リンクを手動で作成したくない場合は、Link to Text Fragmentsなどの拡張機能も優れたオプションです。ユーザーを Web ページで選択した単語、語句、段落に移動する、事前にプログラムされたハイパーリンクを作成します。

Google Chrome で拡張機能を使用するには:

  1. Google ストアから拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」ボタンを押します。
    Web ページ上の特定のテキストにリンクする方法
  3. アクションの確認を求めるポップアップ メッセージが表示されます。「拡張機能を追加」をタップします。
    Web ページ上の特定のテキストにリンクする方法
  4. アドオンを拡張バーに固定して、いつでも簡単にアクセスできるようにします。
    Web ページ上の特定のテキストにリンクする方法
  5. Web ページを開き、語句または段落を選択します。
    Web ページ上の特定のテキストにリンクする方法
  6. 右クリックして「選択したテキストへのリンクをコピー」オプションを選択します。
    Web ページ上の特定のテキストにリンクする方法

選択したテキストが黄色に変わり、リンクが正常に作成およびコピーされたことを示します。次回あなたまたは他の人がそのリンクを使用すると、Web ページは強調表示されたテキストまで自動的にスクロールします。

テキスト フラグメントへのリンク機能は、Microsoft Edge ブラウザーでも機能します。使用方法は次のとおりです。

  1. Google ストアにアクセスして拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」ボタンをクリックします。
    Web ページ上の特定のテキストにリンクする方法
  3. ブラウザはアドオンのインストールを確認するメッセージを表示します。「拡張機能を追加」を選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. 複数の拡張機能を使用する場合、簡単にアクセスできるように [テキストへのリンク] アイコンを固定します。
    Web ページ上の特定のテキストにリンクする方法
  5. Web サイトを起動し、テキストの一部を選択します。
    Web ページ上の特定のテキストにリンクする方法
  6. 右クリックして「選択したテキストへのリンクをコピー」をタップします。
    Web ページ上の特定のテキストにリンクする方法

選択したテキストが黄色に変わると、PC はハイパーリンクをコピーしました。誰かがあなたのリンクをタップすると、最初に Web ページの強調表示された部分が表示されます。

Mac 上の Web ページ上の特定のテキストへのリンク

Safari は Mac 製品に組み込まれたインターネット ブラウジング オプションであり、ユーザーが事前定義されたテキスト リンクを作成できる拡張機能は提供しません。Mozilla Firefox や Opera などの他のブラウザでは、リンク作成ソリューションが提供されません。幸いなことに、Mac デバイスは Microsoft プログラムとうまく連携するため、Google Chrome や Microsoft Edge でテキストを強調表示したり、ハイパーリンクを作成したりできます。

Link to Text Fragment 拡張機能を使用すると、 Mac 上でスクロールからテキストへのリンクを作成できます。Google Chrome でこれを行うには:

  1. Chrome ウェブストアにアクセスし、Link to Text Fragment 拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」を押します。
    Web ページ上の特定のテキストにリンクする方法
  3. リンクしたいテキストが含まれる Web ページを開きます。
    Web ページ上の特定のテキストにリンクする方法
  4. カーソルをドラッグしてテキストを選択します。
    Web ページ上の特定のテキストにリンクする方法
  5. 選択したテキストを右クリックし、コンテキストメニューから「選択したテキストへのリンクをコピー」をタップします。
    Web ページ上の特定のテキストにリンクする方法
  6. リンクをコピーすると、テキストが黄色でマークされます。これは、コピーされたリンクがクリップボードに保存されていることを示します。

リンクをクリックすると、強調表示された抜粋が最初に表示されます。

Link to Text アドオンは Microsoft Edge で動作するため、Mac でこのブラウザを使用して特定のテキスト リンクを作成できます。そうするために:

  1. Chrome ストアから拡張機能をインストールします。
    Web ページ上の特定のテキストにリンクする方法
  2. 「Chromeに追加」ボタンをタップします。
    Web ページ上の特定のテキストにリンクする方法
  3. アクションを確認するプロンプトが表示されたら、「拡張機能を追加」を選択します。
    Web ページ上の特定のテキストにリンクする方法
  4. リンクしたいテキストが含まれる Web ページを開きます。
    Web ページ上の特定のテキストにリンクする方法
  5. カーソルを使用してテキストを選択します。
    Web ページ上の特定のテキストにリンクする方法
  6. 選択したテキストを右クリックし、「選択したテキストへのリンクをコピー」をクリックします。
    Web ページ上の特定のテキストにリンクする方法
  7. テキストが黄色に変わり、スクロールからテキストへのリンクがクリップボードに保存されたことを示します。

誰かが作成したリンクを使用するたびに、Web ページは強調表示されたテキストまでスクロールします。

Chrome または Edge ユーザーのみがリンクを通じて Web ページにアクセスし、マークされたテキストを表示できます。別のブラウザを使用している人にリンクを送信した場合、その人には、強調表示されたテキスト領域のない通常の表示と同じようにページが表示されます。

直接リンクでより効率的に情報を共有

オンライン情報へのアクセスが増加する時代においては、重要なテキストに効率的にアクセスする方法が不可欠です。選択したテキストにユーザーを誘導するリンクを作成するには、PC または Mac の Chrome または Edge ブラウザを使用します。PC をお持ちの場合は、ブックマークレットまたはテキストへのリンク拡張機能を使用して、テキストへのスクロール リンクを作成できます。Apple はまだ同様のアドオンを開発していませんが、この拡張機能は Mac デバイスでも動作します。

他の人と共有するためにテキストをハイライト表示する頻度はどれくらいですか? リンクを作成する場合、上記の方法のうちどれを好みますか? 以下のコメント欄でお知らせください。

Sign up and earn $1000 a day ⋙

Leave a Comment

Windowsでディスクエラーを修復する方法

Windowsでディスクエラーを修復する方法

コンピュータのドライブに関連するエラーにより、システムが正常に起動できなくなり、ファイルやアプリケーションへのアクセスが制限される可能性があります。

Windows 10 で FTP サーバーを設定および管理するための手順

Windows 10 で FTP サーバーを設定および管理するための手順

制限なく大きなファイルを共有および転送するためのプライベート クラウドを作成する場合は、Windows 10 コンピューターに FTP サーバー (ファイル転送プロトコル サーバー) を作成できます。

Windows の ProgramData フォルダーとは何ですか?

Windows の ProgramData フォルダーとは何ですか?

Windowsの新しいバージョンでは、システムドライブ(通常はC:\)にProgramDataというフォルダがあります。ただし、このフォルダは隠しフォルダなので、ファイルエクスプローラーでフォルダとファイルの表示を有効にした場合にのみ表示されます。

Windows 10 で EPUB ファイルを開く方法 (Microsoft Edge なし)

Windows 10 で EPUB ファイルを開く方法 (Microsoft Edge なし)

Microsoftの新しいChromiumベースのEdgeブラウザは、EPUB電子書籍ファイルのサポートを終了しました。Windows 10でEPUBファイルを表示するには、サードパーティ製のEPUBリーダーアプリが必要です。以下に、無料で使える優れたアプリをいくつかご紹介します。

Windows 11のテキストおよび画像作成アプリを表示する方法

Windows 11のテキストおよび画像作成アプリを表示する方法

Windows 11 ビルド 26120.4741 (Beta 24H2) およびビルド 26200.5710 (Dev 25H2) 以降では、ユーザーは Windows 搭載の AI モデルを使用しているサードパーティ アプリを確認できます。

Flyby11を使って古いパソコンにWindows 11をインストールする方法

Flyby11を使って古いパソコンにWindows 11をインストールする方法

Windows 10のサポート終了が近づいており、お使いのコンピューターがWindows 11を実行できない場合は、廃棄処分となります。しかし、簡単なハッキングで古いコンピューターでもWindows 11を実行できる便利なツールがあります。

Windows のゲームモードについて

Windows のゲームモードについて

Windows 10/11 のパフォーマンス ブースターであるゲーム モードは、お気に入りの FPS から 1 秒あたり数フレームを余分に絞り出すだけではありません。

SpeedFanを使ってCPU温度とコンピューターのファン速度を確認する方法

SpeedFanを使ってCPU温度とコンピューターのファン速度を確認する方法

SpeedFan ツールは、コンピューターの温度、CPU 使用率、ファン速度をチェックして、冷却できるようにします。

多くの人が使っていないWindowsの10の優れた機能

多くの人が使っていないWindowsの10の優れた機能

タスクバー上でフリーズしたアプリを強制終了したり、コンピュータを離れると自動的にロックしたりと、もっと早く見つけたかったツールがたくさんあります。

近距離共有 Windows 11 を使用してファイルを共有する手順

近距離共有 Windows 11 を使用してファイルを共有する手順

近距離共有 Windows 11 は、コンピューターに組み込まれた共有機能で、ファイルや Web ページを他のユーザーに直接送信できます。

WindowsでIRQL NOT LESS OR EQUALエラーを修正する方法

WindowsでIRQL NOT LESS OR EQUALエラーを修正する方法

IRQL NOT LESS OR EQUAL エラーは、通常、システム プロセスまたはドライバーが適切なアクセス権限なしでメモリ アドレスにアクセスしようとしたときに発生するメモリ関連のエラーです。

Windows コンピュータの起動を高速化するための簡単な変更

Windows コンピュータの起動を高速化するための簡単な変更

必要のないアプリケーションをオフにすることは、Windows コンピュータの起動を高速化する最も効果的な方法です。

Windows Sandbox: リスクなしで何でも開ける秘密のアプリ

Windows Sandbox: リスクなしで何でも開ける秘密のアプリ

このツールを使用すると、メインのコンピュータに損傷を与えるリスクなしに、疑わしいファイルを安全に確認したり、疑わしいソフトウェアをインストールしたり、危険な Web サイトを閲覧したりすることができます。

最近廃止されたInternet Explorerの代わりにIEモードを使用する方法

最近廃止されたInternet Explorerの代わりにIEモードを使用する方法

Windows 11ではInternet Explorerが削除されます。この記事では、WebTech360がWindows 11でInternet Explorerを使用する方法をご紹介します。

Microsoft Storeでアプリの自動更新をオフにする方法

Microsoft Storeでアプリの自動更新をオフにする方法

ストアでは、アプリのアップデートを一時停止できる期間が1~5週間に制限され、永続的なトグルが削除されました。強制アップデートをブロックしたい場合は、以下の設定をお試しください。