はじめに
Webブラウザでの作業をもっと便利にしたい、ちょっとした自動化をしてみたい。
そんなときに役立つのが、Chromeの人気拡張機能 「Tampermonkey（タンパーモンキー）」 です。
この記事では、下記内容を初心者向けにやさしく解説します。
- Tampermonkeyとは何か
- インストール方法
- まず触ってみるための超簡単スクリプト
- 便利な使い方サンプル
- 利用時の注意点
Tampermonkey とは？
Tampermonkey は、Webサイトに自分だけのカスタム機能を追加できる Chrome 拡張機能です。
ユーザースクリプトと呼ばれる JavaScript を、ページ読み込み時に自動で実行してくれます。
つまり、ブラウザ上の操作を「自動化」したり「改良」したりできるツールです。
できることの例
- 広告を非表示にする
- 自動クリック / 自動スクロール
- ページデザインの変更
- 独自のボタンを追加
- 自分だけのショートカットキーを作る
- SNS の「いいね」やフォーム入力の自動化
まとめると、「ちょっとした自動化をコードで追加できる便利ツール」 です。
Tampermonkey のインストール方法
インストール方法
- Chrome ウェブストアを開く
https://chrome.google.com/webstore - 「Tampermonkey」と検索
- 「Chrome に追加」をクリック
これだけでインストール完了です。
開発者モードを有効にする
Google Chromeのアップデートにより、開発者モードの有効化と、拡張機能に対してユーザースクリプトを有効化する必要があります。
- 拡張機能にアクセス
ブラウザのアドレスバーに「 chrome://extensions/ 」と入力する - 画面右上のデベロッパーモードのトグルボタンをオンにする
- 拡張機能の詳細をクリックし、ユーザースクリプトを許可します。
まずは動かしてみる！超かんたんスクリプト（Hello World）
Tampermonkey がどんなものか触るために、
まずは「ページを開くとアラートが出る」簡単なスクリプトを作ってみましょう。
Tampermonkey で新規スクリプト作成
- Chrome右上 → Tampermonkey アイコン
- 「Create a new script…（新規スクリプト）」 をクリック
以下のサンプルコードを貼り付ける
// ==UserScript==
// @name Hello World Example
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Simple test script
// @match *://*/*
// @grant none
// ==/UserScript==
alert("こんにちは！Tampermonkey が動いています！🚀");
保存 → Webページを開く
ページを読み込むと、アラートが出れば成功！
Tampermonkey が実際にコードを注入できている証拠です。
少し実用的なサンプルスクリプト
ページの背景色を自動で変更する
Google を開いたとき、背景色が淡い黄色になるスクリプトです。
// ==UserScript==
// @name Background color change
// @match https://www.google.com/*
// @grant none
// ==/UserScript==
document.body.style.backgroundColor = "lightyellow";
特定のボタンを自動クリックする
ページ内の最初の <button> を自動クリックするスクリプト
// ==UserScript==
// @name Auto Click Example
// @match https://example.com/*
// @grant none
// ==/UserScript==
window.addEventListener("load", () => {
const btn = document.querySelector("button");
if (btn) btn.click();
});
業務用サイトや社内ツールなどで「毎回押すボタンが決まっている」場面で便利です。
注意点（重要）
Tampermonkey はとても強力なツールですが、使う際には以下に気をつけてください。
- 銀行・決済・SNSなど重要サービスのDOM操作は慎重に
- インターネット上のスクリプトをそのまま使わない
→ 悪意のあるコードが混じる可能性があります - JavaScript を少し理解していると、できることが一気に増える
安全に使えば、日常の手作業を圧倒的に効率化できます。
まとめ
Tampermonkey を使うと、Webサイトを自分専用に最適化し、あらゆる作業を自動化できます。
- インストールは30秒
- 自動実行できる JavaScript を書ける
- ページ操作を自在にアレンジ可能
ちょっとした改善でも効果は大きく、慣れてくると「Web作業は自分でどんどん自動化する」世界が広がります。
コメント