The Power Of The Intl API: A Definitive Guide To Browser-Native Internationalization — Smashing Magazine
Internationalization isn’t just translation. It’s about formatting dates, pluralizing words, sorting names, and more, all according to specific locales. Instead of relying on heavy third-party libraries, modern JavaScript offers the Intl API — a powerful, native way to handle i18n. A quiet reminder that the web truly is worldwide. It’s a common misconception that internationalization (i18n) is sim
1人 Intl Advent Calendar 2024 - Adventar
JavaScript(ECMAScript)ã®å›½éš›åŒ–APIã€ã€ŒIntlã€ã«ã¤ã„ã¦ç´¹ä»‹ã™ã‚‹1人 Advent Calendar ã§ã™ã€‚ 2024末時点ã§ã®Intl仕様ã¨æ案ã•ã‚Œã¦ã„ã‚‹Proposalを広ã紹介ã™ã‚‹ã“ã¨ã‚’ゴールã¨ã—ã¦ã„ã¾ã™ã€‚åˆã‚ã›ã¦Intlã«é–¢é€£ã™ã‚‹ä»•æ§˜ã«ã¤ã„ã¦ã‚‚端端ã§ç´¹ä»‹ã§ããŸã‚‰ãªã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 機能・ドメイン的ã«é–¢é€£ã™ã‚‹è©±é¡Œã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¦ã„ãã®ã§ã€ã€Œæ—¢å˜ä»•æ§˜â†’関連ã™ã‚‹Proposalã€ã®é †ã§ç¹°ã‚Šè¿”ã™æµã‚Œã«ãªã‚‹äºˆå®šã§ã™ã€‚基本的ãªæ©Ÿèƒ½ã ã‘知りãŸã„よã¨è¨€ã†æ–¹ã¯é©å®œèªã¿é£›ã°ã—ã¦ãã ã•ã„。
GitHub - lingui/js-lingui: 🌠📖 A readable, automated, and optimized (2 kb) internationalization for JavaScript
Internationalization is the design and development of a product, application or document content that enables easy localization for target audiences that vary in culture, region, or language. --- W3C Web Internationalization FAQ Lingui is an easy yet powerful internationalization (i18n) framework for global projects. Clean and readable - Keep your code clean and readable, while the library uses ba
Tempo • Dates by FormKit
Tempo is a new library in a proud tradition of JavaScript date and time libraries. Tempo is tiny and tree-shakable. You can work with timezones with only a few bytes of library code, or perform full international date formatting for ~2Kb (minified and brotlied). Each function on this page details it's own impact on your code size. Tempo is best thought of as a collection of utilities for working w
Benchmarking, Profiling, and Optimizing JavaScript libraries
Stéphane Goetz (@onigoetz) is a performance enthusiast. Working on developer tooling, frontend libraries, and architecture as Principal Software Engineer at Swissquote Bank. Introduction I wish to bring you with me on a journey to learn about optimizing a library for localization, I would like to share my learnings with you on benchmarking, profiling, and optimizing. At Swissquote Bank, we use cli
Locale Aware Sorting in JavaScript
This post is part of my Byte Series, where I document tips, tricks, and tools that I've found useful. ProblemWhen building a localized JavaScript web-app, the default sorting logic for strings doesn't quite yield the results that you might expect. For example, take the following example… let strings = [ "nop", "NOP", "ñop", "abc", "abc", "äbc" ]; strings.sort(); console.log(strings); // ['NOP', 'a
Listify a JavaScript Array
Listify a JavaScript ArrayFebruary 18th, 2021 — 6 min read When you want to display a list of items to a user, I'm afraid .join(', ') just won't cut it: console.log(['apple'].join(', ')) // apple // looks good console.log(['apple', 'grape'].join(', ')) // apple, grape // nah, I want "apple and grape" console.log(['apple', 'grape', 'pear'].join(', ')) // apple, grape, pear // wut? Ok, so bust out y
Project Fluent
Asymmetric Localization Natural-sounding translations with genders and grammatical cases only when necessary. Expressiveness is not limited by the grammar of the source language. Progressive Enhancement Translations are isolated; locale-specific logic doesn't leak to other locales. Authors can iteratively improve translations without impact on other languages. Fully-Featured Date, time, and number
Intl.NumberFormatã§ã‚¼ãƒåŸ‹ã‚や％表記ãªã©ã®æ•°å€¤è¡¨ç¾ã‚’楽ã«å®Ÿè£…ã™ã‚‹
Number#toFixed ã‚„ Math.round/floor/ceil を駆使ã—ã¦è¡¨ç¤ºç”¨ã®å€¤ã‚’æ•´å½¢ã™ã‚‹ã“ã¨ã£ã¦ãªã„ã§ã—ょã†ã‹ã€‚カンマ区切りをオレオレユーティリティ関数ã§å®Ÿè£…ã—ãŸã‚Šãã†ã„ã£ãŸã“ã¨ã‚’実ç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリを探ã—ãŸã“ã¨ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã»ã¨ã‚“ã©ã® JavaScript ã®å®Ÿè¡Œç’°å¢ƒã«ã¯Intlã¨ã„ㆠi18n ã®ãŸã‚ã®ã‚ªãƒ–ジェクトãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ãŠã‚Šã€ãã®ä¸ã®ï¼‘ã¤ã«Intl.NumberFormatã¨ã„ã†ã‚¯ãƒ©ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ オプションãŒè‰²ã€…ã‚ã‚Šã€ã‹ãªã‚Šä¾¿åˆ©ã§å¤šæ©Ÿèƒ½ãªã‚“ã§ã™ãŒæ•´ç†ã•ã‚ŒãŸæƒ…å ±ãŒå°‘ãªãã€èº«ã®å›žã‚Šã§ä½¿ç”¨ã—ã¦ã‚‹äººã‚‚å°‘ãªã„ã¨æ„Ÿã˜ã¾ã—ãŸã€‚ Do you use Intl.NumberFormat? — れ㓠(@L_e_k_o) February 25, 2019 （2019/03/04ã‚ãŸã‚Šã«çµæžœè¡¨ç¤ºã•ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚途ä¸çµŒéŽã‚’è¦‹ã‚‹å ´åˆå…ƒãƒ„イートã«é£›ã‚“ã§ãã ã•ã„。） 「ãれ自
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://www.patreon.com/posts/133137028
v0 App
Intlã®ä»Šã¾ã§ã¨ã“ã‚Œã‹ã‚‰
GitHub - tanekloc/tmsg: Type-safe i18n library for TypeScript apps. Based on and largely compatible with MessageFormat.
Intl Explorer
GitHub - codingcommons/typesafe-i18n: A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
GitHub - lukeed/rosetta: A general purpose internationalization library in 292 bytes
quilt/packages/address at main · Shopify/quilt
GitHub - spencermountain/spacetime: A lightweight javascript timezone library
GitHub - messageformat/messageformat: ICU MessageFormat and Unicode Messageformat for Javascript
GitHub - format-message/format-message: Internationalization Made Easy
{{#tags}}- {{label}}
{{/tags}}