推しProposalと広がる夢~Intl.MessageFormatとDomLocalization~

JSConf JP2025
- https://jsconf.jp/2025/en
X
- https://twitter.com/sajikix

Transcript

1. 3ZVTFJ
   4BKJLJ
   
   !TBKJLJY ਪ͠1SPQPTBMͱ޿͕Δເ
   d*OUM.FTTBHF'PSNBUͱ%PN-PDBMJ[BUJPOd
2. ਪ͠1SPQPTBM͸͋Γ·͔͢ʁ
3. ࣗ෼
   
   *OUM.FTTBHF'PSNBU
   ❤ 6OJDPEF͕ࡦఆ͍ͯ͠Δ*$6
   .FTTBHF'PSNBUW .' Λ*OUMͰར༻Ͱ͖Δʂ
   w ݱࡏࠃࡍԽ༻ϥΠϒϥϦͰ΍ͬͯΔ͜ͱ Ћ ͕ඪ४Ͱ
   
   ݱࡏ4UBHF
   const mf = new Intl.MessageFormat("en","Hello {$place}!"); mf.format({ place: "World" }); // ↓ // Hello World!
4. *$6
   .FTTBHF'PSNBU
   .FTTBHFͷϑΥʔϚοτͱ͸6OJDPEFͷ$-%35$͕ࡦఆͯ͠Δ
   ࠷ۙ $-%3ʹਖ਼ࣜʹ௥Ճ͞Εͨ🎉
   
5. *$6
   .FTTBHF'PSNBU
   ৭ʑͰ͖Δ
   w ؔ਺͕ݺͼग़ͤΔ
   w ϚʔΫΞοϓه๏΋͋Δ
   
6. *$6
   .FTTBHF'PSNBU
   ৭ʑͰ͖Δ
   w ม਺એݴ΋
   
7. *$6
   .FTTBHF'PSNBU
   ৭ʑͰ͖Δ
   w ύλʔϯϚον΋
   
8. ເ͕޿͕Γ·͢Ͷʂ
9. ͜Ε࢖͑Δͷ+4͚ͩʁ
10. ˠ
    ͦΜͳ͜ͱͳ͍͔΋ʂʁ
11. 51"$
     ઌि։࠵͞Ε͍ͯͨ8$ͷ೥̍ͷձٞ
    $ZCP[V͸ࠓ೥8$ϝϯόʔʹͳͬͨͷͰΈΜͳͰࢀՃ͖ͯͨ͠
    
    
12. %0.
    -PDBMJ[BUJPO ͱ͍͏ఏҊ͕͋ͬͨɻ΋ͷ͘͢͝؆ܿʹ ޡղΛڪΕͣʹ ·ͱΊΔͱ
    w จݴϦιʔεϑΝΠϧΛ$44Έ͍ͨʹಡΊΔΑ͏ʹ͢ΔఏҊ
    w )5.-ଆͰจݴΛ LFZͳͲͰ ࢦఆ͢Δ͜ͱͰϩʔΧϥΠζ͞ΕΔ
    w ศར͡Όͳ͍ʁ
13. .FTTBHF'PSNBU
    3FTPVSDF
    'JMF ΋ͪΖΜϦιʔεϑΝΠϧͷதͰ࢖͏ͷ͸*$6
    .FTTBHF'PSNBU
    
    w ·ͩϦιʔεϑΝΠϧͷܗࣜ͸ܾ·͍ͬͯͳ͍͚Ͳ
    w IUUQTHJUIVCDPNFFNFMJNFTTBHFSFTPVSDFXH
14. ؾ͍ͮͨΒ͍͢͝૖େͳ࿩ʹ
15. ·ͱΊ w *OUM.FTTBHF'PSNBU
    
    *$6
    .FTTBHF'PSNBU
    ໘ന͍Α
    w +4͚ͩͰͳ͘XFCΛר͖ࠐΜͩ࿩ʹ΋ͳ͍͔ͬͯ͘΋Ͷʂ
    w ͜Ε͔Β΋
    *OUM
    
    .FTTBHF'PSNBU͔Β໨͕཭ͤ·ͤΜͶʂ
    w ࠃࡍԽ
    JO޷͖ͳਓ͍ͨΒ࿩͔͚ͯ͘͠ΕΔͱخ͍͠Ͱ͢ʂ
16. 4BKJ
    
    3ZVTFJ
    4BKJLJ 'SPOUFOE
    %FWFMPQFS
    BU
    $ZCP[V
    JOD 𝕏
    !TBKJLJY
17. $ZCP[V͸
    ʮϑϩϯτΤϯυΛ࠷ߴʹ͢Δʯ
    ϝϯόʔΛืू͍ͯ͠·͢ʂ