From e7607180ab2ba5c9b48578856ae3f9403f56a80a Mon Sep 17 00:00:00 2001
From: 0b5vr <0b5vr@0b5vr.com>
Date: Wed, 14 Feb 2024 17:09:43 +0900
Subject: [PATCH] docs: Update docs and modal instruction for the ratified spec

---
 README.md                | 11 +++++------
 src/components/Modal.tsx | 30 +++++++++++++++++++++++-------
 2 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 3000c4c..6591bc8 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # bvh to VRMA
 
-このリポジトリは bvh ファイルを VRMAnimation ファイルに変換する web アプリケーションのリポジトリです。
+このリポジトリは bvh ファイルを VRMアニメーション ファイルに変換する web アプリケーションのリポジトリです。
 
 # デモ
 
@@ -9,9 +9,7 @@ https://vrm-c.github.io/bvh2vrma/
 
 # 注意点
 
-- VRMAnimation ファイル(vrma)の仕様はドラフト段階です。
 - 変換結果を保証するものではありません。入力された bvh ファイルによっては失敗することがあります。
-- ドラフトのため、書き出されたデータが将来的な仕様変更により使えなくなることがあります。
 
 # 開発を行うには
 
@@ -27,10 +25,11 @@ git clone https://github.com/vrm-c/bvh2vrma
 yarn install && yarn dev
 ```
 
-# VRMAnimation
+# VRMアニメーション
 
-VRMAnimation は現在仕様策定中の人間型モデルに対するアニメーションを記述するための glTF 拡張です。
-詳しい仕様に関しては別途[仕様書](https://github.com/vrm-c/vrm-specification/blob/master/specification/VRMC_vrm_animation-1.0/README.ja.md)をお読みいただけますと幸いです。
+VRMアニメーションは、VRMで定義された人型モデルに対するアニメーションを記述するための glTF 拡張です。
+VRMアニメーションファイルについての詳細は[Webサイト](https://vrm.dev/vrma/)をご覧ください。
+また、詳しい仕様に関しては別途[仕様書](https://github.com/vrm-c/vrm-specification/blob/master/specification/VRMC_vrm_animation-1.0/README.ja.md)をお読みいただけますと幸いです。
 
 # ライセンス
 
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index b9e5cfb..7ac4ad9 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -19,11 +19,28 @@ const ModalWrapper = (props: ModalWrapperProps) => {
           <div className="py-24 text-brand typography-20">このアプリケーションについて</div>
           <div>
             <ul className="list-disc pl-24">
-              <li>bvhファイルをVRMAnimationファイル(vrma)に変換するアプリケーションです。</li>
+              <li>bvhファイルをVRMアニメーションファイル (vrma) に変換するアプリケーションです。</li>
+              <li>
+                VRMアニメーションファイルについての詳細は
+                <a
+                  className="text-link1"
+                  href="https://vrm.dev/vrma/"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  Webサイト
+                </a>
+                をご覧ください。
+              </li>
               <li>このサイトは入力されたbvhファイルをサーバーにアップロードしません。</li>
               <li>
                 このサイトのライセンスはMITです。リポジトリのリンクは
-                <a className="text-link1" href="https://github.com/vrm-c/bvh2vrma">
+                <a
+                  className="text-link1"
+                  href="https://github.com/vrm-c/bvh2vrma"
+                  target="_blank"
+                  rel="noreferrer"
+                >
                   こちら
                 </a>
                 です。
@@ -33,21 +50,20 @@ const ModalWrapper = (props: ModalWrapperProps) => {
           <div className="py-24 text-brand typography-20">利用上の注意</div>
           <ul className="pl-24 list-disc">
             <li>
-              VRMAnimationファイル(vrma)の仕様はドラフト段階です。詳しい仕様に関しましては
+              VRMアニメーションファイル (vrma) の詳しい仕様については
               <a
                 className="text-link1"
                 href="https://github.com/vrm-c/vrm-specification/blob/master/specification/VRMC_vrm_animation-1.0/README.ja.md"
+                target="_blank"
+                rel="noreferrer"
               >
                 GitHub
               </a>
-              にてご覧ください。
+              をご覧ください。
             </li>
             <li>
               変換結果を保証するものではありません。入力されたbvhファイルによっては失敗することがあります。
             </li>
-            <li>
-              ドラフトのため、書き出されたデータが将来的な仕様変更により使えなくなることがあります。
-            </li>
           </ul>
           <ModalButtons>
             <Button variant="Primary" onClick={() => state.close()}>