Docs: Intro to Storybook Vue Japanese translation

[2nofa11]

With this pull request, a Japanese translation was added for the Vue edition of the Intro to Storybook tutorial, based on the latest English version. (related #3)

What was done:

• Added Japanese content for all Vue Intro to Storybook chapters
• Aligned wording and structure with the latest English documentation
• Added/updated locale configuration required to surface the Japanese Vue docs

[sakit0]

@2nofa11
Thank you for the translation!
I read through the translated document and made a few adjustments to some parts that caught my attention.

[sakit0]

Suggested change

	ここまで、機能やビジュアルテストに重点を置きながら、少しずつ複雑さを増しつつ UI コンポーネントを構築してきました。しかし、UI 開発において重要な側面であるアクセシビリティについてはまだ対応していませんでした。
	ここまで、機能やビジュアルテストに重点を置きながら、段階的に複雑な要素を組みながら UI コンポーネントを構築してきました。しかし、UI 開発において重要な側面であるアクセシビリティについてはまだ対応できていません。

[sakit0]

Suggested change

	Storybook はコンポーネントを**作る**のに役立ち、テストはコンポーネントを**保つ**のに役立ちます。このチュートリアルでは、手動テストとビジュアルテストの 2 種類の UI テストを取り上げました。設定が完了したように、どちらも CI に組み込んで自動化できます。これにより、バグの混入を心配することなくコンポーネントをリリースできます。ただし、コンポーネントのテスト方法はこれだけではありません。障害を持つユーザーを含むすべてのユーザーにとってコンポーネントがアクセシブルであることを確認する必要があります。つまり、アクセシビリティテストもワークフローに取り入れる必要があるのです。
	Storybook はコンポーネントを**作る**のに役立ち、テストはコンポーネントを**保つ**のに役立ちます。このチュートリアルでは、手動テストとビジュアルテストの 2 種類の UI テストを取り上げました。設定が完了したように、どちらも CI に組み込んで自動化できます。これにより、バグの混入を心配することなくコンポーネントをリリースできます。ただし、コンポーネントのテスト方法はこれだけではありません。障がいを持つユーザーを含むすべてのユーザーにとってコンポーネントがアクセシブルであることを確認する必要があります。つまり、アクセシビリティテストもワークフローに取り入れる必要があるのです。

[sakit0]

Suggested change

	アクセシビリティとは、視覚、聴覚、運動、認知などの障害を持つユーザーを含め、すべてのユーザーがコンポーネントを効果的に操作できるようにすることです。アクセシビリティは正しいことであるだけでなく、法的要件や業界標準に基づいてますます義務化されています。これらの要件を踏まえ、アクセシビリティの問題を早い段階で頻繁にテストする必要があります。
	アクセシビリティとは、視覚、聴覚、運動、認知などの障がいを持つユーザーを含め、すべてのユーザーがコンポーネントを効果的に操作できるようにすることです。アクセシビリティは正しいことであるだけでなく、法的要件や業界標準に基づいてますます義務化されています。これらの要件を踏まえ、アクセシビリティの問題を早い段階で頻繁にテストする必要があります。

[sakit0]

Suggested change

	ストーリーをひととおり確認すると、アドオンがテスト状態の 1 つでアクセシビリティの問題を検知したことがわかります。[**コントラスト**](https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)の違反は、タスクのタイトルと背景の間に十分なコントラストがないことを意味しています。アプリケーションの CSS（`src/index.css`）でテキストの色をより暗いグレーに変更することで、すぐに修正できます。
	ストーリーを順番に確認すると、あるテスト状態においてアドオンがアクセシビリティの問題を検出していることがわかります。[**色のコントラスト**](https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)に関する違反は、タスクのタイトルと背景の間に十分なコントラストがないことを意味しています。アプリケーションの CSS（`src/index.css`）でテキストの色をより暗いグレーに変更することで、すぐに修正できます。

[sakit0]

Suggested change

	以上です。UI のアクセシビリティを確保するための最初のステップが完了しました。しかし、まだ作業は終わりではありません。アクセシブルな UI を維持することは継続的なプロセスであり、アプリが進化して UI が複雑になっても、新たなアクセシビリティの問題が導入されてリグレッションが発生しないように監視し続ける必要があります。
	これで完了です。UI のアクセシビリティを確保するための最初のステップを踏み出しました。しかし、まだ作業は終わりではありません。アクセシビリティが保たれた UI を維持することは継続的なプロセスであり、アプリが進化して UI が複雑になっても、新たなアクセシビリティの問題が導入されてリグレッションが発生しないように常に監視し続ける必要があります。

[sakit0]

@2nofa11
Thank you for the translation!
I read through the translated document and made a few adjustments to some parts that caught my attention.

[2nofa11]

@sakit0

Thank you for the translation!
I read through the translated document and made a few adjustments to some parts that caught my attention.

Thank you for the review!
I've incorporated all the pointed-out parts.
This has been an excellent learning opportunity for translation👍

Please take a look when you have a moment.

[jonniebigodes]

@sakit0 appreciate the time you took to review the translation and help out @2nofa11 🙏 .
Let me know once this is good to go, and I'll be more than glad to merge it.

Have a fantastic day.

Stay safe

[sakit0]

@2nofa11
Sorry for the late reply. I should have included the reasons for the changes as well; I will be more careful next time. Thanks for checking!

[sakit0]

@jonniebigodes
It looks good to go, so please feel free to merge it whenever you're ready!

[jonniebigodes]

@sakit0, appreciate the follow-up on it. Going to merge it in.
Again, @2nofa11, thank you so much for taking the time to put this pull request together. We're really grateful for it 🙏