react-i18nextYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Reactアプリã§ã®i18n対応(国際化/多言語対応)ã«i18nextを使ã£ã¦ã¿ã‚‹ - at backyard
ã“ã‚Œã¯i18n対応ã®ãŸã‚ã« i18next 㨠react-i18next を使ã£ã¦ã¿ãŸå‚™å¿˜éŒ²ã¨ãªã‚‹ã€‚ 目次 目次 Reactアプリã§ã®i18n対応(国際化/多言語対応)ã«i18nextを使ã£ã¦ã¿ã‚‹ react-intlã¨i18next サンプルアプリã®é››å½¢ç”Ÿæˆ create-react-appã§ãƒ–ラウザãŒå‹æ‰‹ã«ç«‹ã¡ä¸ŠãŒã‚‰ãªã„よã†ã«ã™ã‚‹ react-i18nextã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— HOCã§ä½¿ã†å ´åˆã¯withTranslationを使ㆠhookã§ä½¿ã†å ´åˆã¯useTranslationを使ㆠnamespacesã«ã¤ã„㦠translation ã¨ã„ã†namespaceã®æŒ™å‹•ã«ã¤ã„㦠translationを言語ã®ãƒ†ã‚ストファイルã«å«ã‚ãŸããªã„å ´åˆ è¨€èªžã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹æ©Ÿèƒ½ã‚’実装ã™ã‚‹ 翻訳ã—ãŸè¨€èªžã®ç®¡ç†æ–¹æ³• Transを用ã„ã¦ã€HTMLã‚¿ã‚°ãŒä½¿ã‚ã‚Œã¦ã„る箇所を多言語化ã™ã‚‹ addResourceB
Reactアプリã§ã®i18n対応(国際化対応)ã«ã¤ã„ã¦ã®å‹‰å¼·ãƒ¡ãƒ¢ - Qiita
年末〜年始ã«ã‹ã‘ã¦ã€React with i18n対応(国際化対応)ã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¾ã—ãŸã€‚ 下書ãã§ãšã£ã¨å¡©æ¼¬ã‘ã«ãªã£ã¦ã„ã‚‹ã®ã‚’æ€ã„出ã—ã€TODOãªã©ã‚’残ã—ãŸã¾ã¾ä¸€æ—¦å…¬é–‹ã—ã¾ã™ã€‚ ã‚ã¨ã§ã€å°‘ã—ãšã¤å†…容を充実ã•ã›ã¦ã„ããŸã„。 å‰æã¨ã—ã¦ã€è‡ªèº«ã¯i18n対応ã®çµŒé¨“ãŒã»ã¨ã‚“ã©ãªãåˆå¿ƒè€…レベルã§ã‚るゆãˆã€æ›¸ã„ã¦ã‚る内容も基本的ãªã‚‚ã®ãŒã»ã¨ã‚“ã©ã ã¨æ€ã„ã¾ã™ã€‚ (昔ã€railsアプリ書ã„ã¦ã„ãŸã¨ãã«ã¡ã‚‡ã£ã¨ã‚„ã£ã¦ã„ãŸç¨‹åº¦ã§ã™...) ã¾ãŸã€i18n対応を行ã†ã«ã‚ãŸã£ã¦react-intlを使用ã—ã¦ã„ã¾ã™ãŒã€ä»–ã®æ–¹ã®æ›¸ã‹ã‚ŒãŸè¨˜äº‹ã‚’見ã¦ã„ã‚‹ã¨ã€è‡ªåˆ†ã¨ã¯åˆ¥ã®ã‚„り方をã—ã¦ã„ãŸã‚Šã€ã„ã‚ã„ã‚ã¨ã‚„ã‚Šæ–¹ãŒã‚ã‚Šãã†ãªæ„Ÿã˜ãŒã—ã¾ã—ãŸã€‚ 実際ã«è‡ªèº«ã§ã‚‚サンプルを作æˆã—ã¦ã¿ã¦ã€è¨€èªžãƒ•ã‚¡ã‚¤ãƒ«ã®ç®¡ç†ã®ä»•æ–¹ä¸€ã¤ã‚’ã¨ã£ã¦ã‚‚色々ãªæ‰‹æ³•ãŒå‡ºã¦ããã†ãªæ°—ãŒã—ãŸã®ã§ã€ã“ã‚“ãªã‚„り方もã‚ã‚‹ã‚“ã ãªãƒ¼ã¨ã„ã†æ„Ÿã˜ã§è¦‹ã¦ã„ãŸã ã„ãŸã»ã†ãŒè‰¯ã„ã‹ã‚‚ã—ã‚Œã¾
Phrase (æ—§ Memsource)—包括的ãªãƒãƒ¼ã‚«ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³
翻訳テクノãƒã‚¸ãƒ¼ã®ä¸–界的リーダー Phraseã¯ã€ç¿»è¨³ã®è‡ªå‹•åŒ–ã¨ç®¡ç†ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ã€ã‚°ãƒãƒ¼ãƒãƒ«ãƒ“ジãƒã‚¹ã®æˆé•·ã‚’支æ´ã—ã¦ã„ã¾ã™ã€‚ Phrase Localization Platform Phraseã¯ã€å¤šãã®ãƒ„ールやサービスã¨é€£æºã§ãるカスタマイズ性ã®é«˜ã„クラウド型ã®ãƒãƒ¼ã‚«ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ラットフォームã§ã™ã€‚AI機能を活用ã™ã‚‹ã‚¯ãƒ©ã‚¦ãƒ‰åž‹ã®ã“ã®ãƒ—ラットフォームを利用ã™ã‚‹ã“ã¨ã§ã€ä¸–ç•Œä¸ã®é¡§å®¢ã«ã€è‡ªå›½èªžã§é–²è¦§å¯èƒ½ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›ã§ãã¾ã™ã€‚ 高速ã‹ã¤æ£ç¢ºã«å¤§è¦æ¨¡ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„を自動化ã—ã€ç®¡ç†ã—ã€ç¿»è¨³ã—ã€çµ±åˆã™ã‚‹ã‚ˆã†ã«æ§‹ç¯‰ã•ã‚ŒãŸãƒ—ラットフォームã¯ã€ã‚ˆã‚Šå°‘ãªã„リソースã§ãƒ“ジãƒã‚¹ã®æ‹¡å¤§ã‚’迅速ã«å®Ÿç¾ã—ã¾ã™ã€‚
WAI-ARIAを活用ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£… | 第1回 role属性ã€aria属性ã®åŸºç¤ŽçŸ¥è˜
WAI-ARIAを活用ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£… 第1回 role属性ã€aria属性ã®åŸºç¤ŽçŸ¥è˜ Webコンテンツアクセシビリティを確ä¿ã™ã‚‹ã•ã¾ã–ã¾ãªä»•æ§˜ã®ã†ã¡ã€WebサイトやWebアプリケーションã§æ´»ç”¨ã§ãã‚‹role属性ã¨aria属性ã«ã¤ã„ã¦å–り上ã’ã¾ã™ã€‚ã¾ãšã€ä¸¡è€…ã®åŸºç¤Žçš„ãªçŸ¥è˜ã‹ã‚‰è§£èª¬ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« æƒ…å ±ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹æ³•æ•´å‚™ãªã©ã®èƒŒæ™¯ã‚‚ã‚ã‚Šã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã®ç¢ºä¿ã¯ã€ä»Šå¾Œã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ç„¡è¦–ã§ããªã„技術ã¨ãªã£ã¦ãã¾ã—ãŸã€‚ ã‚ãªãŸãŒã“ã‚Œã¾ã§ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã«å¯¾ã—ã¦ã€ã‚ã¾ã‚Šèˆˆå‘³ã®ãªã„マークアップ・エンジニアã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã£ãŸã¨ã—ã¦ã‚‚ã€HTMLã¨SVGã®è¿½åŠ 仕様ã§ã‚ã‚‹WAI-ARIA（ウェイ・アリア）をç†è§£ã™ã‚Œã°ã€Webサイトã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティを強化ã§ãã‚‹ã®ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€CSSè¨è¨ˆã‚„JavaScriptã§ã®UI実装ã®éš›ã«ã‚‚ã€WAI-ARIAã®è€ƒãˆæ–¹ã‚’役立ã¦ã‚‹ã“
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
useTranslation (hook) | react-i18next documentation
A Localization and Translation Software Tool | Lokalise
{{#tags}}- {{label}}
{{/tags}}