X（Twitter）でツイートの右上に表示されるGrokボタンを非表示にする方法

2024年12月中旬から、Web版のX（旧Twitter）でツイート（ポスト）の右上にGrokのボタンが表示されるようになりました。このボタンをクリックすることで、そのポストの内容についてGrokに質問できます。

この記事では、ポストの右上に表示されるGrokボタンを非表示にする方法について紹介します。なお、Xのメニューに表示されるGrokボタンを非表示にする方法やGrokの使い方については、こちらの記事で紹介しています。

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

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

2024年5月26日

XのAI「Grok」が無料ユーザーでも利用可能に　2時間に10回までの制限付き

X（旧Twitter）の関連会社であるxAIが開発し、Xに組み込まれているAI「Grok」が無料ユーザーでも利用できるようになりました。

2024年12月7日

Grokボタンを非表示にする方法

右上に表示されているGrokボタンを非表示にするには、Webブラウザーの拡張機能を利用する必要があります。

筆者はこのボタンが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
   [data-testid="tweet"] button:has(g g) {
   2
       display: none !important;
   3
   }

   

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

まとめ

この記事では、Web版のXでツイートの右上に表示されるGrokボタンを非表示にする方法について紹介しました。この方法を使えば、Grokボタンを非表示にして、ポストをより見やすくできます。

参考

• XユーザーのxAIさん: 「Grok, analysis! Introducing the Grok button: now on posts across your home timeline! Use it to uncover context, understand real-time events, and explore trending discussions. https://t.co/6iIPYxmYlo」 / X