Ver.2に対応

README.md

@@ -1,14 +1,26 @@
-# Move_the_heart
+![image](https://github.com/donokoanoko/Move_the_heart/assets/46491591/b0274281-7a54-490f-948c-b4b069e4cac7)# Move_the_heart
 ## 機能
 YouTubeのリアクション機能のボタン(❤)の位置を邪魔にならない位置へズラす、Google chrome用の拡張機能です。<br>
 ズラすのはあくまでボタンの位置だけなので、送られてきたリアクションの位置はそのままです。<br>
-![2023-11-17](https://github.com/donokoanoko/Move_the_heart/assets/46491591/73926cfe-a33d-4cbf-86c7-56c513c0d549)
+![demo_window](https://github.com/donokoanoko/Move_the_heart/assets/46491591/73926cfe-a33d-4cbf-86c7-56c513c0d549)
 
 ## インストール方法
 -[ダウンロードページ](https://github.com/donokoanoko/Move_the_heart/releases)より最新Ver.のzipファイルをダウンロード<br>
--右上の縦点3つから"拡張機能"→"拡張機能を管理"のページを開き、右上の"デベロッパーモード"のチェックをON(青色)にする<br>
+-右上の縦点3つから"拡張機能"→"拡張機能を管理"のページを開き、右上の"デベロッパーモード"のチェックをON(青色)<br>
 -ダウンロードしたzipファイルを"拡張機能を管理"のページへそのままドラッグアンドドロップ<br>
 アップデートの際も同様にドラッグアンドドロップすればバージョンアップされます。
 
+## 設定画面
+ツールバーのアイコン(![icon](img/icon_16.png))を左クリックすることで開くことができます。<br>
+![setting_page](https://github.com/donokoanoko/Move_the_heart/assets/46491591/5b764a48-fca9-4b79-9cff-2954fe99097c)
+1. 表示設定：リアクションボタン自体を非表示にします。非表示にするのはあくまでリアクションボタンのみで、他人から送られたリアクションは表示されます。
+2. ポジション：リアクションボタンの位置を変更します。縦の値を大きくすると下に、横の値を大きくすると左に移動します。
+3. 不透明度：リアクションボタンの透明度を変更します(0%で完全な透明)。表示設定と違い透明にしても判定は消えずリアクションボタンとして機能します。
+4. 保存：設定を保存します。1~3を変更した時点で設定画面を開いていたタブのリアクションボタンはリアルタイムに反映されますが、開き直したり更新などを行うとリセットされます。
+
+## 注意事項
+-稀にリアクションボタンの位置が変わらないことがあります。大抵はページをF5などで更新すると直ります。<br>
+-設定を変更しても設定画面を開いていたタブ以外のページは反映されません。随時更新を行ってください。<br>
+
 ## 免責事項
 本拡張機能を利用したことによって損害・不利益・事故等が発生した場合でも、一切の責任を負いません。