tpac_study (2026)

#tpac_study
- https://web-study.connpass.com/event/378948/
X
- https://twitter.com/sajikix

Transcript

1. 3ZVTFJ
   4BKJLJ
   
   !TBKJLJY "NCJUJPO
   BOE
   *NQSPWFNFOU
   JO
   JO UQBD@TUVEZ
2. 4BKJ
   
   3ZVTFJ
   4BKJLJ 'SPOUFOE
   %FWFMPQFS
   BU
   $ZCP[V
   JOD 𝕏
   !TBKJLJY
3. ࣗ෼͕ओʹࢀՃͨ͠8(
   
   TFTTJPO ࣗ෼ͷڵຯ෼໺͸
   *OUM
   
   ೔࣌
   
   ࠃࡍԽ
   ͱ͔ͳͷͰ
   w *O
   8(
   ϝΠϯ
   w *O
   पΓͷKPJOU
   NFFUJOH
   
   CSFBLPVU
   TFTTJPO
   
   w 8JOUFS5$
   গ͚ͩ͠
   w 8FC
   &EJUJOH
   গ͚ͩ͠
   Έ͍ͨͳײ͡
4. ࣗ෼͕ओʹࢀՃͨ͠8(
   
   TFTTJPO *O
   8(ͷ༷ࢠ
5. "NCJUJPO
6. ໺৺తͩͳͱࢥͬͨఏҊΛͭ঺հ #SFBLPVU
   4FTTJPOͳͲͰ͸݁ߏ໺৺తͳ࢓༷ఏҊͷ࿩͕ଟ͔ͬͨ
   ݸਓతʹ࣌ʹ໘ന͔ͬͨͷ͕ҎԼͷͭ
    %0.
   -PDBMJ[BUJPO
    "NPVOU
   &MFNFOU
   
7. %0.
   -PDBMJ[BUJPO จݴϦιʔεΛ؆୯͔ͭॊೈʹಡΈࠐΉఏҊ
   w $44ʹࣅͨܗͰར༻͢ΔจݴϦιʔεΛએݴͰ͖ΔΑ͏ʹ͍ͨ͠
   w )5.-ଆͰจݴΛ LFZͳͲͰ ࢦఆ͢Δ͜ͱͰϩʔΧϥΠζ͞ΕΔ
   
   ͬͯݴΘΕͯ΋🤔
   
8. %0.
   -PDBMJ[BUJPO Ծ จݴϦιʔεͷಡΈࠐΈ
   w $44ಉ༷ʹಡΈࠐΉ
   <html> <head> <link rel="localization" src="uri/for/resource.mf" /> </head> </html>
9. %0.
   -PDBMJ[BUJPO Ծ จݴͷࢦఆ
   w ઐ༻ͷଐੑͰจݴͷLFZ΍Ҿ਺ΛࢦఆͰ͖Δ
   <body> <h1 l10n-id="greeting" l10n-args="userName: John"></h1> </body>
10. લఏͱͳΔ࢓༷ͨͪ %0.
    -PDBMJ[BUJPOΛ࣮ݱ͢ΔͨΊʹ͸ؔ࿈͢Δඞཁͳ࢓༷͕͋Δ
    w ϝοηʔδࣗମͷߏจͷ࢓༷
    w ˠ
    *$6
    .FTTBHF'PSNBU
    W
    w ϝοηʔδΛ+4͔Βѻ͏ͨΊͷ࢖༻
    w ˠ
    *OUM.FTTBHF'PSNBU
    w ෳ਺ͷϝοηʔδΛ·ͱΊͨϦιʔεϑΝΠϧͷ࢓༷
    w ˠ
    .FTTBHF
    3FTPVSDFT
11. *$6
    .FTTBHF'PSNBU
     6OJDPEFͷ$-%35$͕ࡦఆͯ͠ΔจݴϑΥʔϚοτͷ࢓༷
    w 6OJDPEFͷग़͢$-%3
    W
    Ͱ4UBCMFʹͳͬͨ
    w Α͋͘ΔΑ͏ͳϓϨΠεϗϧμͷຒΊࠐΈҎ֎ʹ΋
    w ϝοηʔδ಺Ͱͷม਺એݴɾؔ਺ݺͼग़͠
    w NBUDIߏจʹΑΔύλʔϯϚον
    w ϚʔΫΞοϓॻࣜ
12. *$6
    .FTTBHF'PSNBU
     ύλʔϯϚον΋
    ؔ਺ݺͼग़͠΋
13. *OUM.FTTBHF'PSNBU .FTTBHF'PSNBU
    Λ*OUMͰॻࣜԽͰ͖ΔΑ͏ʹ͢Δ࢓༷
    w ݱࡏ&$."4DSJQUͷ4UBHF
    const mf = new Intl.MessageFormat("en","Hello {$place}!"); mf.format({ place: "World" }); // ↓ // Hello World!
14. ϦιʔεϑΝΠϧͷ࢓༷ .FTTBHF'PSNBUWͰॻ͔Ε֤ͨจݴΛ·ͱΊͨϦιʔεϑΟϧͷܗࣜ
    w ݱࡏ͸
    8$ͷ
    JO
    8(಺Ͱڠ͕ٞਐΜͰ͍Δஈ֊
    ݱࡏఏҊ͞Ε͍ͯΔྫ มΘΔՄೳੑଟ͍ʹ͋Γ
    @locale en-US --- one = A plain, simple message. [section] two = Another message with a {$placeholder}.
15. %0.
    -PDBMJ[BUJPO ·ͩ·ͩ͜Ε͔Β
    w ঺հͨ͠Α͏ʹલఏͱͳΔܾΊͳ͖Ό͍͚ͳ͍࢓༷͕ଟ͍
    w Өڹൣғ΋͘͢͝େ͖͍
    w )5.-ͷ࢓༷ʹେ͖͘खΛೖΕΔඞཁ͕͋Δ
    w ܾ·ͬͯͳ͍ͱ͜Ζ΋ͨ͘͞Μ͋Δ
    w ৽͍͠ςϯϓϨʔτΤϯδϯΈ͍ͨͳΒͳ͍ʁΈ͍ͨͳ࣭໰΋
    w 51"$Ͱ͸ʮ·ͣ͸8(࡞Δͱ͔͜ΒͩͶ͐ʯΈ͍ͨͳ݁࿦ʹͳͬͯͨ
16. "NPVOUཁૉ ୯Ґͱ਺஋Ληοτʹ࣋ͯΔ৽͍͠)5.-ཁૉͷఏҊ
    w ୯ҐΛ਺஋ͱηοτͰએݴ͢Δ͜ͱͰҎԼͷΑ͏ͳ͜ͱ͕؆୯ʹ
    w ୯Ґม׵
    w ϩʔΧϥΠζ
    w ͢Ͱʹ
    UJNFཁૉ΍EBUFཁૉ͸͋Δ͕
    w ୯Ґ͕ݶఆతͰ͋Γɺ΋ͬͱ֦ுੑͷߴ͍΋ͷʹ͍ͨ͠
17. "NPVOUཁૉ VOJU΍WBMVFͱ͍ͬͨଐੑΛ࣋ͭ
    w VOJUଐੑ
    
    4*୯Ґܥʹ͋ΔΑ͏ͳ෺ཧ୯Ґ
    w WBMVFଐੑ
    
    λά಺͡Όͳ͘WBMVFͱͯ͠΋ॻ͚Δ
    <amount value=42.2 unit=km>42,2</amount>
18. &$."
    4DSJQUͷ"NPVOUͷఏҊ "NPVOUͱ͍͏&$."
    4DSJQUͷ4UBHFͷఏҊ͕͋Δ
    w ݩʑ3FQSFTFOUJOH
    .FBTVSFTͱݺ͹͍ͯͨఏҊ
    w ౰ॳ͸୯Ґม׵ػೳͳͲ΋αϙʔτ͢Δ༧ఆ͕ͩͬͨ࢓༷͕࡟ݮ͞ΕͯΔ
    w ݱঢ়Ͱ͸୯Ґͱ਺஋ΛηοτͰ؅ཧ͢Δσʔλܗࣜͱͯ͠ͷఏҊ
    +4
    ↔︎
    )5.-Ͱࠓޙ࿈ܞ͕ͱΒΕ͍͔ͯ͘΋ let a = new Amount("42.195", { unit: "km" });
19. "NPVOUͷఏҊ ݸਓతʹ͸&$."
    4DSJQUଆͷ࢓༷Λڵຯ࣋ͬͯ௥ͬͯͨ *OUM޷͖ͳͷͰ
    w ͦ΋ͦ΋&4ͷ࢓༷ఏҊͰ਺஋΍୯Ґͱ͍ͬͨ෦෼͕࠷ۙΞπΠ
    w ࣗ෼ͷڵຯ෼໺ͱͭͳ͕͖ͬͯͨͷͰݸਓతʹ͸໘ന͔ͬͨ
    ࠷ۙ͸&$."ͷ࢓༷ࡦఆͷͳ͔ͷϓϩηεʹJO
    8(ͷϨϏϡʔ͕ೖΔ
    w ඪ४Խஂମ͸ҧͬͯ΋ͭͳ͕͍ͬͯΔ࣮ײ
20. *NQSPWFNFOU
21. ࢓༷ఏҊ͢Δ͚ͩ͡Όͳ͍ *O
    8(ͷ΍Δ͜ͱ͸࢓༷ఏҊΛ͢Δ͚ͩͰ͸ͳ͍
    w ଞͷ8(ʹΑΔఏҊͷϨϏϡʔ
    w ࢓༷ࡦఆͷ్தͰϨϏϡʔ͕ೖΔ
    w ؅ཧͯ͠ΔυΩϡϝϯτ͕݁ߏ͋Δ
    w దٓߋ৽ɾमਖ਼ͯ͠Δ
    
22. JO
    8(ͷ%PDVNFOU
    ಡΜͩ͜ͱ͋Δʁ🖐
23. ࣗ෼͸ͪΌΜͱ͸
    ஌Βͳ͔ͬͨ🙇
24. JO
    8(ͷ͍࣋ͬͯΔ%PDVNFOU w IUUQTXXXXPSHCMPHJOUFSOBUJPOBM
    ʹߦͬͯΈΑ͏
    
25. JO
    8(ͷ͍࣋ͬͯΔ%PDVNFOUΛ ҎԼͷΑ͏ͳ%PDVNFOU͕ฒΜͰΔ
    w -BOHVBHF&OBCMFNFOU
    w ݴޠʹΑΔ֤ػೳͷαϙʔτঢ়گ
    w %FWFMPQQFS4VQQPSU
    w ࢓༷ͷࡦఆʹؔ͢ΔυΩϡϝϯτ΍ϒϥ΢β࣮૷޲͚ͷυΩϡϝϯτ
    w &EVDBUJPO
    
    0VUSFBDI
    w ίϯςϯπ࡞੒ɾ։ൃऀ޲͚ͷίϯςϯπ
26. ΞϓϦ։ൃऀʹࢀߟʹͳΓͦ͏ͳ΋ͷ (FUUJOH
    4UBSUFE
    XJUI
    *OUFSOBUJPOBMJ[BUJPO
    w JOͱMOͷҧ͍ͳͲ͔Βελʔτͯ͠ߨ࠲ܗࣜͰֶ΂Δهࣄ܈
    "VUIPSJOH
    )5.-
    
    $44
    w )5.-΍$44Λॻ্͘Ͱ߲໨͝ͱʹJO
    8(ͷ%PD
    -JOL͕·ͱ·ͬͯΔ
    w ͔͜͜ΒؾʹͳΔͷΛ୳͢ͷ͕ૣ͍
    "SUJDMF
    MJTU
27. 51"$
    Ͱಛʹ໘ന͔ͬͨٞ࿦ 51"$Ͱ΋%PDVNFOUͷߋ৽ͳͲ͕ੵۃతʹߦΘΕ͍ͯͨ
    ͦͷதͰ΋ಛʹ໘ന͔ͬͨٞ࿦ɾ%PD
    w ʮจࣈԽ͚ʯͷఆٛͷ࿩
    w 4USJOH
    4FBSDIJOH
    ͷυΩϡϝϯτվળ
    
28. 51"$
    Ͱ໘ന͔ͬͨٞ࿦
    
    NPKJCBLFͷఆٛ *O
    8(
    Ͱ͸
    *OUFSOBUJPOBMJ[BUJPO
    (MPTTBSZ
    ͱ͍͏༻ޠूΛ؅ཧͯ͠Δ
    ͦͷதʹ͸೔ຊޠ͔Βͦͷ··࠾༻͞ΕͨʮNPKJCBLFʯ͕͋Δ
    ٞ࿦͞Εͯͨ͜ͱ
    w ϑΥϯτ͕ͳͯ͘ϨϯμʔͰ͖ͳ͍͜ͱͱNPKJCBLF͸ҟͳΔͷͰ͸ʁ
    w ͦ΋ͦ΋TQFDͰ࢖ΘΕΔʁ
    w தࠃͰ΋ಉ͡Α͏ͳ֓೦͕͋Δʁ
29. 51"$
    Ͱ஌ͬͨ໘ന%PD
    
    4USJOH
    4FBSDIJOH *O
    8(
    Ͱ͸
    4USJOH
    4FBSDIJOH
    ͱ͍͏จࣈྻݕࡧػೳͷͨΊͷจॻ͕͋Δ
    w ͜ͷ࣌఺Ͱ͍͢͝
    จࣈྻݕࡧ͚ͩͰ΋ҎԼͷΑ͏ͳ͜ͱΛؾʹ͢Δඞཁ͕͋Δ
    w શ֯൒֯͸ʁେจࣈখจࣈ͸ʁ
    w ׽਺ࣈͱ͔ଞݴޠͷ਺ࣈจࣈ͸ώοτ͢Δ
    
    จࣈͷೖͬͨه߸ͷѻ͍
    ͜ͷ%PD΋5"1$தʹ͍͔ͭ͘ࢀߟจݙͷ௥Ճ΍6QEBUF͕ͳ͞Εͨ
30. ·ͱΊͱ͔ײ૝ͱ͔ࢥ͍ͱ͔ 8$ʹ͓͚ΔࠃࡍԽͷͨΊͷӦΈ͸ଟذʹΘͨΔ
    w ఏҊ͞ΕΔ࢓༷΋໘ന͍͚ͲɺͦΕҎ֎ͷ׆ಈ΋͋Δ͍ͩ͠͡
    w ͔ͤͬ͘ॻ͍ͯΔ%PDVNFOU͸ಡ·Εͯཉ͍͠ͳ ࣗ෼΋গͣͭ͠ಡΜͰΔ
    ૝૾ΑΓ΋ͣͬͱগͳ͍ਓ͕ͳΜͱ͔ࢧ͍͑ͯΔঢ়ଶͩͬͨ
    w ֤ਓͷ஌ࣝྔͱࠃࡍԽͷࢥ͍ͰͳΜͱ੒ΓཱͬͯΔ Α͏ʹݟ͑ͨ
    w ೔ຊޠͱ͍͏ׂͱಛघͳݴޠΛ࢖͍ͬͯΔҎ্ɺશવਓ͝ͱ͡Όͳ͍
    w ݴޠ౰ࣄऀ͕͍ΕΔͱ͍͏͜ͱ͸େ͖͍
31. ऴΘΓ