---
title: X（Twitter）のGrokのボタンを消す方法
url: https://roboin.io/article/2024/05/26/how-to-hide-x-twitter-grok-button/
description: X（旧Twitter）のスマートフォンアプリやWeb版にて、［Grok］という機能のボタンが表示されるようになっています。この記事では、Grokボタンを非表示にする方法を紹介します。
publishedDate: 2024-05-26T04:45:05.000Z
modifiedDate: 2024-07-24T15:03:25.000Z
thumbnail: https://roboin.io/api/media/file/image-1566.png
thumbnailAlt: XのAndroidアプリのカスタムナビゲーションの設定のスクリーンショット
thumbnailCaption: N/A
---

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

X（旧Twitter）のスマートフォンアプリやWeb版にて、［Grok］という機能のボタンが表示されるようになっています。Grokは、Xの有料プランのうちプレミアムプラン以上に登録しているユーザーのみが利用できる機能です。

Grokのボタンは、Grokを利用できない無料ユーザーでも、ナビゲーションバーに表示されます。この記事では、Grokボタンを非表示にする方法を紹介します。

なお、ポスト（ツイート）のテキストを選択した際に表示される［Grokに質問する］ボタンを非表示にする方法については、こちらの記事で紹介しています。

[X（旧Twitter）の［Grokに質問する］ボタンを非表示にする方法](https://roboin.io/article/2024/07/25/how-to-hide-x-formerly-twitter-ask-grok-button/)

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

Grokボタンを非表示にする方法について、スマートフォンアプリとWeb版それぞれの手順を紹介します。

**Web版では簡単にGrokを非表示にできますが、アプリ版でGrokを非表示にするには、Xのベーシックプラン以上に登録する必要があります**。

Xの有料プランには「ベーシック」「プレミアム」「プレミアムプラス」の3つが存在しています。それぞれのプランの違いについては、[こちらの記事](/article/2023/10/28/differences-between-3-twitter-plans/)で紹介しています。

### スマートフォンアプリ

:::caution
XのアプリでGrokボタンを非表示にするには、Xの有料プラン「Xプレミアム」の「**ベーシックプラン**」以上に登録している必要があります。ベーシックプラン以上に登録すると、ナビゲーションバーをカスタマイズする機能が利用できるようになり、Grokボタンを非表示にできます。
:::

<Steps>
  Xのアプリを開きます

  メニューの［プレミアム］セクションから［設定］を選択します

  :::note
    ［設定とサポート］セクションの［設定とプライバシー］ではなく、［プレミアム］セクションの［設定］を選択してください。
    
  :::

  ![XのAndroidアプリのメニューのスクリーンショット](https://roboin.io/api/media/file/image-1563.png)

  プレミアムの設定の［その他］を選択します

  ![XのAndroidアプリのXプレミアムの設定画面のスクリーンショット](https://roboin.io/api/media/file/image-1564.png)

  ［カスタムナビゲーション］を選択します

  ![Xプレミアムのその他の設定のスクリーンショット](https://roboin.io/api/media/file/image-1565.png)

  カスタムナビゲーションの設定で［Grok］をタップします

  ![XのAndroidアプリのカスタムナビゲーションの設定のスクリーンショット](https://roboin.io/api/media/file/image-1566.png)

  ［保存］をタップして設定を保存します
</Steps>

### Web版

Web版では、CSSを使ってGrokボタンを非表示にできます。次の手順で、Grokボタンを非表示にしてください。

<Steps>
  Stylusなどのブラウザー拡張機能をインストールします

  - [Chrome・Edge版Stylus](https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)
  - [Firefox版Stylus](https://addons.mozilla.org/firefox/addon/styl-us/)

  :::note
    ここでは、Stylusを使ってCSSを適用する手順を紹介します。Stylus以外の拡張機能を使っても問題ありません。
    
  :::

  Stylusのアイコンをクリックして［x.com］のスタイルを作成します

  :::note
    ［x.com/home］の全体ではなく、［x.com］の部分だけがハイライトされている状態でクリックすると、［x.com］のスタイルを作成できます。

  ![Stylusのスクリーンショット](https://roboin.io/api/media/file/image-1567.png)
  :::

  次のCSSをコピーしてStylusに貼り付け、保存します

  ```css
  [role="navigation"] a[href="/i/grok"] {
      display: none;
  }
  ```
</Steps>

## まとめ

この記事では、XのGrokボタンを非表示にする方法について紹介しました。スマートフォンアプリでは、ベーシックプラン以上に登録することでGrokボタンを非表示にできます。Web版では、CSSを使ってGrokボタンを非表示にできます。