はじめに

みなさんは普段、Chrome拡張機能は使ってますか？

動画をダウンロードできたり、デザインを変更できたり、クソアプリを作れたりと、
なかなか面白いGoogle Chromeの機能です。

実はChrome拡張機能は、シンプルな物であれば、物凄く簡単に作ることができます。
そこで今回は、Chrome拡張機能をさっくりと作りたい人向けの超さわりの部分だけを説明します。

ゴール

作業中についつい見たくなってしまうTwitter。。。ちょっと見るはずが気づけば30分。。
そんな悩みを解決すべく、今回はTwitterをみたら叱ってくれるChrome拡張機能を作ろうと思います。
ソースコードはこちら

1.最低限度必要なファイルの作成

.
├── content.js
├── icon.png
├── manifest.json

content.js

window.alert("努力だ。\n勉強だ。\nそれが天才だ。\n誰よりも三倍、四倍、五倍勉強する者、それが天才だ。\n\nby野口英世");

弱い自分自身に負け、もしTwitterを開いてしまったら、野口英世先生の激励の言葉が飛んできます。

manifest.json

{
    "name": "Twitter Miruna",
    "version": "1.0.0",
    "manifest_version": 2,
    "description": "Twitterを見たら叱ってくれます。",
    "icons": {
      "16": "icon.png",
      "48": "icon.png",
      "128": "icon.png"
    },
    "content_scripts": [{
      "matches": ["https://twitter.com/"],
      "js": [
        "content.js"
      ]
    }]
}