Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

利用者向けのしっかりしたドキュメントやポータルを作る? #1001

Open
3 tasks
sevenc-nanashi opened this issue Feb 11, 2025 · 22 comments
Open
3 tasks

Comments

@sevenc-nanashi
Copy link
Member

sevenc-nanashi commented Feb 11, 2025

内容

コアを利用する開発者のための開発者向けドキュメントみたいなのがあると便利そうです。

Pros 良くなる点

  • 利用者に優しい

Cons 悪くなる点

  • メンテコストが増える

実現方法

ここら辺が候補になりそうかなと:

  • Vitepress:主にJS界隈で使われている印象。Vite、Shikiなど。
  • mdBook:主にRust界隈で使われてる印象。wasm-bindgenなど。

VOICEVOXのバージョン

0.17.0

OSの種類/ディストリ/バージョン

  • Windows
  • macOS
  • Linux

その他

関連しそう:

@sevenc-nanashi
Copy link
Member Author

sevenc-nanashi commented Feb 11, 2025

具体的にはこんな内容があると優しいと思います:

デプロイ場所はvoicevox_coreのGitHub Pagesあたりだと思います。
(エンジンのドキュメントも足すのもアリ?それならvoicevox/dev_portalみたいな感じのリポを作ってそこでやったほうがURLの見栄え的にも良ささう)

@sevenc-nanashi sevenc-nanashi changed the title 利用者向けのしっかりしたページを作る? 利用者向けのしっかりしたドキュメントやポータルを作る? Feb 11, 2025
@sevenc-nanashi
Copy link
Member Author

sevenc-nanashi commented Feb 11, 2025

これは完全に妄想も含まれますが:
ドキュメントサイト自体がレジストリになっていると楽しそうです。
具体的にはこう言うことをすると思います: https://github.com/sevenc-nanashi/vv_core_registry/blob/main/inject.ts

@Hiroshiba
Copy link
Member

issue作成ありがとうございます!
見やすいサイトは個人的に結構大事だと思っているので、何かしらの形でいつか作りたい気持ちはあります!

最初はミニマムスタートの方がいいと思うので、一番需要が高そうなコアから始めるのが良さそうに感じるのですが、あとあとVOICEVOX全体にスケールしていきたい気持ちも少しあります。
途中で URL は変わりうるとして、徐々にスケールアップしていくにはどうすれば良いでしょうか?
最初はCORE専用でページを作っていき、あとあとENGINE用とかも足していきたいけど、ENGINE用とかを足すときにアーキテクチャをごそっと変えなくてもいいようにスケールアップしたい感じです(説明が難しい。。)

@sevenc-nanashi
Copy link
Member Author

とは言ってもエンジンのサポートを足すのは多分ページを増やすだけなのでそれほどアーキテクチャは変わらないような気がします。

あとURLは可能な限り変えない方が良さそう、リダイレクトが面倒なので...

@Hiroshiba
Copy link
Member

コアだけならページ数そこまで量無いと思うので、エンジン足してもあまり変わらなそうに感じます。
まあ逆に言うとコアだけのときに凝ったことはやらない、という感じかな。

URLをどうするかはまあリリースするときまでに決めると良さそうです。
最悪「こちらに移動しました」というページだけを表示するとかでもまあ。

@sevenc-nanashi
Copy link
Member Author

sevenc-nanashi commented Feb 20, 2025

vitepress、なんかこう、仰々しいというか...って感じでした。

スクショ

Image
Image

@sevenc-nanashi
Copy link
Member Author

mdbookはこう、身の丈に合ってるというかなんというか...って感じだったのでこっちを推したいです。

Details

Image

@Hiroshiba
Copy link
Member

Hiroshiba commented Feb 20, 2025

ほんとだ、なんかちょっと大層な感じ出ちゃいますねw

mdBook側、ヘッダーがなさそう?
仮にエンジン・コア・エディタと並ぶとき、概念が多層化していてこのヘッダー部分無いと移動が大変そうだな〜という直感があり、ヘッダーはほしいかもなぁと少し感じました!

そのウェルカムページだけ表示させない方法とかはなさそうでしょうか。
その「3つの特徴」みたいな欄がなければ意外とありかも。
まあでもここに「エンジン」「コア」「エディタ」並べれば良い気がするので、Vitepressでも良いのかも・・・・・?

@sevenc-nanashi
Copy link
Member Author

そのウェルカムページだけ表示させない方法とかはなさそうでしょうか。

調べてる限りだとないんですよね。

もういっそmarkdownItとかで作った方が手っ取り早いかも?(docs/下をglobしてルートを生成みたいな感じの)

@Hiroshiba
Copy link
Member

まあカッコよくするのは後でもできるので、まずは既存フレームワークに乗っかって爆速でそれっぽいの作るのが良さそうな気がします!!

@sevenc-nanashi
Copy link
Member Author

そういえば:
docusaurusを試しました。

Details

Image

やっぱりみんな三つの特徴を入れたがる...

@sevenc-nanashi
Copy link
Member Author

あ、エディタのドキュメントは入れない想定でした(エディタ内のQ&Aで済ませる)

別の話:Vitepressのトップページにリダイレクト仕込んでトップページ自体を消し去るのはアリかも...?

@qryxip
Copy link
Member

qryxip commented Feb 23, 2025

個人的にはCOREでは、Polarsのユーザーガイドみたいに言語タブ的なものがあると嬉しいです。

Polarsで使われているのはMaterial for MkDocsのタブ機能Docusaurusにも同様のものはあるっぽい。mdBookには…一応mdbook-tabsというのはあるけど…

@Hiroshiba
Copy link
Member

Hiroshiba commented Feb 23, 2025

そのタブ機能はVitepressにCode Groupsとして公式実装されてそう?
https://vitepress.dev/guide/markdown#code-groups

@sevenc-nanashi
Copy link
Member Author

sevenc-nanashi commented Feb 23, 2025

Image

vitepress、そもそもイケたトップページを作らないことも正当な方法で可能なのでVitepressでよさそう?

@Hiroshiba
Copy link
Member

今の迷いポイントメモ:

  • バージョン違いどうするか
  • リポジトリ分けるかどうか

バージョン違いは破壊的変更少ないだろうとみなして、考えなくても良いかも。
新機能にはバージョンバッチつければ。

リポジトリ分けるかどう決めればいいかわからないなぁ。
リポジトリ同じだとドキュメント変更とかテストがやりやすそう。ただドキュメントのデプロイやdev起動は複雑になる。
まあ別PR出せばいいだけだし、分ける・・・・・・・?

discordのこの辺りのコメントから抜粋

名無し。 — 今日 14:27
vitepress、イケたトップページを正当に破壊できたのでこれでよさそう
画像
名無し。 — 今日 14:35
https://vitepress.dev/reference/default-theme-team-page
VitePress
VitePress | Vite & Vue Powered Static Site Generator
画像
なんかよく見る開発者チーム表示もできるっぽい
ヒホ — 今日 14:43
VitePress良さそうな雰囲気!! あと気になるのは・・・もう無い気がする
i18nとか・・・?いやまああるだろうし・・・
名無し。 — 今日 14:43
リポジトリ運用? > 気になるところ
https://vitepress.dev/guide/i18n i18n
VitePress
VitePress | Vite & Vue Powered Static Site Generator
画像
ヒホ — 今日 14:45
i18nはたぶんcrawdinと連結できそうな雰囲気を感じる
リポジトリ運用、コアのリポジトリで作れるのが一番良いけど、流石に別リポジトリのが良いんだろうか
名無し。 — 今日 14:46
エンジンにスケールするみたいな話も出てた記憶
ヒホ — 今日 14:46
まあそれは後での話かな
名無し。 — 今日 14:48
コアリポジトリでも作れると思います、でもCrowdin突っ込む(=New crowdin updatesのPRがたくさんできる)となると別リポのほうがよさそう
でもコアのリポでやるとタグとかが一緒にできて便利というのも判る
ヒホ — 今日 14:48
リポジトリ別だとバージョンが統一できないのが厄介なんですよねぇ
あ ちょっと話変わるけど、バージョンを別にしたりはできるんだろうか。pythonの上にあるバージョンセレクタみたいな
https://docs.python.org/ja/3.13/library/enum.html
名無し。 — 今日 14:50
https://vitepress.dev/reference/default-theme-nav#navigation-links
VitePress
VitePress | Vite & Vue Powered Static Site Generator
画像
Vitepressの既存サイトはここら辺で実装されてそうな予感
ヒホ — 今日 14:51
無理なら、バージョンいくつからの新機能だということがわかるような表記ができると嬉しそう
こういう感じ https://ja.vuejs.org/guide/built-ins/teleport.html#deferred-teleport
名無し。 — 今日 14:52
https://vitepress.dev/reference/default-theme-badge
VitePress
VitePress | Vite & Vue Powered Static Site Generator
画像
これかな
サイト毎分けてるのがそこそこある印象
Vite、vue-i18n、Vueはそう
ヒホ — 今日 14:54
エンジンやコアを一緒のサイトでまとめる場合、分けづらいんですよねぇ
名無し。 — 今日 14:55
実際そう
コアとエンジンでそれぞれにvitpressを設置した方がきれいにまとまりそう
遊んでる
画像
ヒホ — 今日 15:01
過去バージョンをなんかいい感じに解決できる方法があればコアもエンジンもあわよくばエディタもまとめちゃいたいんだけどなーーー
エディタはコントリビューションガイドラインとか、あとはエンジン起動情報のドキュメントとかがある
名無し。 — 今日 15:02
メジャーバージョンの変化時にドメインごとわけて、それ未満は3.3.4をつけるみたいなのが多いかな
ヒホ — 今日 15:05
過去の互換性を超破壊するタイミングはまだ先だろうし、そういう意味ではコアもエンジンもエディタもドメイン変えるようなアップデートは無い・・・・・・・・・・かも・・・・・・?
名無し。 — 今日 15:05
とりあえずドメイン破壊はしばらくはなさそうでいいかな
ヒホ — 今日 15:06
リポジトリが別なことにより問題が生じないかはちょっと考えたいかも
名無し。 — 今日 15:06
色々遊んでるけど、どうやらニコニコのアイコンも入っているらしく、すごい
画像
名無し。 — 今日 15:06
コアのPRで一緒にドキュメントを更新できないのは少し面倒かも
まぁGitHubのcronとかでpullしてデプロイ、を別リポジトリでやればよさそうだけど
ヒホ — 今日 15:08
Vueとかミスキーとかの運用どうなってるのか参考に調べといたほうが良さそう感
名無し。 — 今日 15:10
ここっぽい:https://icon-sets.iconify.design/simple-icons/page-2.html?keyword=simple
Iconify - home of open source icons
Open source vector icons from all popular icon sets
Iconify - home of open source icons
名無し。 — 今日 15:17
Vue:別リポジトリ、https://github.com/vuejs/docs
Misskey Hub:別リポ、https://github.com/misskey-dev/misskey-hub-next
Vite:同リポ、https://github.com/vitejs/vite/tree/main/docs
ヒホ — 今日 15:19
結構リポジトリ分かれてるのもあるんですねーーー
ドキュメントの更新はどうやってるんだろ
「別PR送ってください」?「ドキュメントは別チームが作ります」?あるいはcronが動いてる…?
名無し。 — 今日 15:25
辿ろうとしたらブランチ消えてて草
別PR送ってそう
ヒホ — 今日 15:41
viteは言語ごとにリポジトリ別れてて、本家で変わったらissueが自動で富んでくる形になってるっぽい
https://github.com/vitejs/docs-ja/blob/main/CONTRIBUTING.md
ヒホ — 今日 15:48
うーーーーーーーーーん
バージョン違いどうするかと、リポジトリ分けるかどうかかなり迷いますね。。。

今のとこの結論として、バージョン違いは破壊的変更少ないだろうとみなして、考えなくても良いかも。
新機能にはバージョンバッチつければ。

リポジトリ分けるかどう決めればいいかわからないなぁ。
リポジトリ同じだとドキュメント変更とかテストがやりやすそう。ただドキュメントのデプロイやdev起動は複雑になる。
うーーーーん まあ、別PR出せばいいだけだし、分ける・・・・・・・?

@sevenc-nanashi
Copy link
Member Author

とりあえず分けてリポジトリを作ってみようと思います。
名前は...シンプルにvoicevox/docsとか...?

@Hiroshiba
Copy link
Member

完成するまではダミーだとわかるドキュメントが良い気がしています!
初学者が間違えて参考にしないように・・・。

絶対に試作中だとわかるように試作中-docsとか・・・?
あるいはまたいい感じになるまで @sevenc-nanashi さんのリポジトリとかでも良いかも。

(別の思惑などあればコメントください 🙏 )

@sevenc-nanashi
Copy link
Member Author

https://vitepress.dev/guide/extending-default-theme#layout-slots

サイトの一番上に固定メッセージも置けるっぽいです。
そこに「現在工事中です。(Issueへのリンク)」とでも書けば良さそう?

@sevenc-nanashi
Copy link
Member Author

  • wip_docsにして、
  • ヘッダーに工事中の案内をつけて、
  • いつものようにREADMEだけ作って自分のリポからPR

でやろうと思います。

@Hiroshiba
Copy link
Member

Hiroshiba commented Feb 23, 2025

そこに「現在工事中です。(Issueへのリンク)」とでも書けば良さそう?

たしかにレンダリングされた方も工事中だとわからないとダメですね!!
そういう感じで真っ赤に表示できると良さそう。
可能なら全ページの一番上にでかでかと表示できると嬉しいけど、テンプレート的なの作れなければまあタイトルだけでも。
あとmeta内にnoindexは指定しておきたみ。

wip_docsにして、
いつものようにREADMEだけ作って自分のリポからPR

方針賛成です!
あ、あまり変わらないけどWIP_docsとかにしていただけるとよりわかりやすいかも!

@sevenc-nanashi
Copy link
Member Author

Initial CommitのPRを発射しました。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants