/niconico-darkmode

ニコニコをダークモードにする拡張機能

Primary LanguageSCSSMIT LicenseMIT

niconicoサイトをダークモード化する拡張機能です。

▼ DLはこちらから

Preview

niconico総合TOP


必要条件

以下のいずれかを利用して開発に参加することができます。

  • Google Chrome 最新版
  • Mozilla Firefox 最新版
  • DockerとDocker-compose実行環境

(どれもOSは問わないが最新のものであることが条件)

使用言語 / 技術

  • SCSS
  • CSS3
  • javascript
  • jQuery
  • Docker / Docker-compose(ソースファイルのコンパイルに必要)

ディレクトリ構成

$ tree -L 3
.
├── LICENSE
├── README.md
├── docker-compose.yml
├── etc #プロジェクトに関連する設定の格納先
│   └── compile #compileコンテナ関連
│       ├── Dockerfile
│       ├── gulpfile.js #gulp.jsの設定ファイル。レシピの追記があればここに
│       └── package.json #node.jsの設定ファイル。パッケージの追加があればここに。
├── lib #GitHubで利用する画像などの格納先
│   └── ss
├── memo.md
└── src #ソースファイルの格納先
    ├── images #画像
    ├── js #スクリプト
    ├── manifest.json #拡張機能の定義ファイル
    └── style_for #各ニコニコページ向けのスタイルシート
        ├── account
        ├── live
        ├── parts
        ├── top
        └── video

開発への参加

環境構築(Chrome)

  1. 最新のリポジトリをDL
  2. dockerとdocker-composeの実行環境を用意
  3. 拡張機能の管理からデベロッパーモードを有効化
  4. gitのルートディレクトリでdocker-compose up [-d]を実行しコンパイルを実行
  5. destを読み込み編集
  6. 終了させる場合は、docker-compose down

環境構築(Firefox)

  1. 最新のリポジトリをDL
  2. dockerとdocker-composeの実行環境を用意
  3. デバッグメニューへ移動
  4. gitのルートディレクトリでdocker-compose up [-d]を実行しコンパイルを実行
  5. destを読み込み編集
  6. 終了させる場合は、docker-compose down

注意事項

同じファイルでChrome/Firefoxどちらも動作する必要があります。

ライセンス

MIT

作者

AyumuNekozuki / @nekozuki_dev / https://portfolio.nekozuki.me/

SpecialThanks

@hiyakake


作業メモ