Add New Setting Field

KonomiTV のフロントエンド設定の保存方式

ブラウザの LocalStorage に JSON データで保存しています。
KonomiTV アカウントで同期が有効な際は、UI 表示中はサーバーが保持している設定データと双方向に同期されます。
サーバーと同期される設定と同期されない設定があり、後者はサーバー側には送られません。

設定フィールド追加手順

00. 事前準備

まず自動同期する設定かしない設定かを把握する必要があります。
同期される設定とされない設定で記述内容が異なります。

また、各設定ごとのキー名は、必ず「見ただけである程度どのような設定項目なのかが理解できる」ものである必要があります。
すでに追加されている他のキー名の命名を参考にしながら、多少長くても意味が明快で、設定項目の実装詳細を端的に表している表現を用いてください。

次に、設定値が新しく追加された際、もしくははじめてそのブラウザで KonomiTV を開いた際のデフォルト値を把握しましょう。

また、設定値は原則「設定画面から直接変更できない設定値」->「L字画面のクロップ設定」-> 設定ページ上での並び順 (client/src/views/Settings/Base.vue などを参照) で記述してください。
フィールドは複数の箇所に追加する必要がありますが、原則個々の記述箇所でフィールドの並び順が共通でなければなりません。

01. client/src/stores/SettingsStore.ts に当該設定フィールドを追加する

• ILocalClientSettings: ブラウザの LocalStorage に保持される設定データの型定義です。すべてのフィールドが含まれます。
• ILocalClientSettingsDefault: ILocalClientSettings 型のデフォルト値を表す定数です。設定値の詳細を示すコメントを含めます（コメントの内容は概ね今後記載する設定 UI と一致している必要があります）。