Zenn
🐶

Twitterの犬(Doge)が回るChrome拡張機能を作った

2023/04/04に公開
Chrome拡張
Twitter
TypeScript
tech

Twitterの犬

・・・

どうして・・・
青い鳥を返して・・・

せっかくなので回してみました

Chrome拡張機能(Spin Twitter Dog)

GitHubにソースコードを置いてあります。まだ審査も通っておらず公開されていないので、試してみたい場合はリンク先のリポジトリのREADMEに従って有効化してみてください（スター⭐️くれると嬉しいです🐈）

https://github.com/matoruru/chrome-extension_spin-twitter-dog

Chrome拡張機能の簡単な構成

言語はTypeScriptで書いています。

最も重要なのはmanifest.jsonです。

manifest.json
{
  "name": "chrome-extension_spin-twitter-dog",
  "version": "1.0.0",
  "main": "extension/app.js",
  "repository": "git@github.com:matoruru/chrome-extension_spin-twitter-dog.git",
  "author": "matoruru <matoruru@shgt.jp>",
  "license": "MIT",
  "private": true,
  "scripts": {
    "build": "tsc"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^5.57.1",
    "@typescript-eslint/parser": "^5.57.1",
    "eslint": "^8.37.0",
    "typescript": "^5.0.3"
  }
}

この中の"content_scripts"で指定している"js"の中身が拡張機能のエントリーポイントです。今回はextension/app.jsとなっていますが、これはextension/app.tsをコンパイルすることで生成されます。

コンパイル用のコマンドはyarn buildです。

まとめ

審査通ったら記事更新します！！！
（こんなクソ拡張機能（そもそも犬なんて誰かの気まぐれかもしれないし）通るかな・・・）

最後に

Twitterフォローしていただけると嬉しいです！
https://twitter.com/_matoruru

Discussion