X（旧Twitter）の［Grokに質問する］ボタンを非表示にする方法

2024年7月24日ごろから、X（旧Twitter）に［Grokに質問する］というボタンが追加されました。ポスト（ツイート）のテキストを選択した際に、そのテキストの下に［Grokに質問する］というボタンが表示されます。すべての環境で展開されているわけではないようですが、このボタンを邪魔に感じる方もいるかもしれません。

この記事では、［Grokに質問する］ボタンを消す方法を紹介します。なお、Xのメニューに表示される［Grok］ボタンを非表示にする方法については、こちらの記事で紹介しています。

X（Twitter）のGrokのボタンを消す方法

X（旧Twitter）のスマートフォンアプリやWeb版にて、［Grok］という機能のボタンが表示されるようになっています。この記事では、Grokボタンを非表示にする方法を紹介します。

2024年5月26日

［Grokに質問する］ボタンを非表示にする方法

［Grokに質問する］ボタンを非表示にするには、Webブラウザーの拡張機能を利用する必要があります。

筆者は［Grokに質問する］ボタンがWeb版で表示されることを確認していますが、アプリ版で表示されるかは不明です。もしアプリ版でボタンが表示された場合は、この方法では非表示にできないので諦めてください。

Web版については、次の手順で非表示にできます。

なお、拡張機能を利用できるWebブラウザー（PCのWebブラウザーやAndroid版Firefox、iOSのSafariなど）が必要です。

1. Stylusをインストールする
   Webページのデザインを上書きできる拡張機能「Stylus」をブラウザーにインストールします。CSSの設定ができる拡張機能であれば他のものでも代用できますが、ここではStylusを使って説明します。

   • Chrome版・Edge版Stylus
   • Firefox版Stylus

2. Stylusのアイコンをクリックする
   Web版のXを開いた状態で、拡張機能ツールバーからStylusのアイコンをクリックします。

   

3. x.comを選択する
   ［次のスタイルを書く：］でx.comをクリックします。このとき、x.com以外の部分（/homeなど）がハイライトされておらず、x.comのみがハイライトされている状態でクリックしてください。

   

4. CSSを入力する
   スタイルの設定画面が表示されるので、中央にある大きなテキストボックスに、次のテキストをコピーしてそのまま貼り付けます。

   1
   [role="menu"]:has([data-testid="Dropdown"]):has(button) {
   2
       display: none !important;
   3
   }

   

5. 保存する
   画面左のサイドバーにあるオレンジ色の［保存］ボタンをクリックして設定を保存します。

まとめ

［Grokに質問する］ボタンを非表示にする方法を紹介しました。この方法を使えば、Xのポストのテキストを選択した際に表示される［Grokに質問する］ボタンを消すことができます。

なお、この方法はWebブラウザーの拡張機能を利用するものであり、アプリ版のXには対応していません。アプリ版で［Grokに質問する］ボタンが表示された場合は、この方法では非表示にできないので注意してください。