Improve: データ準備を高速化

[sevenc-nanashi]

内容

• fast-base64を使い、
• base64->URLをキャッシュする

ことで高速化します。

関連 Issue

• closes: 画像や音声をblobせず、直接base64文字列をURLにしてしまう #2089

スクリーンショット・動画など

compare.mp4

その他

（なし）

[Hiroshiba]

良いですね！！！ぜひ実装したいです！！
asyncになっちゃうんですね。そこ周りでちょっとコメントを書きました。

---

asyncComputedの実装がちょっとややこしいかもです。
（実際にはcomputedではなく、どちらかというとwatchして値を返す感じ）

提案としては、利用箇所がエンジンのアイコン取得部分だけなのと、そのコードが３箇所にコピペされているので、むしろこっちを便利関数にするのはどうでしょう。

こんな感じを想像してます。

type RefLike<T> = Ref<T> | ComputedRef<T>

const useEngineIcons = (engineManifests: RefLike<Record<EngineId, EngineManifest>>) => {
  const engineIcons = ref<Record<EngineId, string>>({});

  watch(
    engineManifests,
    async (engineManifests) => {
      for (const [engineId, manifest] of Object.entries(engineManifests)) {
        engineIcons.value[EngineId(engineId)] = await base64ImageToUri(manifest.icon);
      }
    },
    {
      immediate: true,
    },
  );

  return engineIcons;
};

Object.entries(engineManifests)).mapでpromiseリスト作ってPromise.allして非同期にしても良いかも。

[sevenc-nanashi]

useEngineIconsにまとめるようにしました。

[sevenc-nanashi]

これで大丈夫のはず？

[Hiroshiba]

LGTM！！！

起動が早くなったのめちゃくちゃいいですね！！

[Hiroshiba]

@sevenc-nanashi ちょっと突発的ご相談が･･･！
ポストにXアカウントを言及させていただいても良いでしょうか？ 🙇

ニーズのある機能が実装されたときにSNSで言及しておりまして、今回のプルリクエストもツイートしたいと思っています。
https://twitter.com/search?q=%23VOICEVOX%E9%96%8B%E7%99%BA%E7%8A%B6%E6%B3%81
もしよかったらそこで @@sevenc-nanashi さんのXアカウントをツイート文に含めて紹介させていただきたいのですが、いかがでしょうか･･･？

（RTされたりリプライで届く感謝の言葉をお届けできればという意図と、あと開発者が分かるので新規コミッターの方がOSS開発に興味を持ってくださる導線を増やせればという意図があります･･･！）

こんな感じを予定しています･･･！

#VOICEVOX開発状況 
起動が高速化し、操作できるまでの時間が短くなりました🎉（今後のアップデートで実装されます。）
【開発者: @sevenc_nanashi】
https://github.com/VOICEVOX/voicevox/pull/2090

[sevenc-nanashi]

大丈夫ですー。次に大きな機能実装したときもツイートは別に許可なしで大丈夫です、

[Hiroshiba]

承知しました！　ツイートさせていただきました！！
https://x.com/voicevox_pj/status/1795592006657581079