Merge pull request #8 from nekonado/v1.2.5

release v1.2.5

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "cSpell.words": [
+    "kanban",
+    "Kanbansection",
+    "Nulab"
+  ]
+}

README.en.md

@@ -0,0 +1,57 @@
+<p align="center">
+  <a href="https://github.com/nekonado/kanbansection-observer">
+    <img src="./img/logo.webp" alt="Kanbansection Observer" width="400px" />
+  </a>
+</p>
+
+![GitHub release](https://img.shields.io/github/v/release/nekonado/kanbansection-observer?&label=release)
+![License](https://img.shields.io/github/license/nekonado/kanbansection-observer?color=#00836b)
+![GitHub issues](https://img.shields.io/github/issues/nekonado/kanbansection-observer?color=#00836b)
+![GitHub pull requests](https://img.shields.io/github/issues-pr/nekonado/kanbansection-observer?color=#00836b)
+![GitHub last commit](https://img.shields.io/github/last-commit/nekonado/kanbansection-observer?color=#00836b)
+![GitHub stars](https://img.shields.io/github/stars/nekonado/kanbansection-observer?color=#00836b)
+
+[ English | [日本語](https://github.com/nekonado/kanbansection-observer/blob/main/README.md) ]
+
+---
+
+# Kanbansection Observer
+
+Kanbansection Observer is a Chrome extension designed to enhance the usability of kanban boards on [Backlog (Nulab Inc.)](https://backlog.com/ja/). It observes each section of your kanban board, highlighting those that exceed Work In Progress (WIP) limits. Additionally, it offers an options page for customizing the WIP limits and highlight colors for each status.
+
+## Features
+
+- **Custom Styling**
+
+  Highlights sections exceeding WIP limits, allowing you to visually track project progress.
+  ![demo1](./img/demo-1.png)
+
+- **Options Page**
+
+  Provides an options page where you can customize WIP limit numbers for each status and the colors used for highlighting.
+  ![demo2](./img/demo-2.png)
+
+## Installation
+
+Please install from the [Chrome Web Store](https://chromewebstore.google.com/detail/kanbansection-observer/mpdokkleihjigkcikbibmimekikdpmam). If you wish to use the latest version not yet published to the Web Store, follow the manual installation instructions below.
+
+### Manual Installation Instructions
+
+1. Clone the repository to any directory.
+2. Open Google Chrome and navigate to [chrome://extensions/](chrome://extensions/).
+3. Enable "Developer mode" in the top right corner.
+4. Click "Load unpacked extension" and select the directory where you cloned the repository.
+
+## How to Use
+
+After installing Kanbansection Observer, visit your Backlog project page, then open the options page to customize it. Once customization is complete, sections of your kanban board that exceed the WIP limits will be highlighted. For detailed instructions, refer to the demo video below.
+
+👉 [Watch the demo video](https://www.youtube.com/watch?v=Jj5IasT99XY)
+
+## How to Contribute
+
+Contributions are welcome! If you encounter any issues or have suggestions for improvements, please open an issue or submit a pull request on the [GitHub repository](https://github.com/nekonado/kanbansection-observer).
+
+## License
+
+This project is provided under the MIT License. For details, see the [LICENSE file](https://github.com/nekonado/kanbansection-observer/blob/main/LICENSE).

README.md

@@ -9,49 +9,49 @@
 ![GitHub issues](https://img.shields.io/github/issues/nekonado/kanbansection-observer?color=#00836b)
 ![GitHub pull requests](https://img.shields.io/github/issues-pr/nekonado/kanbansection-observer?color=#00836b)
 ![GitHub last commit](https://img.shields.io/github/last-commit/nekonado/kanbansection-observer?color=#00836b)
-![GitHub stars](https://img.shields.io/github/stars/nekonado/kanbansection-observer?color=#00836b)
+![GitHub](https://img.shields.io/github/stars/nekonado/kanbansection-observer?color=#00836b)
 
-[ English | [日本語](https://github.com/nekonado/kanbansection-observer/blob/main/README.ja.md) ]
+[ 日本語 | [English](https://github.com/nekonado/kanbansection-observer/blob/main/README.en.md) ]
 
 ---
 
 # Kanbansection Observer
 
-Kanbansection Observer is a Chrome extension designed to enhance the usability of kanban boards on [Backlog (Nulab Inc.)](https://backlog.com/ja/). It observes each section of your kanban board, highlighting those that exceed Work In Progress (WIP) limits. Additionally, it offers an options page for customizing the WIP limits and highlight colors for each status.
+Kanbansection Observer は、[Backlog (Nulab Inc.)](https://backlog.com/ja/) のカンバンボードの利便性を向上させるための Chrome 拡張機能です。この拡張機能は、カンバンボードの各セクションを観察し、WIP 制限を超えたセクションを強調表示します。また、オプションページを提供し、状態ごとの WIP リミット数の個別設定や強調表示の色をカスタマイズすることができます。
 
-## Features
+## 機能
 
-- **Custom Styling**
+- **カスタムスタイリング**
 
-  Highlights sections exceeding WIP limits, allowing you to visually track project progress.
+  WIP 制限を超えたセクションを強調表示し、プロジェクトの進行状況を視覚的に把握します。
   ![demo1](./img/demo-1.png)
 
-- **Options Page**
+- **オプションページ**
 
-  Provides an options page where you can customize WIP limit numbers for each status and the colors used for highlighting.
+  状態ごとの WIP リミット数、強調表示の色についてカスタマイズできるオプションページを提供します。
   ![demo2](./img/demo-2.png)
 
-## Installation
+## インストール
 
-Please install from the [Chrome Web Store](https://chromewebstore.google.com/detail/kanbansection-observer/mpdokkleihjigkcikbibmimekikdpmam). If you wish to use the latest version not yet published to the Web Store, follow the manual installation instructions below.
+[Chrome ウェブストア](https://chromewebstore.google.com/detail/kanbansection-observer/mpdokkleihjigkcikbibmimekikdpmam)からインストールしてください。ウェブストアに未公開の最新バージョンを使用したい場合は、以下の手順に従って手動でインストールしてください。
 
-### Manual Installation Instructions
+### 手動インストール手順
 
-1. Clone the repository to any directory.
-2. Open Google Chrome and navigate to [chrome://extensions/](chrome://extensions/).
-3. Enable "Developer mode" in the top right corner.
-4. Click "Load unpacked extension" and select the directory where you cloned the repository.
+1. 任意のディレクトリにリポジトリをクローンします。
+2. Google Chrome を開いて、[chrome://extensions/](chrome://extensions/) に移動します。
+3. 右上隅にある「開発者モード」を有効にします。
+4. 「パッケージ化されていない拡張機能を読み込む」をクリックし、リポジトリをクローンしたディレクトリを選択します。
 
-## How to Use
+## 使用方法
 
-After installing Kanbansection Observer, visit your Backlog project page, then open the options page to customize it. Once customization is complete, sections of your kanban board that exceed the WIP limits will be highlighted. For detailed instructions, refer to the demo video below.
+Kanbansection Observer をインストールして、Backlog プロジェクトページにアクセスした後、オプションページを開いてカスタマイズをします。カスタマイズが完了したら、カンバンボードの各状態セクションに対して、WIP 制限を超えたセクションが強調表示されるようになります。具体的な操作方法については、以下のデモ動画を参照してください。
 
-👉 [Watch the demo video](https://www.youtube.com/watch?v=Jj5IasT99XY)
+👉 [デモ動画を見る](https://www.youtube.com/watch?v=Jj5IasT99XY)
 
-## How to Contribute
+## 貢献方法
 
-Contributions are welcome! If you encounter any issues or have suggestions for improvements, please open an issue or submit a pull request on the [GitHub repository](https://github.com/nekonado/kanbansection-observer).
+貢献は歓迎されています！問題が発生した場合や改善提案がある場合は、[GitHub リポジトリ](https://github.com/nekonado/kanbansection-observer)で Issue を開いたり、プルリクエストを送信したりしてください。
 
-## License
+## ライセンス
 
-This project is provided under the MIT License. For details, see the [LICENSE file](https://github.com/nekonado/kanbansection-observer/blob/main/LICENSE).
+このプロジェクトは MIT ライセンスの下で提供されています。詳細については、[LICENSE ファイル](https://github.com/nekonado/kanbansection-observer/blob/main/LICENSE)を参照してください。

manifest.json

@@ -1,6 +1,6 @@
 {
   "manifest_version": 3,
-  "version": "1.2.4",
+  "version": "1.2.5",
   "name": "Kanbansection Observer",
   "description": "Backlog (Nulab Inc.) のカンバンボードでWIP制限を実施するためのものです。状態セクション毎にWIPの最大数を設定し、超過した場合に強調表示を行うことができます。",
   "author": {

src/options.css

@@ -67,7 +67,7 @@ button {
   border-radius: 4px;
   border: none;
   cursor: pointer;
-  color: white;
+  color: #ffffff;
 }
 
 button:hover {

src/options.html

@@ -19,7 +19,7 @@ <h1>WIP Limit Setting Page</h1>
       <a
         href="https://github.com/nekonado/kanbansection-observer"
         target="_blank"
-        rel="noreferrer noopenner"
+        rel="noreferrer noopener"
         class="tooltip"
       >
         <span class="tooltip-text"> View the source code on GitHub </span>

src/popup.css

@@ -38,7 +38,7 @@ button {
   border-radius: 4px;
   background-color: #00836b;
   cursor: pointer;
-  color: white;
+  color: #ffffff;
 }
 
 button:hover {
@@ -77,7 +77,7 @@ button:hover {
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: #ccc;
+  background-color: #cccccc;
   border-radius: 34px;
   cursor: pointer;
   transition: 0.4s;
@@ -92,7 +92,7 @@ button:hover {
   left: 4px;
   bottom: 4px;
   border-radius: 50%;
-  background-color: white;
+  background-color: #ffffff;
   transition: 0.4s;
   -webkit-transition: 0.4s;
 }

src/popup.js

@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", () => {
     chrome.tabs.query({ url: "https://*.backlog.com/board/*" }, (tabs) => {
       // 条件に一致するタブが見つかった場合
       if (tabs && tabs.length > 0) {
-        // ここでタブにメッセージを送信するなどの操作を行います
+        // タブにメッセージを送信
         const tabId = tabs[0].id;
         chrome.tabs.sendMessage(tabId, message);
       } else {