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

英語版は翻訳版ページで別途対応ではなく,JavaScriptで翻訳箇所を切り替えたらどうか #8

Open
matchaism opened this issue Dec 7, 2024 · 4 comments

Comments

@matchaism
Copy link
Owner

matchaism commented Dec 7, 2024

  • jp classen classを作成
  • 翻訳が必要な個所にjp class
  • 翻訳を用意
    • en tagを付けて,どこかに配置
  • ユーザからの指示(ボタンなど)をトリガーに,該当箇所を対応するen tagのコンテンツに切り替え
@matchaism
Copy link
Owner Author

matchaism commented Dec 7, 2024

提案

パラメータを取得し,その値ごとに言語切り替えもできるようにしたらどうか.

https://portal.matchaism.net/?lang=enなら,

const queryString = window.location.search;
const params = new URLSearchParams(queryString);
const lang = params.get('lang'); //'en'

https://developer.mozilla.org/ja/docs/Web/API/Location/search

  • パラメータに応じて,要素や値を切り替え (言語変更)
  • ページ遷移の際、同じパラメーターが引き継がれるとよい

@matchaism
Copy link
Owner Author

57c75d9テスト用サイトで確認したが :

  • 表示に時間がかかる (ユーザ側で完全にレンダリングしているため)
  • 処理が完了するまで,日本語・英語の両方のテキストが表示される

ファイル・コード量の削減に伴うメンテのしやすさ vs. 表示の速さ のどちらを選ぶかが,論点だと思う.

matchaism added a commit that referenced this issue Dec 10, 2024
matchaism added a commit that referenced this issue Dec 10, 2024
@matchaism
Copy link
Owner Author

#8 (comment) の「表示の速さ」を解決するには,サーバサイドでレンダリングする必要がある.そうなると,いよいよ#7 を通じて,事前にbuildされたサイトを構築する必要があるかも.

@matchaism
Copy link
Owner Author

#7 (comment) を期に対応する.

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

When branches are created from issues, their pull requests are automatically linked.

1 participant