Sentenceも追加できるようにし、Readmeを修正した (#14)

* feat: add sentences easily

* feat: add button to add sentence

* fix: option (your dictionary and hyper collection)

* doc: update README.md

* doc: update option

README.md

@@ -49,18 +49,36 @@ ClipLexは、ウェブ上で選択したテキストを英単語として保存
 
 ## 📷 スクリーンショット
 
-オプション画面で単語の復習や学習を行うことができます:
+### 実際の仕様例
+
+ClipLexを使用して、文字列を選択すると下記のようなポップアップが表示されます（不具合で表示されない場合があるため、その場合は選択後に右クリックを行ってみてください）。
+
 <p align="center">
-  <img src="docs/screenshots/cliplex_options_v1.0.0.png" alt="Usage example" width="600">
+  <img src="docs/screenshots/cliplex_browser_v1.0.1.png" alt="Usage example" width="600">
 </p>
 
+水色のボタンを押すことで新規の用語として保存ができ、
+ピンク色のボタンを押すことでその範囲に含まれる用語に対して、現在選択中の例文を追加することができます。
+
+### オプション画面
+
+オプション画面で単語の復習や学習を行うことができます
+
+<p align="center">
+  <img src="docs/screenshots/cliplex_option_v1.0.1.png" alt="Usage example" width="600">
+</p>
+
+
 ## 🔧 設定オプション
 
-| オプション名       | 説明                                     |
-| ------------------ | ---------------------------------------- |
-| 除外ドメイン設定   | 学習対象外にするドメインを簡単に設定。       |
-| フィルタリング      | 追加日で単語を絞り込み。             |
-| ページネーション    | 大量の単語をページごとに管理。               |
+| オプション名             | 説明                                                                 |
+| ------------------------ | -------------------------------------------------------------------- |
+| **除外ドメイン設定**     | 学習対象外にするドメインをブラックリスト方式で指定可能。             |
+| **限定ドメイン設定**     | 学習対象を特定のドメインにホワイトリスト方式で限定可能。             |
+| **優先度設定**           | 単語ごとの学習優先度を設定。変更はリアルタイムで保存されます。        |
+| **フィルタリング**       | 日付や優先度で単語を絞り込み。                                       |
+| **ページネーション**     | 大量の単語をページごとに管理可能。                                   |
+| **新規単語の追加**       | 単語、例文、優先度、メモをカスタマイズして追加可能。                 |
 
 ## 📂 ファイル構成
 

dist/manifest.json

@@ -26,7 +26,7 @@
   },
   "web_accessible_resources": [
     {
-      "resources": ["ui/icon.png"],
+      "resources": ["ui/*"],
       "matches": ["<all_urls>"]
     }
   ]