docs: README, CONTRIBUTINGの修正

[nanae772]

内容

README.md, CONTRIBUTING.md に対して以下の修正を行いました。

• です・ます調への統一
• pnpm移行に伴い、不要になった--を削除

関連 Issue

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

その他

[sevenc-nanashi]

LGTM！

[voicevox-preview-pages]

🚀 プレビュー用ページを作成しました 🚀

• 📝 エディタ
• 📖 Storybook

更新時点でのコミットハッシュ：fa5e822

[Hiroshiba]

LGTM！！

プルリクエストいっぱいありがとうございます！！！
もしよかったらまたプルリク作ってください！！

ちゃんに何か興味のある分野とかありますか？ 👀
それプラスレベル感を教えてくだされば、見合ったタスクをissueの中から探してきてお伝えすることもできるので、ぜひ言ってみてください！！！！

[nanae772]

@Hiroshiba
レビュー＆マージありがとうございます。
興味のある分野についてはざっくり以下のような感じです。

1. coreの開発(Rust勉強中＋合成音声生成のロジックを知りたい)
2. CI/CDやテスト、リファクタリングなど開発生産性向上に関わること全般

エディタ（フロント）の開発もユーザーが直接触る部分ということで興味はありますが、
Vue.jsやelectronなどの知識が全く無いので今のところ貢献できる部分はあんまり無いかもです。
（上であげた２つも全然初心者レベルなのですが）

なのでそういった初心者レベルのもので自分が取り組めそうなものあれば、
ちょこちょこやっていきながら理解を深めていければよいなと思っています。

[Hiroshiba]

なるほどです！！！

コアだと結構プログラミングの知識というか、その周りの知識が必要ですが、
pip installで入るvoicevox_coreライブラリの作成とかは面白いかもです。
VOICEVOX/voicevox_core#653
（結構いろんな調整とかも大変だと思うので、もしご興味あればという感じ！）

エンジンとコアはそこそこ整頓されているので、issueから興味あるの探してみるのが割とおすすめです！
コアはちょっと今激変中なのでもう少し待った後だと手をつけやすいかも。
エンジンの方は割と安定中なので、issue見て良さそうなのあればぜひぜひ！！！

リファクタリングやテストだと、エディタが一番アツい感じではあります。ただスキルセット的に勉強や慣れは必要そう。
結構勉強するところからになってしまうとは思うのですが、UIを自動で動かしてテストするe2e(end-to-end)テストとかを足しまくるのとか、開発陣的にはすごく嬉しいです。
この辺りの自動テストが読みやすいかも。

voicevox/tests/e2e/browser/song/ソング.spec.ts

Lines 62 to 97 in 94995bf

	test("ダブルクリックで歌詞を編集できる", async ({ page }) => {
	await navigateToSong(page);
	const sequencer = page.getByLabel("シーケンサ");
	const getCurrentNoteLyric = async () =>
	await sequencer.locator(".note-lyric").first().textContent();
	// ノートを追加し、表示されるまで待つ
	await sequencer.click({ position: { x: 107, y: 171 } });
	await page.waitForSelector(".note");
	// ノートの歌詞を取得
	const note = sequencer.locator(".note").first();
	const beforeLyric = await getCurrentNoteLyric();
	// ノートをダブルクリックし、入力フィールドが表示されるまで待つ
	await note.dblclick();
	await page.waitForSelector(".lyric-input");
	// 歌詞を入力し、Enterキーを押す
	const lyricInput = sequencer.locator(".lyric-input");
	await lyricInput.fill("あ");
	await lyricInput.press("Enter");
	// 変更が反映されるまで待つ
	await page.waitForFunction(() => {
	const lyricElement = document.querySelector(".note-lyric");
	return lyricElement && lyricElement.textContent === "あ";
	});
	// 歌詞が変更されたことを確認
	const afterLyric = await getCurrentNoteLyric();
	expect(afterLyric).not.toEqual(beforeLyric);
	expect(afterLyric).toEqual("あ");
	});

いくつか頂いたプルリクエストを見た感じ、一番手をつけやすいのはエンジンのissueだと思います！！
紹介に興味がある点あればそちらもぜひ！！！

[nanae772]

いろいろと教えていただきありがとうございます。
まずはエンジンやコア周りで私ができそうなissueあればやってみようと思います。
フロントもvueやelectron周り勉強しながら、テストやリファクタリングで手をつけられそうなものあればやってみます！

[Hiroshiba]

フロントもvueやelectron周り勉強しながら、テストやリファクタリングで手をつけられそうなものあればやってみます！

こちらもよければ是非！！
ちなみにVueはドキュメントが整備されていて勉強しやすいと思います。
electronは細かいものが多岐にわたってるので勉強は難しいかもです。先にコードを少し眺める方が分かりやすいかも。
あとテストはPlaywrightやvitestという別のを使っているので、こっちはこっちで少し勉強がいるかもです。
けどまあVue以外はどれもこれも既存コードちょっと眺めると意外とつかめると思います！

不明な点などあればissueとかでコメントいただければ！