fix: README.md

README.md

@@ -1,7 +1,44 @@
-# Tauri + React + Typescript
+# ow-scoreboard-v2
 
-This template should help get you started developing with Tauri, React and Typescript in Vite.
+![game-display.jpeg](src/assets/game-display.jpeg)
+<img width="912" alt="スクリーンショット 2024-05-18 午後11 45 07" src="https://github.com/Coordinate-Cat/ow-scoreboard-v2/assets/42393004/a8dfeb93-5311-4488-bc92-8374056d2bef">
 
-## Recommended IDE Setup
 
-- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
+## What is it ?
+
+EN: OBS Studio app to display the current score of the popular game Overwatch.
+
+JA: 大人気ゲーム、オーバーウォッチの現在のスコアを表示するための OBS Studio 用アプリです。
+
+## How to install ?
+
+### Windows
+
+1. 下記ページから最新のリリースをダウンロードしてください。(例 `overwatch-scoreboard.exe`)
+
+   - 最新リリースページ:
+     [https://github.com/Coordinate-Cat/ow-scoreboard/releases/tag/v0.0.0](https://github.com/Coordinate-Cat/ow-scoreboard-v2/releases/tag/v0.0.0)
+
+2. ダウンロードしたファイルを解凍してください。
+3. `overwatch-scoreboard.exe` を実行してください。
+4. Windows によって PC が保護されましたと表示される場合は、「詳細情報」をクリックして実行してください。
+5. インストールウィザードに従ってインストールしてください。
+6. インストールが完了したら、デスクトップに `ow-scoreboard` というショートカットが作成されます。
+7. ショートカットをダブルクリックしてアプリを起動してください。
+8. アプリが起動したら、OBS Studio で`ソース`の追加から`ウィンドウキャプチャ`を追加してください。
+9. ウィンドウキャプチャの`プロパティ`で `ow-scoreboard` を選択してください。
+10. キャプチャ方法で `Windows 10(1903以降)` を選択してください。(※開発者の画面では必要な設定でした。)
+11. 表示されたらスコアの部分だけを切り取りたいので、作った`ウィンドウキャプチャ`を右クリックして`フィルタ`を追加してください。
+12. `エフェクトフィルタ`の追加で `カラーキー` を選択して緑の背景を透過してください。
+13. これで透過したスコアボードの表示ができるようになります。
+14. あとは切り抜き(ALT キー)等で大きさを調整してください。
+
+## Develop
+
+```
+npm run tauri dev
+```
+
+## License
+
+MIT License