https://github.com/roflsunriz/web-page-enhancement-scripts
Multiple userscripts for various web pages to enhance its usability
https://github.com/roflsunriz/web-page-enhancement-scripts
greasemonkey-userscript javascript tampermonkey-userscript typescript userscript violentmonkey-userscript
Last synced: 1 day ago
JSON representation
Multiple userscripts for various web pages to enhance its usability
- Host: GitHub
- URL: https://github.com/roflsunriz/web-page-enhancement-scripts
- Owner: roflsunriz
- License: mit
- Created: 2025-10-04T14:16:58.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2026-03-21T05:30:47.000Z (28 days ago)
- Last Synced: 2026-03-21T21:27:25.531Z (27 days ago)
- Topics: greasemonkey-userscript, javascript, tampermonkey-userscript, typescript, userscript, violentmonkey-userscript
- Language: TypeScript
- Homepage:
- Size: 3 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Agents: AGENTS.md
Awesome Lists containing this project
README
web-page-enhancement-scripts
================================
[](https://github.com/roflsunriz/web-page-enhancement-scripts/actions/workflows/release.yaml)
[](https://eslint.org/)
[](https://www.typescriptlang.org/)
[](LICENSE)
[](https://github.com/roflsunriz/web-page-enhancement-scripts/pulls)
[](https://github.com/roflsunriz/web-page-enhancement-scripts/actions/workflows/ci.yaml)
これは複数のウェブページ向けユーザースクリプト（Tampermonkey / Greasemonkey）を管理するリポジトリです。TypeScript と Vite を用いて開発され、`dist/` にビルド済みの userscript（`.user.js` / `.meta.js`）が出力されます。
プロジェクト構成（概要）
-----------------------
- `src/` — 各ユーザースクリプトのソースコード。サブディレクトリごとに機能を分離。
- `chatgpt-notify/` — 生成完了通知（ChatGPT 連携想定）
- `d-anime/` — dアニメ向けニコニコ動画コメントレンダリングスクリプト
- `d-anime-cf-ranking/` — dアニメCFページ向け作品人気度ランキング表示スクリプト
- `image-collector/` — ページ内画像の一括収集・ZIP ダウンロード
- `imgur-direct-link/` — Imgur 画像の直接リンク取得
- `native-video-volume-setter/` — ブラウザ標準のビデオプレーヤー音量を既定値に揃える補助スクリプト
- `manga-viewer/` — 漫画・画像閲覧ブックスタイルビューア（React コンポーネント含む）
- `twitter-*` 系 — Twitter 関連の各種ユーティリティ（画像、フィルタ、スレッドコピー等）
- `x-auto-spam-reporter/` — X/Twitter のリプライをワンクリックでスパム報告＆ブロック
- `x-community-note-close/` — X/Twitter のコミュニティノート評価モーダルをバックドロップクリックで閉じる
- `youtube-info-copier/` — YouTube の動画情報をコピーするツール
- `shared/` — DOM ヘルパー、GM HTTP、ロガー、共通型定義などのユーティリティ
- `dist/` — ビルド済みの userscript（配布用）
各種ユーザースクリプトの説明は[userscripts.md](userscripts.md)を参照してください。
ユーザースクリプトのサブスクライブ
----------------------
リンクをクリックすることでTampermonkeyが自動的にインストールウィンドウを開き、インストールを行うことができます。
- [chatgpt-notify](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/chatgpt-notify.user.js)
- [d-anime-cf-ranking](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/d-anime-cf-ranking.user.js)
- [d-anime-nico-comment-renderer](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/d-anime-nico-comment-renderer.user.js)
- [fanbox-floating-menu](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/fanbox-floating-menu.user.js)
- [fanbox-pagination-helper](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/fanbox-pagination-helper.user.js)
- [image-collector](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/image-collector.user.js)
- [imgur-direct-link](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/imgur-direct-link.user.js)
- [native-video-volume-setter](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/native-video-volume-setter.user.js)
- [book-style-manga-viewer](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/manga-viewer.user.js)
- [twitter-clean-ui](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/twitter-clean-ui.user.js)
- [twitter-full-size-image](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/twitter-full-size-image.user.js)
- [twitter-clean-timeline](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/twitter-clean-timeline.user.js)
- [twitter-thread-copier](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/twitter-thread-copier.user.js)
- [x-auto-spam-reporter](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/x-auto-spam-reporter.user.js)
- [x-community-note-close](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/x-community-note-close.user.js)
- [youtube-info-copier](https://github.com/roflsunriz/web-page-enhancement-scripts/raw/refs/heads/main/dist/youtube-info-copier.user.js)
配布・導入
---------
1. `dist/` 内の `.user.js` ファイルを開いて右上のRawボタンを押すとTampermonkeyのユーザースクリプトとして読み込めます。そのままインストールするか、Tampermonkey の「新しいスクリプトを追加」から貼り付けてインストールします。
2. `.meta.js` はメタ情報の参照やホスティング時に使用できます。
アップデート手順
---------------
1. Tampermonkeyのアイコンを押し、ダッシュボードを開きます。
2. 「インストール済み」タブを開き、対象のスクリプトを選択します。
3. 「選択したスクリプトすべてにこの操作を適用」から「更新を確認」を選択し「実行」ボタンを押すと、最新版があれば自動的に更新されます。
インストール（開発環境）
----------------------
前提
- Bun（推奨：v1.3.8以上）
手順
1. リポジトリをクローンします。
```bash
git clone https://github.com/roflsunriz/web-page-enhancement-scripts.git
cd web-page-enhancement-scripts
```
2. 依存関係をインストールします。
```bash
powershell -c "irm bun.sh/install.ps1|iex"
bun install
```
3. 開発サーバを起動します（スクリプト毎にモードを指定）。例：
```bash
# YouTube 情報コピー UI を開発する場合
bun dev:youtube-info-copier
# 画像収集機能を開発する場合
bun dev:image-collector
```
開発用のモードは `package.json` の `scripts` に多数定義されています（例: `dev:d-anime`, `dev:twitter-thread-copier` 等）。
ビルド
-----
すべての userscript をビルドして `dist/` に出力するには：
```bash
bun build
```
コード品質チェック
------------------
型チェック、リンティング、フォーマットは以下で実行できます:
```bash
bun type-check # tsc --noEmit
bun lint # eslint src/**/*.ts
bun format # prettier --write src/**/*.ts
```
開発者向けノート
-----------------
- 型定義は `src/shared/types` に集約されています。
- 各スクリプトは SPA 向けに `MutationObserver` を使った URL 監視やシャドウ DOM を使用することがあります。
- 大量ダウンロード系（image-collector）はバッチ制御やリトライを実装しています。
貢献
----
PR 前に以下を実行してください：
```bash
bun install
bun type-check
bun lint
bun build
```
ライセンス
-------
MIT
CI / PR Checks
-------------
このリポジトリは GitHub Actions を使った CI と PR Checksを提供します。
- **CI**: `main` ブランチへの push および PR で `lint` / `type-check` / `build` を実行します。
- **PR Quick Checks**: PR 作成時に `lint` と `type-check` を早期に検出します。