今日は、すでに閲覧されたウェブページをクリックしないようにするために、さまざまなウェブブラウザで訪問したリンクの色を調整する方法について、簡単なチュートリアルを紹介したいと思います。

色弱の方は、リンクの色が正しく設定されていないと、訪問したリンクと未訪問のリンクの区別がつかず、単純なウェブブラウジングでもイライラしてしまうことがあります。

楽しい裏話

先日、従兄弟が私のアパートに立ち寄り、私のノートパソコンを使ってGoogleで何か検索していました。 何度か、「バカヤロー！ なんでまたこのページを見てるんだ！」と言うのが聞こえたので、私は彼にこう伝えました。

• 私：ちょっとダニエル、すでに訪問したことのあるページ結果をクリックしていませんか？
• ダニエル：うん、なぜかわからないけど。
• 私：Googleの検索結果で訪問したページは赤、訪問していないページは青で表示されます、一応...（参考になればと思い）。
• ダニエル：僕には、どれも同じに見えるんです。
• 私：そうなんですか！（冗談だと思った）・・・ねえ、それ、色が違うよ。 一つは薄紫、もう一つは青、わかるかな？
• ダニエル：いやー。

従兄弟は色盲で、特に赤の色盲なんです。 私はChromeを使っていますが、リンクの色を赤から緑に変えたら、すぐに違いが分かったそうです。

あなたは色覚異常ですか？

まず、持っていても全く心配する必要はありません。 メドラインプラスによると、ほとんどの場合、色覚異常は遺伝で、治療法はありません。 また、自分の気持ちを楽にするために、「世界的に男性の8%、女性の0.5%が色覚異常であることは一般的に認められています」（出典：「色覚異常」）。

自分が色覚異常かどうかを調べるには、このハフィントンポストの記事を見るのが一番手っ取り早い。 石原カラーテストから引用した5つの画像が掲載されているのだ。

その他のテストは、こちらのサイトをご覧ください。 テスト結果を見る前に、20問のお試し問題が出ます。 青い「START TEST」をクリックするとスタートします。

ほとんどの人は「正常な色覚」と言われるでしょう。

検索エンジンのページ結果における配色

注：GoogleやBingなどのほとんどの検索エンジンは、デフォルトで、クリックスルーした結果を紫色、未訪問の結果を青色でマークしています。 ここでは2つの例をご紹介します。

Googleで「TechCrunch」を検索して出てきたものです。 TechCrunchのWikipediaのページは以前訪れたことがあるので、薄紫色で表示されるようになり、FacebookとYouTubeは青色で表示されたままです。

Bingで「SoftwareHow」を検索してみると、こんな感じです。 TwitterとGoogle+のページはすでに訪問されているので、同様に紫色で表示され、Pinterestのリンクはまだ青色のままです。

さて、本題に戻ります。 ここでは、さまざまなウェブブラウザで訪問したリンクの色を変更する方法について説明します。

Google Chromeで訪問先リンクの色を変更する方法

Chromeブラウザの場合は、残念ながら拡張機能を追加する必要があります。 ここでは、その手順を説明します。

注意：以下のスクリーンショットは、Chrome for macOS（バージョン60.0.3112.101）を使用しています。 PCまたは他のChromeバージョンを使用している場合、手順が若干異なる場合があります。

ステップ1． Chromeを起動し、Stylistという拡張機能をインストールしてください。 青い「ADD TO CHROME」ボタンをクリックします。

ステップ2． 拡張機能を追加する」をクリックすると、プラグインがChromeに追加されたことを示す通知が表示されます。

ステップ3． Stylistエクステンションのアイコンを右クリックし、「オプション」を選択します。 スタイル」タブで 新しいスタイルを追加する。

ステップ4． 新しいスタイルに名前を付け、「すべてのサイト」オプションをチェックし、以下のコードをコピーしてボックスに貼り付け、「保存」をクリックします。

A:visited { color: green ! important }.

注：この線の色は「緑」ですが、他の色やRGBコード（例：255, 0, 0）に自由に変更してください。 その他の色とそのコードはこちらでご覧いただけます。

重要：「すべてのサイト」をチェックすると、他のサイトでのユーザー体験に影響を与える可能性があります。 たとえば、私はこの変更を実施した後、Gmailのタブがすべて赤で表示され、絶対に変だと思いました。 そこで、特定のGoogle検索結果にのみこの変更を許可するルールを追加しました。

ステップ5． 新しいスタイルが有効になったかどうかを確認します。 私の場合、はい - 訪問したTechCrunch Wikipediaのページの色が緑に変更されました（デフォルトでは赤でした）。

P.S. 訪問したリンクの色が薄紫色で表示されるのに慣れているので、元に戻しました🙂。

Mozilla Firefoxで訪問先リンクの色を変更する方法

Firefoxでは、Chromeと異なり、サードパーティの拡張機能をインストールする必要がないため、より簡単に変更できます。 以下のステップバイステップのガイドに従ってください。

注意：このチュートリアルでは、Firefox 54.0.1 for macOSを使用しています。 他のバージョンを使用している場合、またはWindows PCを使用している場合は、以下に示すパスとスクリーンショットが適用されない場合があります。

ステップ1． 常にプライベートブラウジングモードを使用する」オプションが選択解除されていることを確認します。 Firefoxのメニュー>環境設定>プライバシーを開いてください。

履歴の下にある>Firefoxは : 「履歴のカスタム設定を使用する」を選択します。 常にプライベートブラウジングモードを使用する」にチェックが入っている場合は、チェックを外します。 デフォルトで非選択になっていれば問題ありません。 ステップ2へ進みます。

ステップ2． では、次に進みます。 コンテンツ> フォント & カラー> カラー。

色」ウィンドウで、「訪問したリンク：」の色を任意の色に変更し、ドロップダウンメニューで「常に」を選択し、「OK」ボタンをクリックして変更内容を保存します。

ステップ3． 設定変更の効果があるかどうかは、Googleで検索して、その訪問結果の色が変わっているかどうかで判断できます。 私の場合は、緑色に設定して、効果を発揮しています。

Safariで訪問したリンクの色を変更する方法

手順はChromeとほぼ同じで、Stylishという拡張機能をインストールする必要があります。 以下のチュートリアルでは、注意すべき点も指摘しています。 さもないと、期待通りに動作しないのです。

注意：macOSのSafari（バージョン10.0）を使用しています。 以下に示すスクリーンショットは、あなたのコンピューターで表示されるものと若干異なる場合があります。

ステップ1． Stylishエクステンションを入手し（リンク先にアクセス）、Safariブラウザにインストールします。

ステップ2． Stylishの拡張機能アイコン（ツールバーの上部にあります）をクリックし、「管理」を選択します。

ステップ3． 新しいStylishダッシュボードで、「編集」に進みます。 このスクリーンショットに示すように、4つのタスクを完了します。 CSSコードの一部は、以下のように表示されます。

A:visited { color: green ! important }.

この例でも色は緑ですが、好きなように変更できます。 その他の色とそのコードについては、こちらまたはこちらをご覧ください。

例えば、Google.comで訪問したリンクの色だけを変えたい場合、「ドメイン」を選び、CSSボックスの下に「google.com」と入力する。注：「www.google.com」と入力してはいけない。うまくいかないので、いくつか試行錯誤が必要だった。

ステップ4． 変更が有効になったかどうかテストしてください。 私の場合、うまくいきました。

Microsoft Edgeで訪問先リンクの色を変更する方法

残念ながら、Windows ユーザーにとって、訪問済みまたは未訪問のリンクの色を変更するための実現可能なソリューションはまだ見つかっていません。 Stylish 拡張機能が Edge で動作すると思っていましたが、間違っていました。 しかし、この議論からわかるように、多くの人がこの機能を要求しているため、私だけではないようです。

Edgeがこの機能を追加するか、サードパーティ製の拡張機能があれば、この記事を更新する予定です。

この記事がお役に立てれば幸いです。 上記のチュートリアルの手順で不明な点があれば教えてください。 また、もっと簡単な方法を発見された方は、下のコメント欄からお知らせください。