お問い合わせ画面の増設の修正

public/Contact.md

@@ -1,41 +1,31 @@
-# お問い合わせ
-
 ## ご感想・ご要望
-ぜひ Twitter にてハッシュタグ `#VOICEVOX` を付けてツイートしてください。（開発の励みになります。）
+
+ぜひ Twitter にてハッシュタグ `#VOICEVOX` を付けてツイートしてください。開発の励みになります。
 
 ## 不具合・バグ報告
-以下の内容を添えてハッシュタグ `#VOICEVOX` を付けてツイートしていただくか、VOICEVOX公式（[@voicevox_pj](https://twitter.com/voicevox_pj)）までご報告いただけると助かります。  
+
+以下の内容を添えてハッシュタグ `#VOICEVOX` を付けてツイートしていただくか、VOICEVOX 公式（[@voicevox_pj](https://twitter.com/voicevox_pj)）までご報告ください。
 
 - 不具合の内容
 - 再現手順（動画や写真があれば添付してください）
-- 現在ご利用のVOICEVOXのバージョン
-
-報告の際の文章の例：VOICEVOX 0.9.3でCPUモード、GPUモード共に起動しません。　　など
-
-なお、以下の情報を後ほど確認させていただく場合がありますので、事前にお控えいただくとスムーズにご対応ができる場合があります。
-- 現在ご利用のOSの種類・バージョン（例：Windows 11 21H2）
-- ウイルス対策ソフトなどの有無
-- 事前にやっていただいたトラブルシューティング
+- OS の種類・VOICEVOX のバージョン
+- 解決のために試されたこと
+- ウイルス対策ソフトなどの有無（関係がありそうであれば）
 
+開発者の方は GitHub Issue にてご報告・ご連絡ください。
 
-## 開発者の方
-GitHub Issueにてご報告・ご連絡ください。
-
-- [VOICEVOX エディター](https://github.com/Hiroshiba/voicevox)
-- [VOICEVOX エンジン](https://github.com/Hiroshiba/voicevox_engine)
-- [VOICEVOX コア](https://github.com/Hiroshiba/voicevox_core)
+- [VOICEVOX 全体構成](https://github.com/VOICEVOX/voicevox/blob/main/docs/%E5%85%A8%E4%BD%93%E6%A7%8B%E6%88%90.md)
+- [VOICEVOX エディター](https://github.com/VOICEVOX/voicevox)
+- [VOICEVOX エンジン](https://github.com/VOICEVOX/voicevox_engine)
+- [VOICEVOX コア](https://github.com/VOICEVOX/voicevox_core)
 
 ## その他
 
-<!--
-FIXME: FAQができたらコメントを外す
-何かご質問があれば「[よくあるご質問 （FAQ）](https://github.com/VOICEVOX/voicevox_blog/issues/15)」をご覧いただき、解決できない場合は
--->
-
-[@hiho_karuta](https://twitter.com/hiho_karuta)までお問い合わせください。
+[Q&A](https://voicevox.hiroshiba.jp/qa) に掲載されていないご質問があれば VOICEVOX 公式（[@voicevox_pj](https://twitter.com/voicevox_pj)）にお問い合わせください。
 
 ## クレジット
-VOICEVOXホームページ：[https://voicevox.hiroshiba.jp](https://voicevox.hiroshiba.jp)  
+
+VOICEVOX ホームページ：[https://voicevox.hiroshiba.jp](https://voicevox.hiroshiba.jp)  
 Copyright ©︎ Hiroshiba Kazuyuki  
-VOICEVOX公式：[@voicevox_pj](https://twitter.com/voicevox_pj)  
-開発者Twitter：[@hiho_karuta](https://twitter.com/hiho_karuta)  
+VOICEVOX 公式：[@voicevox_pj](https://twitter.com/voicevox_pj)  
+開発者 Twitter：[@hiho_karuta](https://twitter.com/hiho_karuta)

src/background.ts

@@ -468,6 +468,9 @@ const ossLicenses = JSON.parse(
   fs.readFileSync(path.join(__static, "licenses.json"), { encoding: "utf-8" })
 );
 
+// 問い合わせの読み込み
+const contactText = fs.readFileSync(path.join(__static, "contact.md"), "utf-8");
+
 // アップデート情報の読み込み
 const updateInfos = JSON.parse(
   fs.readFileSync(path.join(__static, "updateInfos.json"), {
@@ -640,6 +643,10 @@ ipcMainHandle("GET_OSS_COMMUNITY_INFOS", () => {
   return ossCommunityInfos;
 });
 
+ipcMainHandle("GET_CONTACT_TEXT", () => {
+  return contactText;
+});
+
 ipcMainHandle("GET_PRIVACY_POLICY_TEXT", () => {
   return privacyPolicyText;
 });

src/components/ContactInfo.vue

@@ -1,23 +1,27 @@
 <template>
-  <q-page class="relative-absolute-wrapper scroller markdown-body">
-    <div class="q-pa-md markdown" v-html="contact"></div>
+  <q-page class="relative-absolute-wrapper scroller bg-background">
+    <div class="q-pa-md markdown markdown-body" v-html="contact"></div>
   </q-page>
 </template>
 
 <script lang="ts">
 import { defineComponent, onMounted, ref } from "vue";
 import { useStore } from "@/store";
 import { useMarkdownIt } from "@/plugins/markdownItPlugin";
+
 export default defineComponent({
   setup() {
     const store = useStore();
-    const contact_info = ref("");
+    const contact = ref("");
+
     const md = useMarkdownIt();
+
     onMounted(async () => {
-      contact_info.value = md.render(await store.dispatch("GET_CONTACT_TEXT"));
+      contact.value = md.render(await store.dispatch("GET_CONTACT_TEXT"));
     });
+
     return {
-      contact_info,
+      contact,
     };
   },
 });
@@ -35,4 +39,3 @@ export default defineComponent({
   border: 1px solid #333;
 }
 </style>
-

src/components/HelpDialog.vue

@@ -77,7 +77,7 @@ import HowToUse from "@/components/HowToUse.vue";
 import OssLicense from "@/components/OssLicense.vue";
 import UpdateInfo from "@/components/UpdateInfo.vue";
 import OssCommunityInfo from "@/components/OssCommunityInfo.vue";
-import ContactWindow from "@/components/ContactInfo.vue";
+import ContactInfo from "@/components/ContactInfo.vue";
 type Page = {
   name: string;
   component: Component;
@@ -126,7 +126,7 @@ export default defineComponent({
       },
       {
         name: "お問い合わせ",
-        component: ContactWindow,
+        component: ContactInfo,
       },
     ];
 

src/electron/preload.ts

@@ -51,6 +51,10 @@ const api: Sandbox = {
     return await ipcRendererInvoke("GET_UPDATE_INFOS");
   },
 
+  getContactText: async () => {
+    return await ipcRendererInvoke("GET_CONTACT_TEXT");
+  },
+
   getOssCommunityInfos: async () => {
     return await ipcRendererInvoke("GET_OSS_COMMUNITY_INFOS");
   },

src/type/ipc.d.ts

@@ -37,6 +37,11 @@ type IpcIHData = {
     return: string;
   };
 
+  GET_CONTACT_TEXT: {
+    args: [];
+    return: string;
+  };
+
   GET_PRIVACY_POLICY_TEXT: {
     args: [];
     return: string;

src/type/preload.d.ts

@@ -7,8 +7,8 @@ export interface Sandbox {
   getOssLicenses(): Promise<Record<string, string>[]>;
   getUpdateInfos(): Promise<UpdateInfo[]>;
   getOssCommunityInfos(): Promise<string>;
-  getPrivacyPolicyText(): Promise<string>;
   getContactText(): Promise<string>;
+  getPrivacyPolicyText(): Promise<string>;
   saveTempAudioFile(obj: { relativePath: string; buffer: ArrayBuffer }): void;
   loadTempFile(): Promise<string>;
   getBaseName(obj: { filePath: string }): string;