LoginSignup
0
0

More than 3 years have passed since last update.

Google スライドのプレゼンテーション時の下側に表示されるメニューを消す

Last updated at Posted at 2020-12-19

はじめに

「Googleスライド」というGoogle製のWebアプリ(WindowsのPowerPointに酷似)があるんですが、プレゼンテーション中に下側にメニューが出てうざいので消してみました。

image.png

GoogleChromeの拡張機能で消す

手順を示します。
①: 以下の3つファイル(manifest.json, content.js, jquery.min.js)を作成する

manifest.json

{
  "name": "Hide Google Slide Presentation Menu",
  "manifest_version": 2,
  "version": "1.0",
  "browser_action": {
    "default_title": "Hide Google Slide Presentation Menu"
  },
  "description": "Google スライドのプレゼンテーション時の下側に表示されるメニューを消す",
  "content_scripts": [
    {
      "matches": [
        "https://docs.google.com/presentation/*"
      ],
      "js": ["jquery.min.js", "content.js"]
    }
  ]
}

content.js

$(() => {
    setInterval(() => {
        const $elm = $('iframe').contents().find('.punch-viewer-nav');      
        if($elm.length) {
            $elm.hide();
        }
    }, 1000);
});

適当なバージョンのjquery.min.js

②: 3つのファイルを同一フォルダに置く

image.png

③ GoogleChromeで拡張機能を開き、デベロッパーモードをONにして、フォルダごとドロップする
デベロッパーモードの切り替えは右上にあります。
image.png

④ Google スライドを開いて、プレゼンテーションを開始する。一瞬メニューが見えますがすぐに消えるはずです。

ダウンロード

こちらからダウンロードできます。
hideGoogleSlidePresentaionMenuフォルダ毎ダウンロードして、解凍してください。あとは③と同様にフォルダ毎ドロップしてください。
hideGoogleSlidePresentaionMenu2はON/OFFなど少し設定が可能です。

hideGoogleSlidePresentaionMenu2の設定ポップアップ

チェックボックスで消すかどうか選択できます。
今後selectorが変わってもいいように変更できるようにしています。(基本的にSelectorは変更しないでください)
Intervalはメニューが表示されているか監視する間隔です。(プレゼン開始後、消えるまでの最大時間とお考え下さい。)
image.png

最後に

少しググったんですが、あーもうめんどくせーってことで自分で消しました

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0