Intlの今までとこれから

JSConf JP 2023 : 2023/11/19
- https://jsconf.jp/2023/talk/ryusei-sajiki-1/

Transcript

1. 3ZVTFJ
   4BKJLJ
   
   !TBKJLJY *OUMͷࠓ·Ͱͱ͜Ε͔Β
2. 4BKJ
   
   3ZVTFJ
   4BKJLJ 'SPOUFOE
   %FWFMPQFS
   BU
   $ZCP[V
   JOD 𝕏
   !TBKJLJY
3. ΞδΣϯμ  *OUMͱ͸
    *OUMࡦఆ·Ͱͷྺ࢙
    *OUMͷ͜Ε·ͰͷਐԽɾαϙʔτ
    *OUMʹؔ࿈͢Δ࢓༷ͨͪ
    *OUMͷ͜Ε͔Β
4. 
   *OUMͱ͸
5. 8IBU
   JT
   *OUM
   
   ࢓༷ॻʹΑΔͱ This Standard de fi nes the application programming interface for ECMAScript objects that support programs that need to adapt to the linguistic and cultural conventions used by different human languages and countries.(from ECMA-402, 10th edition) ͜ͷඪ४͸ɺҟͳΔਓؒͷݴޠ΍ࠃͰ࢖༻͞ΕΔݴޠతɾจԽతͳ׳शʹదԠ ͢Δඞཁͷ͋ΔϓϩάϥϜΛαϙʔτ͢ΔECMAScriptΦϒδΣΫτͷΞϓϦέ ʔγϣϯϓϩάϥϛϯάΠϯλϑΣʔεΛఆٛ͢Δɻ
6. ΋͏ͪΐͬͱ۩ମతʹ +BWB4DSJQUͷࠃࡍԽ"1*ͷ໊લۭؒ Intl.ʓʓ
   ҎԼͷΑ͏ʹݴޠʹґଘͨ͠ػೳΛఏڙ͢Δ
   w ೔࣌ɾ਺஋ͷϑΥʔϚοτ
   w ϩέʔϧͷղܾ
   w ݴޠʹґଘͨ͠จࣈྻͷൺֱ
   w ςΩετ۠੾Γɾෳ਺ܗͷ൑ผ
7. *OUMͷ࢓༷తͳҐஔ෇͚ +BWB4DSJQUͷ࢓༷Ͱ͋Δ&$."ͷʮ֦ு࢓༷ʯͱ͍͏Ґஔ෇͚ɻ
   &$."ͱ͸۠ผͯ͠&$."ͱ͍͏࢓༷൪߸͕͍͍ͭͯΔɻ
   1SPQPTBMͷ؅ཧ΍ձٞʹ΋෼͚ͯਐΊΒΕ͍ͯΔ &$." &$."
   *OUM ࣗ෼͕ͨͪ+BWB4DSJQUͷ࢓༷ͱଊ͍͑ͯΔ΋ͷ
8. ࢖͍ํͱ֤"1*Λͬ͘͟Γ঺հ
9. *OUMͷ"1*֓ཁ *OUM͸̎ͭͷϝιουͱͭ̕ͷίϯετϥΫλϓϩύςΟΛ͍࣋ͬͯΔ
   w ϝιου͸ิॿతͳ΋ͷͰϝΠϯͷػೳ͸ίϯετϥΫλϓϩύςΟܦ༝
   Α͘࢖͏ίϯετϥΫλϓϩύςΟ
   • ✨Intl.DateTimeFormat() • ✨Intl.NumberFormat() • Intl.RelativeTimeFormat() / Intl.Segmenter() / Intl.PluralRules()
10. *OUMͷ"1*֓ཁ શͯͷίϯετϥΫλϓϩύςΟ͸MPDBMFͱ0QUJPOͷ̎ͭΛҾ਺ʹऔΔ
    w -PDBMF
    
    ࢖༻͢ΔMPDBMFɻݴޠλά͔-PDBMFΦϒδΣΫτͰࢦఆɻ
    w ྫ
    
    “ja-JP”, “en-US”
    w 0QUJPO
    
    GPSNBUͳͲʹ͓͚ΔΦϓγϣϯɻ
    w ྫ
    
    {calender : "japanese"} ࢖༻͢ΔྐྵΛ࿨ྐྵʹ͢Δ
    ίϯετϥΫλΛॳظԽ͢ΔࡍʹϩέʔϧͱϑΥʔϚοτͳͲͷΦϓγϣϯΛࢦ ఆ͢Δͷ͕ϙΠϯτ
11. ࢖͍ํͷྫ const formatter = new Intl.NumberFormat("en", { notation: "compact", compactDisplay: "long", }); formatter.format(123456789); શମ૾
12. ࢖͍ํͷྫ const formatter = new Intl.NumberFormat("en", { notation: "compact", compactDisplay: "long", }); formatter.format(123456789); ϩέʔϧͷࢦఆ
13. ࢖͍ํͷྫ const formatter = new Intl.NumberFormat("en", { notation: "compact", compactDisplay: "long", }); formatter.format(123456789); Φϓγϣϯͷࢦఆ
14. ࢖͍ํͷྫ const formatter = new Intl.NumberFormat("en", { notation: "compact", compactDisplay: "long", }); formatter.format(123456789); ίϯετϥΫλϓϩύςΟΛOFX
15. ࢖͍ํͷྫ const formatter = new Intl.NumberFormat("en", { notation: "compact", compactDisplay: "long", }); formatter.format(123456789); ࣮ࡍʹGPSNBUϝιουΛݺͼग़͢
16. ࢖͍ํͷྫ const formatter = new Intl.NumberFormat("en", { notation: "compact", compactDisplay: "long", }); formatter.format(123456789); // → 123 million ϑΥʔϚοτ͞ΕΔʂ
17. Α͘࢖͏ػೳ
    
    *OUM%BUF5JNF'PSNBU ݴޠ͝ͱʹҟͳΔ೔࣌ͷϑΥʔϚοτΛߦ͏
    format()ϝιουͱformatRange()ϝιουΛ࣋ͭ
    w format()
    
    “12/07/2015” w formatRange()
    
    “12/07/2015 ~ 12/09/2015” ͦΕͧΕ“ToParts”ͷ͍ͭͨόʔδϣϯͷϝιου΋͋Δ
    • formatToParts() / formatRangeToParts() w ϑΥʔϚοτจࣈྻΛҙຯ͝ͱʹ۠੾ͬͨ഑ྻͰग़ྗͯ͘͠ΕΔ
18. *OUM%BUF5JNF'PSNBUͷ࢖༻ྫ const formatter = Intl.DateTimeFormat('en-US', { dateStyle: 'short' }); const date = new Date(Date.UTC(2023, 10, 19)); formatter.format(date); // → 11/19/23 formatter.formatToParts(date); // [ // { type: 'month', value: '11' }, // { type: 'literal', value: '/' }, // { type: 'day', value: ’19' }, // { type: 'literal', value: '/' }, // { type: 'year', value: '23' } // ];
19. Α͘࢖͏ػೳ
    
    *OUM/VNCFS'PSNBU ७ਮͳ਺஋͚ͩͰͳ͘୯Ґ΍௨՟ɺύʔηϯτΛؚΜͩ਺஋ͷϑΥʔϚοτ
    w “decimal”
    
    ྫ
    “123.4” w “currency”
    
    ྫ
    “$123.4”
    w “percent”
    
    ྫ
    “123.4%” w “unit”
    
    ྫ
    “123.4km/h”
    ϝιου͸%BUF5JNF'PSNBUͱಉ༷
    w format()/formatRange()/formatToParts()/formatRangeToParts()
20. *OUM/VNCFS'PSNBUͷ࢖༻ྫ ਺஋ const compactFormatter = new Intl.NumberFormat('en', { style: 'decimal', notation: 'compact' }); compactFormatter.format(1000000); // '1M' const FourDigitFormatter = new Intl.NumberFormat('en', { style: 'decimal', maximumSignificantDigits: 4 }); FourDigitFormatter.format(123.456); // "123.5"
21. *OUM/VNCFS'PSNBUͷ࢖༻ྫ ௨՟ const enFormatter = new Intl.NumberFormat("en", { style: "currency", currency: "USD", }); enFormatter.format(12345); // “$12,345.00” const jaFormatter = new Intl.NumberFormat("ja", { style: “currency", currency: "JPY", }); jaFormatter.format(12345); // “ˇ12,345”
22. *OUM/VNCFS'PSNBUͷ࢖༻ྫ ୯Ґ const formatter = new Intl.NumberFormat("en", { style: "unit", unit: "foot", unitDisplay: "long", }); formatter.format(1); // → 1 foot formatter.format(2); // → 2 feet
23. ଞʹ΋͋Δ*OUMͷศརͳػೳ Intl.RelativeTimeFormat() w ʮ໌೔ʯ΍ʮ͓ͱͱ͍ʯͷΑ͏ͳ૬ରతͳ೔࣌දهͷࠃࡍԽΛߦ͏
    Intl.Segmenter() w จࣈɾ୯ޠɾจ͝ͱͷ෼ͪॻ͖Λߦ͏
    Intl.PluralRules() w ݴޠ͝ͱͷෳ਺ܗϧʔϧ෼ྨ΍ং਺ TU OEʜ Λฦ͢
24. ͦΜͳ*OUMɺ
    ࣮͸ྺ࢙͕௕͍ΜͰ͢
25. 
    *OUMࡦఆ·Ͱͷྺ࢙
26. ḪΔ͜ͱ೥લ
27. UI
    NFFUJOH
    PG
    5$
     (PPHMFͷ/FCPKãB
    㶎JSJ㶛ࢯͱ+VOHTIJL
    4IJOࢯʹΑͬͯఏҊ͞Εͨ
28. ࡦఆ։࢝౰࣌ʹ͓͚Δ՝୊ײ 🤔
    &$."4DSJQU
    ͸ࠃࡍԽػೳΛݶఆతʹ͔͠αϙʔτ͍ͯ͠ͳ͔ͬͨ
    w Date.toLocaleString()ͷΑ͏ͳॳาతͳιʔτ΍ϑΥʔϚοτػೳͷΈ
    🤔
    จࣈྻιʔτͷ࣮૷͕ϒϥ΢βʹΑͬͯҟͳΔ
    w ϒϥ΢βؒͰͷ&$."4DSJQUΤϯδϯͷ࣮૷͕·ͪ·ͪ
29. *OUMࡦఆલʹߟ͑ΒΕͯͨղܾํ๏ͱ໰୊఺  ೔෇΍௨՟ΛϑΥʔϚοτ͢Δઐ༻ͷJOϥΠϒϥϦΛ࣮૷
    ˠ
    γϯάϧϩ έʔϧσʔλʹόϯυϧ
    w 👎
    ϥΠϒϥϦͷαΠζͱҰ؏ੑͷͳ͍"1*
    w 👎
    ࣅͨػೳͷϥΠϒϥϦΛॏෳͯ͠Πϯετʔϧ͢Δ͜ͱʹͳΔՄೳੑ
     αʔόʔ্Ͱ͢΂ͯͷࠃࡍԽॲཧΛߦ͍ɺ݁ՌΛૹ৴͢Δɻ
    w 👎
    ஗Ԇ͢Δ্ʹΦϯϥΠϯΞΫηεͱࠃࡍԽॲཧΛߦ͏αʔόʔ͕ඞཁ
30. Ұ؏ͨ͠&$."4DSJQU
    "1*
    Ͱղܾͩʂ
31. ࠃࡍԽ"1*ࡦఆʹΑͬͯͰ͖Δ͜ͱ 👍
    Ұ؏ͨ͠ࠃࡍԽ݁ՌΛฦͤΔ
    w $-%3΍ओཁͳϓϥοτϑΥʔϜͷϩέʔϧαϙʔτͱಉϨϕϧ
    👍
    ΞϓϦέʔγϣϯ͝ͱʹෳ਺ͷϩέʔϧΛαϙʔτͰ͖Δ
    w ϩέʔϧࣝผࢠ͸6OJDPEFඪ४ʹै͏
    👍
    ౷Ұ͞Εͨ"1*ʹΑΓίʔυ಺ͰΦϒδΣΫτͷ࠶ར༻͕͠΍͘͢ͳΔ
    w ࡞੒ίετͷߴ͍ΦϒδΣΫτͩͱಛʹԸܙ͕͋Δ
32. ࠃࡍԽ"1*ࡦఆʹΑͬͯͰ͖Δ͜ͱ αʔόʔ্ͰࠃࡍԽΛߦ͏Θ͚Ͱ͸ͳ͍ͷͰʜ
    👍
    αʔόʔ΁ͷݺͼग़͕͠ͳ͍ͨΊɺ଴͕ͪ࣌ؒͳ͍ɻ
    👍
    ΦϑϥΠϯॲཧ΋࣮ݱͰ͖Δ
    ඪ४ػೳͷ"1*ͳͷͰʜ
    👍
    ϖʔδ΍ΤΫεςϯγϣϯͷαΠζ͕૿Ճ͠ͳ͍
    
33. ॳ൛׬੒·ͰͷಓͷΓ 
    *OUMͷݩͱͳΔఏҊ͕5$ͷ.FFUJOHͰ͞ΕΔ 
    ࠷ॳͷࠃࡍԽ"1*
    .FFUJOH͕։࠵ 
    4USBXNBO
    QSPQPTBM
    W͕ެ։ 
    ೥݄Ͱͷ࢓༷ࡦఆΛ໨ࢦ͢͜ͱʹͳΔ ୈdճͷࠃࡍԽ.FFUJOH
    ໊લۭؒͷ౷Ұɾػೳͷ࡟ݮɾपล࢓༷ͱͷௐ੔
    FUD 
    ࠷ॳͷ%SBGU
    4QFD
    ͜ͷลΓͰ͋Δఔ౓࢓༷ΛݻΊΔ 
    ࠷ޙͷ%SBGU
    4QFDJ fi DBUJPO %SBGU
    4QFDͷվળ࡞ۀɾ࣮૷࡞ۀ
    ໊લۭؒͷ໊લมߋɾ"1*ͷमਖ਼
    FUD
34. ͦͯ͠೥݄
35. TU
    &EJUJPO
    ެ։ʂ🎉
36. TU
    &EJUJPOͷ֓ཁ ఆٛ͞ΕͨίϯετϥΫλϓϩύςΟ͸̏ͭ
    w *OUM$PMMBUPS
    w *OUM/VNCFS'PSNBU
    w *OUM%BUF5JNF'PSNBU
    طଘͷ࣮૷ͱͷ౷߹
    w /VNCFSUP-PDBM4USJOH
    
    %BUFUP-PDBM4USJOH
    ͷ֦ு
37. ݱࡏͷػೳͱൺ΂Δͱ
    ݁ߏγϯϓϧ
38. 
    *OUMͷ͜Ε·ͰͷਐԽ
39. ࡦఆޙͷϒϥ΢βαϙʔτ
40. ೥ TU
    &EJUJPOࡦఆ͔Β೥ $ISPNF *& 'JSFGPY 4BGBSJ %BUF5JNF'PSNBU ⚪︎ ˚ º º /VNCFS'PSNBU ⚪︎ ˚ º º $PMMBUPS ⚪︎ ˚ º º
41. ೥ $ISPNF *& 'JSFGPY 4BGBSJ %BUF5JNF'PSNBU ⚪︎ ˚ ⚪︎ º /VNCFS'PSNBU ⚪︎ ˚ ⚪︎ º $PMMBUPS ⚪︎ ˚ ⚪︎ º
42. ೥ $ISPNF *&ˠ&EHF 'JSFGPY 4BGBSJ %BUF5JNF'PSNBU ⚪︎ ⚪︎ ⚪︎ º /VNCFS'PSNBU ⚪︎ ⚪︎ ⚪︎ º $PMMBUPS ⚪︎ ⚪︎ ⚪︎ º
43. ೥ $ISPNF *&ˠ&EHF 'JSFGPY 4BGBSJ %BUF5JNF'PSNBU ⚪︎ ⚪︎ ⚪︎ ⚪︎ /VNCFS'PSNBU ⚪︎ ⚪︎ ⚪︎ ⚪︎ $PMMBUPS ⚪︎ ⚪︎ ⚪︎ ⚪︎
44. ೥ɺॳ൛ͰఏҊ͞Εͨ
    "1*܈͕Ұ௨Γ࢖͑ΔΑ͏ʹ 🎉
45. ػೳ໘΋ਐԽͯ͠·͢
46. ݱࡏͷ*OUM͸UI
    &EJUJPO
    OE
    &EJUJPO͕೥ɾͦͷޙ͸ຖ೥ࡦఆ
47. OE
    &EJUJPOҎ߱ͷ
    ػೳ௥ՃΛݟ͍ͯ͘
48. OE
    &EJUJPO  େ͖ͳػೳ௥Ճͱ͍͏ΑΓपล࢓༷΍&4ͱͷڠௐ͕ϝΠϯ
    w &4ͱͷڠௐ
    w Array.toLocaleString()Λ௥Ճ
    w *"/"
    5JNF[POF/BNFΛड͚෇͚ΔΑ͏ʹ
49. SE
    &EJUJPO  Intl.getCanonicalLocales(); // ॏෳ͕লུ͞Εɺ༗ޮͳݴޠλάͷ഑ྻΛฦ͢ console.log(Intl.getCanonicalLocales("EN-US")); // Array [“en-US"] console.log( Intl.getCanonicalLocales(["EN-US", "Fr"]), ); // Array ["en-US", "fr"]
50. UI
    UI
    &EJUJPO 
     formatToParts() (DateTimeFormat / NumberFormat) // ҙຯ͝ͱʹformatจࣈྻΛ෼ׂͨ͠഑ྻͱͯ͠ฦ͢ const formatter = Intl.DateTimeFormat('en-US', {}); formatter.formatToParts(new Date(Date.UTC(2023, 10, 19))); // [ // { type: 'month', value: '11' }, // { type: 'literal', value: '/' }, // { type: 'day', value: ’19' }, // { type: 'literal', value: '/' }, // { type: 'year', value: '23' } // ];
51. UI
    &EJUJPO  Intl.PluralRules // ং਺΍ෳ਺ܗͷϧʔϧΛ൑ผ͢Δػೳͷ௥Ճ const pluralRule = new Intl.PluralRules("en-US", { type: "ordinal", }); pluralRule.select(1); // → "one" : 1st pluralRule.select(2); // → "two" : 2nd pluralRule.select(3); // → "few" : 3rd pluralRule.select(13); // → "other" : 13th pluralRule.select(103); // → "few" : 103rd
52. UI
    &EJUJPO  Intl.RelativeTimeFormat // ʮࡢ೔ʯͷΑ͏ͳ૬ରతͳ೔࣌දهͷϑΥʔϚοτ const rtfEn = new Intl.RelativeTimeFormat("en", { numeric: "auto", }); rtfEn.format(1, "day"); // "tomorrow" const rtfJa = new Intl.RelativeTimeFormat("ja", { numeric: "auto", }); rtfJa.format(2, "day"); // "໌ޙ೔"
53. UI
    &EJUJPO  Intl.Locale Object // ϩέʔϧ৘ใΛΑΓ؆୯ʹૢ࡞ɾ؅ཧͰ͖Δ const korean = new Intl.Locale("ko", { script: "Kore", region: "KR", hourCycle: "h23", calendar: "gregory", }); console.log(korean.hourCycle); // "h23"
54. UI
    &EJUJPO  Intl.ListFormat // ݴޠΛߟྀͨ͠Ϧετ(and/orͰͲ͏ܨ͙͔)ͷϑΥʔϚοτ const languages = ['JavaScript', 'JavaScript', 'HTML']; const formatter = new Intl.ListFormat('en', { style: 'long', type: 'conjunction', }); console.log(formatter.format(languages)); // "JavaScript, JavaScript, and HTML"
55. UI
    &EJUJPO  Intl.DisplayNames // ݴޠ໊ɺ஍Ҭ໊ɺจࣈମܥ໊ࣗମͷදࣔΛࠃࡍԽ const regionNamesInJapanese = new Intl.DisplayNames( ["ja"], { type: "language" }, ); regionNamesInJapanese.of("en"); // “ӳޠ” regionNamesInJapanese.of("ja"); // “೔ຊޠ"
56. UI
    &EJUJPO  DateTimeFormat:formatRange() // ೔࣌ͷظؒදهͷϑΥʔϚοτΛߦ͏ const formatter = Intl.DateTimeFormat('en-US', { dateStyle: 'short' }); const dateStart = new Date(Date.UTC(2023, 10, 18)); const dateEnd = new Date(Date.UTC(2023, 10, 19)); formatter.formatRange(dateStart, dateEnd); // '11/18/23 – 11/19/23'
57. UI
    &EJUJPO  'dayStyle','timeStyle' in DateTimeFormat // ҙຯ͝ͱʹformatจࣈྻΛ෼ׂͨ͠഑ྻͱͯ͠ฦ͢ const dateFormatter = Intl.DateTimeFormat("en-US", { dateStyle: "short", }); const timeFormatter = Intl.DateTimeFormat("en-US", { timeStyle: "long", }); const date = new Date(Date.UTC(2023, 10, 19)) dateFormatter.format(date); // “11/19/23" timeFormatter.format(date); // "9:00:00 AM GMT+9"
58. UI
    &EJUJPO  Intl.Segmenter // จࣈɾ୯ޠɾจ͝ͱͷ෼ͪॻ͖Λߦ͏ const segmenter = new Intl.Segmenter("ja-JP", { granularity: "word" }, ); console.log([...segmenter.segment("ޗഐ͸ೣͰ͋Δɻ")]); // [ // {"segment": "ޗഐ", "index": 0, "isWordLike": true}, // {"segment": "͸", "index": 2, "isWordLike": true}, // ...(ུ)
59. UI
    &EJUJPO  Intl.DisplayNames v2 // ΧϨϯμʔ໊ɺ೔࣌ͷϥϕϧ໊ࣗମͳͲͷදࣔΛࠃࡍԽ const calendarNamesInJapanese = new Intl.DisplayNames( ["ja"], { type: "calendar" }, ); calendarNamesInJapanese.of("japanese"); // “࿨ྐྵ” const dateTimeNamesInJapanese = new Intl.DisplayNames( ["ja"], { type: "dateTimeField" }, ); dateTimeNamesInJapanese.of("dayPeriod"); // “ޕલ/ޕޙ”
60. UI
    &EJUJPO  Intl Enumeration API // ͦͷ࣮૷Ͱαϙʔτ͞Ε͍ͯΔྐྵɺর߹ॱংɺͳͲͷ഑ྻΛฦ͢ Intl.supportedValuesOf("calendar"); // ['buddhist', 'chinese', 'coptic', ‘dangi’, …]; Intl.supportedValuesOf("currency"); // [‘AED', 'AFN', 'ALL', 'AMD', 'ANG', 'AOA', ‘ARS’, …] Intl.supportedValuesOf("numberingSystem"); // [‘adlm', 'ahom', 'arab', 'arabext', 'bali', …] Intl.supportedValuesOf("timeZone"); // ['Africa/Abidjan', 'Africa/Accra', …]
61. UI
    &EJUJPO  Intl.NumberFormat v3 // formatRange()ϝιουͷαϙʔτ const formatter = new Intl.NumberFormat('en', { style: 'decimal', }); formatter.formatRange(100, 200); // ‘100-200’ // ਺஋ͷؙΊΦϓγϣϯͳͲͷॆ࣮ const compactFormatter = new Intl.NumberFormat('en', { style: ‘decimal', maximumFractionDigits: 0 }); compactFormatter.formatR(3.14); // ‘3’
62. TU
    &EJUJPO
    d
    ·Ͱͷػೳ௥Ճ + Intl.getCanonicalLocales() + Intl.ListFormat + Intl.Segmenter + Intl.DisplayNames + Intl.PluralRules + Intl.RelativeTimeFormat + Intl.Locale + formatToParts() + formatRange() + DateTimeFormat option + NumberFormat option(v3) … and more
63. ௥Ճ͞Εͨػೳͷαϙʔτ
64. ݱࡏͷαϙʔτঢ়گ $ISPNF &EHF 'JSFGPY 4BGBSJ %BUF5JNF'PSNBU     /VNCFS'PSNBU     4FHNFOUFS   º  1MVSBM3VMFT     3FMBUJWF5JNF'PSNBU    
65. ݱࡏͷαϙʔτঢ়گ $ISPNF &EHF 'JSFGPY 4BGBSJ 1MVSBM3VMFT     -PDBMF
    0CKFDU     -JTU'PSNBU     %JTQMBZ/BNFT    
66. 👍
    جຊతʹ͸αϙʔτ
67. 
    *OUMʹؔ࿈͢Δ࢓༷ͨͪ
68. ؔ࿈࢓༷Λ஌Δҙຯ &DNB4DSJQUಠࣗͰܾΊΔΘ͚ʹ͸ߦ͚ͳͦ͞͏ͳ໰୊͕୔ࢁ
    w αϙʔτ͢Δจࣈ΍ͦͷιʔτ͸ʁ
    w αϙʔτ͢ΔλΠϜκʔϯ͸
    
    w ݴޠʹΑΔจ๏ࣄ߲ ෳ਺ܗͳͲʜ ͷ෼ྨͬͯʁ
    w ஍Ҭ΍ݴޠ໊Ͳ͏΍ͬͯ؅ཧ͢Δʁ
    ˠ
    *OUM͸ࠃࡍԽػೳͱ͍͏ੑ্࣭ɺଞͷඪ४࢓༷Λࢀর͢Δ෦෼͕ଟ͍
69. *OUMͱͷؔ࿈࢓༷
    
    શମ૾ *OUM *&5'
    #$1 *"/"
    5JNF[POF *40
    ௨՟ίʔυ 6OJDPEF -%.-
    $-%3
70. *OUMͱͷؔ࿈࢓༷
    
    6OJDPEF ҎԼ͸6OJDPEFͷ࢓༷ʹ४ڌ͍ͯ͠Δ
    w จࣈηοτ
    w จࣈྻͷ۠੾Γʹؔ͢Δ࢓༷
    w 6OJDPEF
    4UBOEBSE
    "OOFY
    
    6OJDPEF
    5FYU
    4FHNFOUBUJPO
    w จࣈࣗମͷൺֱɾฒͼସ͑ʹؔ͢Δ࢓༷
    w 6OJDPEF
    5FDIOJDBM
    4UBOEBSE
    
    6OJDPEF
    $PMMBUJPO
    "MHPSJUIN
    
71. *OUMͱͷؔ࿈࢓༷
    
    ͦ΋ͦ΋-%.-$-%3ͱ͸ -%.- 6OJDPEF
    -PDBMF
    %BUB
    .BSLVQ
    -BOHVBHF
    w ߏ଄Խ͞ΕͨϩέʔϧσʔλΛަ׵͢ΔͨΊͷ9.-ϑΥʔϚοτ
    $-%3 $PNNPO
    -PDBMF
    %BUB
    3FQPTJUPSZ
    w ੈք֤஍ͷݴޠʹ͓͚Δ༷ʑͳϩέʔϧɾσʔλΛ·ͱΊͨϨϙδτϦ
    w -%.-ͷܗࣜʹͦͬͯهड़͞Ε͍ͯΔ
72. *OUMͱͷؔ࿈࢓༷
    
    -%.-$-%3ͱ*OUM *OUM͸࢓༷ͷ֤ॴͰ-%.-४ڌͰ͋Δ͜ͱ͕໌ه͞Ε͍ͯΔ
    Intl.PluralRules w ෳ਺ܗͷύλʔϯɾϧʔϧ͸-%.-ͷݴޠෳ਺ϧʔϧʹ४ڌ
    Intl.ListFormat w ಺෦తͳσʔλͷܗࣜͱͯ͠-%.-ͷ-JTU1BUUFSOʹ४ڌ͢Δ͜ͱ
    -%.- ࢓༷ ʹ४ڌ͢Δ͜ͱͰ$-%3 ϩέʔϧσʔλ Λ׆༻͠΍͘͢ͳΔ
    w ʮ࣮૷ʹ͓͍ͯ$-%3Λར༻͢Δ͜ͱʯΛ֤ॴͰਪ঑͍ͯ͠Δ
73. *OUMͱͷؔ࿈࢓༷
    
    *&5' #$1 *&5'ͷ#$1
    
    ݴޠλάͷ࢓༷
    *OUM͕αϙʔτ͢Δϩέʔϧจࣈྻ͸ͷ#$1ʹ४ڌ͍ͯ͠Δ
    #$1Ͱఆٛ͞Ε͍ͯΔ֦ுγʔέϯε΋*OUMͰ͸ར༻͢Δ
    w #$1֦ுγʔέϯε
    
    <จࣈ><dจࣈ><dจࣈ ೚ҙ >ͷܗͰλάΛ֦ ுͰ͖Δ࢓༷
    w ݱࡏ*OUMͰղऍ͢Δͷ͸ͦͷதͷ
    V
    6OJDPEF
    ֦ு
    w ྫ
    ja-JP-u-ca-japanese
    u-ca-japanese
    ͷ෦෼
74. *OUMͱͷؔ࿈࢓༷
    
    *"/"
    
    *40 *"/"ͱͷؔ࿈
    w Intl.DateTimeFormatͰ
    timeZoneΦϓγϣϯʹࢦఆͰ͖Δ஋
    w *"/"λΠϜκʔϯσʔλϕʔεͷλΠϜκʔϯ໊
    *40ͱͷؔ࿈
    w Intl.NumberFormatͰcurrencyΦϓγϣϯʹࢦఆͰ͖Δ஋
    w *40ͷ௨՟ίʔυ
75. 
    *OUMͷ͜Ε͔Β
76. طʹ͋ΔϓϩύςΟͷൃలɾॆ࣮ Intl.NumberFormat
    W 
    
    ઌड़
    w ਺஋ͷؙΊΛத৺ʹΦϓγϣϯΛେ෯ʹ௥Ճͨ͠ɻ
    Intl.Segmenter
    W 4UBHF
    w จࣈɾ୯ޠɾจʹՃ͑ͯվߦ۠੾ΓͷαϙʔτΛఏҊ͍ͯ͠Δ
    
77. ఏҊ͞Ε͍ͯΔ৽͍͠ػೳͷ1SPQPTBM Ұ෦ ࠓճ঺հ͢Δ΋ͷ
    w Intl Local Info API 4UBHF
    w Intl.DurationFormat 4UBHF
    w Intl.MessageFormat 4UBHF
78. *OUM
    -PDBMF
    *OGP
    "1* 4UBHF ϩέʔϧ৘ใΛอ࣋͢ΔIntl.LocaleΦϒδΣΫτʹର༷ͯ͠ʑͳσʔλΛऔ ಘͰ͖ΔϝιουΛ௥Ճ͢ΔఏҊ
    w ྫ
    ʮจࣈΛॻ͘ํ޲ʯ΍ʮि࢝·Γʹ͍ͭͯͷ৘ใʯͳͲ const enGB = new Intl.Locale('en-GB'); enGB.getWeekInfo(); // {firstDay: 1, weekend: [6, 7], minimalDays: 4} let tl = enGB.getTextInfo(); // { direction: "rtl" }
79. *OUM%VSBUJPO'PSNBU ࣌ؒͷִؒදهΛϑΥʔϚοτ͢ΔػೳͷఏҊ
    w ྫ
    ࣌ؒ෼
    
    
    IPVS
    
    NJOVUFT new Intl.DurationFormat("fr-FR", { style: "long", }).format({ hours: 1, minutes: 46, seconds: 40, }); // => "1 heure, 46 minutes et 40 secondes"
80. *OUM.FTTBHF'PSNBU
    
    લఏ஌ࣝ *$6 *OUFSOBUJPOBM
    $PNQPOFOUT
    GPS
    6OJDPEF
    ͱ͸
    w 6OJDPEF͕ϝϯςφϯε͍ͯ͠ΔࠃࡍԽͱ஍ҬԽʹؔ͢ΔϥΠϒϥϦ
    w ϑΥʔϚοτʹݶΒͣଟ͘ͷࠃࡍԽʹඞཁͳػೳΛ಺ଂ͍ͯ͠Δ
    *$6
    .FTTBHF'PSNBUʹ͍ͭͯ
    w *$6Ͱར༻͞Ε͍ͯΔϝοηʔδࠃࡍԽͷͨΊͷ'PSNBU
    w ϝοηʔδͷϓϨΠεϗϧμʔ΍จ๏ʹΑΔ৚݅෼ذͳͲΛදݱՄೳ
81. *OUM.FTTBHF'PSNBU *$6
    .FTTBHF'PSNBUΛղऍ͠ɺͦΕʹ४ڌͯ͠ϑΥʔϚοτ͢ΔػೳͷఏҊ
    ݱঢ়
    
    ಠࣗͷϝοηʔδϑΥʔϚοτ࢓༷͕ଟ͍
    w 👎
    ΞϓϦέʔγϣϯଆͰ΋ಠࣗͷղੳॲཧ͕ඞཁʹͳΔ
    *$6
    .FTTBHF'PSNBUΛαϙʔτ͢Δͱʜ
    w 👍
    ΞϓϦέʔγϣϯຖʹϑΥʔϚοτͷղੳॲཧ͸͍Βͳ͘ͳΔ
    w 👍
    ۀքඪ४ͷπʔϧ΍ϓϩηεΛ࢖༻ͨ͠ϩʔΧϥΠζ͕༰қʹͳΔ
82. *OUM.FTTBHF'PSNBU
    
    ྫ const source = ... // ্ͷϑΥʔϚοτจࣈྻ const mf = new Intl.MessageFormat(source, 'en'); const notifications = mf.format({ count: 1 }); // 'You have 1 new notification' match {$count :number} when 0 {You have no new notifications} when one {You have {$count} new notification} when * {You have {$count} new notifications} *$6
    ͷϑΥʔϚοτจࣈྻ .FTTBHF'PSNBU
    W
83. ଞͷ1SPQPTBMͱͷڠௐ
84. 5FNQPSBMͱͷڠௐ
    
    5FNQPSBMͱ͸ Temporalͱ͸
    w &$."4DSJQUͰ೔࣌Λૢ࡞͢ΔͨΊͷ৽͍͠"1*܈
    w ݱࡏ4UBHFͷ1SPQPTBM
    ೔࣌ͷϑΥʔϚοτ΍αϙʔτ͢ΔΦϓγϣϯͳͲͰTemporalͱؔ࿈͢Δ
    ˠ
    TemporalଆͰ*OUMʹ४ڌͨ͠࢓༷ࡦఆ͕ਐΊΒΕ͍ͯΔ
85. 5FNQPSBMͱͷڠௐ Temporal͸*OUMΛલఏͱͯ͠"1*Λઃܭ͍ͯ͠Δ
    w TemporalͷtoLocaleString()͸Intl.DateTimeFormatͱಉ͡Ҿ਺
    w Temporal.CalendarͰରԠ͢ΔΧϨϯμʔ͸Intl.DateTimeFormatͰα ϙʔτ͢Δ΋ͷͱҰॹ
    w ΧϨϯμʔͷղܾͳͲ͸*OUMଆͷ࢓༷Λࢀর͍ͯ͠Δ
    w Temporal.Duration͸Intl.DurationFormat TUBHF ͱಉ͡0QUJPOʹ ͳΔ༧ఆ
86. 🤩
    ࠓޙΑΓศརʹ
87. ·ͱΊ
88. ·ͱΊ w *OUM͸਺஋೔࣌ͷϑΥʔϚοτʹݶΒͣݴޠʹґଘ༷ͨ͠ʑͳػೳΛఏڙ͢Δ
    w *OUMͷྺ࢙͸ݹ͘೥ۙ͘લ͔Β࢓༷ͷࡦఆͱαϙʔτ͕ঃʑʹਐΜͰ͖ͨ
    w ೥ݱࡏɺجຊతͳػೳͷ΄ͱΜͲΛ֤ϒϥ΢β͕αϙʔτ͍ͯ͠Δ
    w *OUM͸6OJDPEFΛ͸͡Ίͱ͢Δपล࢓༷ͱͷ࿈ܞ΋ີʹ࣮ͯ͠૷͞Ε͍ͯΔ
    w ࠓޙ΋৽͍͠ػೳ͕௥Ճ͞ΕΔ༧ఆͰ͋Γɺ5FNQPSBMͷΑ͏ͳ৽͍͠࢓༷ͷ ఏҊͱ΋ڠௐ͍ͯ͘͠
    w ࠓͦ͜*OUMΛ࢖͍͜ͳ࣌͢ʂ
89. 3ZVTFJ
    4BKJLJ
    
    !TBKJLJY ͋Γ͕ͱ͏͍͟͝·ͨ͠