タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは？ MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します 用はi18nの書式版です。 例を出すより見たほうが早いので実際に機能解説します。 (先に言っておきますが、実はこれバックエンド無しで自然言語処理が出来る優れものです。) 用語解説 localesって何？そもそもnewって何？って人がいるかもしれないので locales https://developer.mozilla.
Intlの今までとこれから
JSConf JP 2023 : 2023/11/19 - https://jsconf.jp/2023/talk/ryusei-sajiki-1/
Intl.Segmenter についておさらい JavaScript には Intl と呼ばれる国際化 API があり、日時や数値のフォーマットを始めとする国際化に便利な機能が揃っています。Intl.Segmenter はこの Intl の一機能で、文字・単語・文章単位での文字列分割を可能にします。 文字単位での分割では複数のコードユニットやコードポイントを持った文字を考慮し、正確に見た目上の１文字（書記素）で分割できるので、絵文字を含んだ文字数のカウントなどに便利です。 const segmenter = new Intl.Segmenter("ja", { granularity: "grapheme" }); console.log("🇯🇵👨🏻💻".length); // ❌ 11 console.log([..."🇯🇵👨🏻💻"].length); // ❌
TL;DR 少なくとも Chrome, Firefox, Edge の実装において、明治改暦以前の日付について、 Intl.DateTimeFormat の返す和暦は多分に怪しいです。 元号の始まりは、実際の改元日ではなく、和暦1における改元日の月日を西暦2（グレゴリオ暦3/ユリウス暦4）における月日と解釈した日となっている。 南北朝時代の元号は、南朝の元号と北朝の元号とが混在しており、年の数値も正しくない。 初期の元号については、通説と異なる扱いとなっている。 動作確認環境 本記事では以下のブラウザでの挙動について記載します。 Google Chrome 83.0.4103.116 Mozilla Firefox 78.0.1 Microsoft Edge 83.0.478.58 ※ 因みに Internet Explorer 11 では挙動が異なりました（1867年以前の日付は常にエラ
tl;dr ブラウザで文字列を表示する場合画面幅に応じて自動で改行されることがあります。英文などは分かち書きされているためブラウザは単語の区切りなどで改行することができますが、和文は文節が明確ではなく単語の途中で改行されてしまうことがあります。 この記事では、ECMA402 の Intl.Segmenter を用いて和文を分かち書きし、ブラウザに改行可能箇所を教えることでより読みやすいレイアウトを目指します。 (2023/04/14 追記) NPM package として公開しました 🚀 背景 ラテン文字を使用する多くの言語では語と語が空白で区切られていますが(以降分かち書き)、通常、日本語や中国語は分かち書きされていません。 一般的なブラウザでは表示領域(横幅)に対して表示させたい文字列が一行に収まらない場合自動で改行するような挙動になっています。英語のように既に分かち書きされた文の場
コンピュータ上で文字列を扱う時、データ上は単にコードユニットの羅列でしかなく、そこに単語や文としての意味合いはありません。 しかし我々は人間であり、単なる文字列ではなく文章として処理したい場合があります。そんなとき、 Intl.Segmenter が役に立つかもしれません。 文章の分割と仕様の標準化 プログラムを書く上で、文字列の処理、というより「文章の処理」をしたくなることがしばしばあります。文章というのは単語や文で構成された、単なる文字コードの連続ではなく、人間的に意味を持つ単位が連続したものとなります。 今まで文字列の意味的な分割は Intl.v8BreakIterator を用いて行っていました。これはChromeやNode.jsで使用されているV8エンジンの独自の仕様であり、一般的な物ではありません。なおかつNode.jsでは意図的に無効化されています。 Intl.v8Break
ShadowBreak Intl. on Twitter: "Intelligence acquired since the beginning of the Russian military operation over Ukraine has shown an immense lack… https://t.co/DvolVKgTuv"
Intelligence acquired since the beginning of the Russian military operation over Ukraine has shown an immense lack… https://t.co/DvolVKgTuv
Standard built-in objectsIntl.SegmenterConstructorIntl.Segmenter() constructorStatic methodsIntl.Segmenter.supportedLocalesOf()Instance methodsIntl.Segmenter.prototype.resolvedOptions()Intl.Segmenter.prototype.segment()InheritanceObject/FunctionStatic methodsFunction.prototype.apply()Function.prototype.bind()Function.prototype.call()Function.prototype[Symbol.hasInstance]()Function.prototype.toStri
tl;dr Intl.DateTimeFormat を使うときは、インスタンスを使い回さないと時間もかかるしメモリももりもり食うんで気をつけましょう。 Intl.DateTimeFormat JavaScript で、日付や時刻を人が読める形式にしたいとき、 Intl.DateTimeFormat を使う方法がある。 Intl.DateTimeFormat - JavaScript | MDN moment.js などのライブラリを使わなくて済むし、タイムゾーンの指定なども簡単なので、最近（2023-01-15 現在）のベストプラクティス的なやり方になっていると思う。 例えば new Date('2023-01-23T01:23:45Z') を "2023/01/23 10:23:45" (日本時間) という形式にするには const date = new Date('2023-01-23
petamoriken / 森建 on Twitter: "@tkihira いい時代になりましたね。 // ES2022 const segmenter = new Intl.Segmenter(); function reverseStr(str) { let ret = "… https://t.co/EhyhhCijnw"
@tkihira いい時代になりましたね。 // ES2022 const segmenter = new Intl.Segmenter(); function reverseStr(str) { let ret = "… https://t.co/EhyhhCijnw
以前から、「文字数を数える」「1文字とはなにか」といった興味深い問題の記事をいくつか目にします。 Intl.SegmenterがChromiumとSafariで採用されて以降、これを使って文字数を数えたり、反転させる記事を見かけます。たしかに、Intl.Segmenterを使うことで、絵文字や結合文字を適切に扱える場面は多々存在します。 上記の記事を引用しつつ確認してみます。実は以下の記述がとても重要です。 本稿のタイトルは「文字数を正確にカウントするには？」としましたが、以上の事情により「正確に」の部分は要件定義によるところが出てくる部分です。なので、ここで紹介する方法はすべてのアプリケーションに適用できるものではない点はご留意ください。 今回の記事では「なんとなくIntl.Segmenterで書記素で数える」を防ぐために、注意点をまとめます。 用語整理 まず、「1文字」「文字の長さ」と
Web Developer working on @kintone at @cybozu. Loves JavaScript and Curry! 🍛 Old slides: https://www.slideshare.net/teppeis/presentations
GitHub - blefnk/relivator-nextjs-template: Next.js 15 Store Dashboard Starter ▲ i18n Stripe Shadcn Tailwind Drizzle Zod tRPC TypeScript Clerk Authjs Radix UI, Responsive React 19 Server Components, MySQL Postgres Neon TS ORM, Intl App Router Docs User Act
You 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
フロントエンドカンファレンス北海道 2024 : 2023/08/24 - https://fortee.jp/frontend-conf-hokkaido-2024/proposal/31eab828-f20d-4f9d-87ae-e2d92c790dfb X - https://twitter…
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。
Intl.Segmenterはどうやって単語分割しているのか
Intl.DateTimeFormat による明治以前の和暦の扱い - Qiita
![ビッグテック企業は“ガザのジェノサイド”にどのように加担しているのか | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/31e3cb9a45fa7e0f501485ff6abe1e00c13590af/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F10%2FGaza-BigTech-Header.jpg)
Intl.Segmenter で和文の改行をいい感じにしてみる
JavaScriptのIntl.Segmenterで文章の意味分割を行う
Intl.Segmenter - JavaScript | MDN
Intl.DateTimeFormat を使うときは気をつけないと50倍くらい遅くなるしメモリももりもり食う
「文字数を数える」「1文字とは」問題、または、Intl.Segmenterへの警鐘 - Qiita
Intl.MessageFormat Introduction | ドクセル
The Future of Frontend i18n : Intl.MessageFormat
ameblo.jp/zokukokon
www.afpbb.com
note.com/gutai_note
gigazine.net
dynamicaudio55552f.wordpress.com
oil.bijutsutecho.com