先取り！Temporal

Meguro.es#29 : 2025/02/27
- https://meguroes.connpass.com/event/342717/
X
- https://twitter.com/sajikix

1. 3ZVTFJ
   4BKJLJ
   
   !TBKJLJY ઌऔΓʂ5FNQPSBM
   🕑
2. 4BKJ
   
   3ZVTFJ
   4BKJLJ 'SPOUFOE
   %FWFMPQFS
   BU
   $ZCP[V
   JOD
   👀
   
   
   JO
   
   *OUM
   
   5FNQPSBM
   
   &4-JOU
   
   FUD 𝕏
   !TBKJLJY
3. ࿩͢͜ͱ  5FNQPSBMʹ͍ͭͯ؆୯ͳ͓͞Β͍
    ࠓ೥͸5FNQPSBM͕Ξπ͍
    5FNQPSBMͷ཈͑Δ΂͖ίϯηϓτ
    ࠓޙͲ͏͢΂͖ͳΜͰ͠ΐ͏Ͷʁ
4. 5FNQPSBMͷ֓ཁʹ͍͓ͭͯ͞Β͍ %BUFΦϒδΣΫτʹସΘΔ৽͍͠೔࣌ૢ࡞ΦϒδΣΫτͷ࢓༷
   طଘͷ%BUFΦϒδΣΫτͷෆຬΛղফ͠ɺ৽͍͠ػೳ΋αϙʔτ͢Δ
   ݱࡏ
   4UBHF
   ͷ
   &$."4DSJQU
   1SPQPTBM
   
5. 🕐
   5FNQPSBM͕Ξπ͍
   🔥
6. 5FNQPSBMͷۙگ ೥݄
   
   %FOP͕ϑϥά෇͖Ͱࢼݧతʹαϙʔτ։࢝
   w %FOP
   
   5FNQPSBM
   "1*
   ೥݄
   
   "1*Λ࡟ݮ͢Δ͜ͱΛܾఆ
   w ࠓ·ͰʮαΠζʯ͕͔ͳΓ໰୊ࢹ͞Ε͍ͯͨ
   ೥݄
   
   'JSFGPY
    /*HIUMZ Ͱ5FNQPSBM͕ೖΔ͜ͱʹ
   ೥݄
   
   .%/ʹ΋υΩϡϝϯτ͕௥Ճ͞ΕΔ
   
7. ೥͸
   🎍5FNQPSBM
   ݩ೥🎍 ͔΋Ͷ
8. ࠓͦ͜5FNQPSBMΛ
   ཈͓͑ͯ͘΂͖λΠϛϯάʂ
9. %BUFͷԿ͕ෆศͩͬͨͷ͔ʁ 5FNQPSBMͰղܾ͔ͨͬͨ͠໰୊ͨͪ ͷҰ෦
   w λΠϜκʔϯͱΧϨϯμʔͷαϙʔτ͕ͳ͍
   w ೔࣌จࣈྻͷύʔεΘ͔ΓͮΒ͍
   w %BUF
   ͷTFUܥഁյૢ࡞ͳͷෆศ
   w ܭࢉܥͷϝιου͕ͳ͍
10. λΠϜκʔϯͱΧϨϯμʔͷαϙʔτ͕ͳ͍😭 %BUF͸γεςϜͷλΠϜκʔϯ
    
    65$
    ͔͠αϙʔτ͍ͯ͠ͳ͍
    w ଞͷλΠϜκʔϯͷܭࢉ͸֤ࣗؤுΕ
    w αϚʔλΠϜͷߟྀͱ͔ࣗ෼Ͱ΍Δͷʜ
    ΧϨϯμʔ͸άϨΰϦ΢εྐྵ͚ͩ
    w ੈքʹ͸ඇάϨΰϦ΢εྐྵ͕ݱ໾ͳ৔໘΋͋Δ தࠃͷچྐྵɺϔϒϥΠྐྵ౳
    w ଠӄྐྵͩͱ೥߸͕มΘΔͱ͔ͷϨϕϧ͡Όͳ͍
11. ೔࣌จࣈྻͷύʔεΘ͔ΓͮΒ͍໰୊
    😭 ༗໊
    
    ೔෇·Ͱͩͱ65$͚ͩͲ࣌ࠁؚΊΔͱγεςϜͷλΠϜκʔϯʹͳΔ
    • 2025-02-27 → "Thu Feb 27 2025 09:00:00 GMT+0900" • 2025-02-27T00:00:00 → "Thu Feb 27 2025 00:00:00 GMT+0900" ࢓্༷໌ه͞Εͯͳ͍͚ͲύʔεͰ͖ͪΌ͏΍ͭ΋͋Δ
    • RFC 2822ܗࣜ : "Thu Feb 27 2025" • εϥογϡ(/) ۠੾Γ : "2025/02/27"
12. %BUF
    ͷTFUܥഁյૢ࡞ͳͷෆศ͡Όͳ͍ʁ🤔 4FUܥ TFU%BUFͳͲ ͷϝιου͸ͦͷΦϒδΣΫτΛഁյతʹมߋ͢Δ
    w ฦΓ஋͕৽͍͠λΠϜελϯϓͳͷͰඇഁյʹݟ͑ͳ͘΋ͳ͍
    w ϛεͷݪҼʹͳΔͷͰඇഁյܥͷϝιουͩͱخ͍͠ΑͶ
    w ࠷ۙ"SSBZͷϝιουʹ΋ඇഁյܥ૿͑ͨΑͶʂ
13. ܭࢉܥͷϝιουཉ͍͠ͳ͊ʜ
    ✋ ೔࣌ͷͨΊͷศརܭࢉϝιου͕ͳ͍
    w Ճࢉݮࢉ
    w ࠩ෼ %VSBUJPO ͷܭࢉ
    w ൺֱ
    ͳͯ͘΋ܭࢉͰ͖ͳ͘͸ͳ͍͕ʜ
    w ઌड़ͷഁյతϝιουͰܭࢉ͢Δͷ͸໘౗
14. Ͳ͏͠Α͏ʁ
15. ͦΜͳ͋ͳͨʹ5FNQPSBM
16. 👍
    λΠϜκʔϯͱΧϨϯμʔͷαϙʔτ *"/"ͷ5JNF
    ;POF
    %BUBCBTFʹ͋ΔλΠϜκʔϯΛαϙʔτ
    w ΋ͪΖΜαϚʔλΠϜߟྀ΍λΠϜκʔϯఆٛͷมߋͳͲ΋αϙʔτ
    ΧϨϯμʔ΋$-%3ʹ͋ΔͷΧϨϯμʔΛαϙʔτ
    w 
    *OUMͷ%BUF5JNF'PSNBU͕αϙʔτ͢ΔΧϨϯμʔͱಉ͡
    • = Intl.supportedValuesOf("calendar") ͷϦετ
17. 👍
    ೔࣌จࣈྻͷ࢓༷Λ௥Ճ͠ύʔε͸ݫີʹ 5FNQPSBM͸ݫີʹ3'$
    ͱͦΕΛ֦ுͨ͠3'$
    ͷΈαϙʔτ
    RFC 3339 : ISO8601ͱ΄΅Ұॹ / toISOString() ͷ݁Ռ • "2025-02-27T00:00:00.000Z" 3'$
    
    
    
    *OUFSOFU
    &YUFOEFE
    %BUF5JNF
    'PSNBU
    *9%5'
    w 3'$
    ͷλΠϜκʔϯ΍ΧϨϯμʔ৘ใΛ௥ՃͰ͖ΔΑ͏֦ு
    • "2025-02-27T00:00:00.000Z[Asia/Tokyo][u-ca-japanese]"
18. 👍
    ඇഁյͳૢ࡞ɾܭࢉ"1*ͷॆ࣮ 5FNQPSBMͷ೔࣌ૢ࡞ܥͷ"1*͸جຊඇഁյϝιου ܭࢉϝιου΋
    ܭࢉܥͷϝιου΋͋Δ
    w Ճࢉݮࢉ
    
    ظؒͷܭࢉ
    
    ൺֱ
    • zonedDateTime.add(duration) • ظؒΛද͢ Temporal.Duration ΫϥεΛར༻Ͱ͖Δ • Temporal.Duration.from({ days: 1, hours: 12 });
19. 👍
    *OUMͱͷ࿈ܞ ֤$MBTTͷUP-PDBM4USJOH ͸
    w *OUM%BUF5JNF'PSNBU
    
    w *OUM%VSBUJPO'PSNBU
    🆕
    ࠷ۙ4UBHFʹͳͬͨΑʂ
    ͱΦϓγϣϯ΍ϩέʔϧͷѻ͍͕Ұॹ
    
    ΄΅ϥούʔ
20. ͦ΋ͦ΋ͷ
    ʮ೔࣌΍΍͍͜͠໰୊ʯ
    ΁ͷΞϯαʔ
21. ͳΜͰ೔࣌͸͜Μͳʹ΍΍͍͜͠ͷ͔ ۃ࿦Λݴͬͯ͠·͏ͱ
    w λΠϜκʔϯ ࣌ࠩ ͕͋Δ
    w ΧϨϯμʔ ྐྵ ͕͋Δ
    ͔Β΍΍͍͜͠ɻ
    ΈΜͳ͕6OJY5JNF 1PTJY5JNF Ͱա͍ͤͯ͝Ε͹͜͜·Ͱ΍΍͘͜͠͸ͳ͍
    w ͚Ͳਓؒ͸ͦ͏͸Ͱ͖͍ͯͳ͍
22. ΩϞ͸λΠϜκʔϯͱΧϨϯμʔͷѻ͍ ͭ·ΓʮλΠϜκʔϯͱΧϨϯμʔΛͲ͏͍͏"1*Ͱѻ͏͔ʯ͕伴
    w ʮ6OJY5JNF65$ͱϩʔΧϧͳ೔࣌ʯΛͲ͏"1*Ͱ۠ผ͢Δ͔
    6OJY5JNF65$
    w ઈରతͳ೔࣌ɻج४ͷॠ͔ؒΒͷܦաඵ਺ͳͲͰද͞ΕΔ
    ϩʔΧϧͳ೔࣌
    w Ϣʔβʔͷೝࣝͯ͠ΔλΠϜκʔϯͱྐྵͷதͰͷ೔࣌
23. 5FNQPSBMͷΞϓϩʔν ֤ΦϒδΣΫτͰ໌֬ʹʮઈର࣌ؒ
    PS
    ϩʔΧϧ೔࣌ʯΛ۠ผ
    • ઈର࣌ؒ : Temporal.Instant • ϩʔΧϧͳ೔࣌ : Temporal.Plainʓʓ • ϩʔΧϧͳ೔࣌ʹ͸͸ΧϨϯμʔΛࢦఆͰ͖Δ ม׵ʹ͸λΠϜκʔϯ৘ใ͕ඞཁ
    ˠ
    ڮ౉͠ͷͨΊͷΫϥε
    • Temporal.ZonedDateTime Ͱ૬ޓͷม׵Λߦ͏
24. ߟ࡯ શ෦;POFE%BUF5JNF͡Όμϝͳͷ͔ʁ ೖྗ͢Δ࣌ͱλΠϜκʔϯΛ֬ఆͰ͖Δ࣌͸Ұॹͳͷ͔ʁ
    ͦ΋ͦ΋͙͢ʹλΠϜκʔϯ֬ఆͰ͖ͳ͍Մೳੑ
    w ʮϢʔβͷ࢖͍͍ͨλΠϜκʔϯ
    㱠
    γεςϜλΠϜκʔϯʯ
    ͷ࣌
    ઃܭ্ͷ࿩
    w λΠϜκʔϯΛ֬ఆ͍ͨ࣌͠
    㲈
    αʔόʔʹૹΔ࣌
    w ૬ରతͳܭࢉ͢Δ͚ͩͳΒλΠϜκʔϯ৘ใ͸͍Βͳ͍
25. 5FNQPSBMΛকདྷ࢖͍΍͘͢Δ͢ΔͨΊʹ ;POFE%BUF5JNF *OTUBOU ;POFE%BUF5JNF 1MBJO%BUF5JNF *OTUBOU 4FSWFS FormatedString Input Component 4FSWFS ར༻͢Δ5JN[F;POF toLocaleString() ઈର೔࣌ͱϩʔΧϧ೔࣌ͷڥքΛҙࣝ͢Δ ܭࢉ
    BEEVOUJMʜ
26. ʲએ఻ʳϒϩάͱొஃ HJIZPKQͰॴଐνʔϜͱͯ͠ʮ৐Γ͜ͳͤϞμϯϑϩϯτΤϯυʯΛ࿈ࡌத
    w ࡢ೔ࣗ෼ͷॻ͍ͨهࣄ໨͕ެ։͞Ε·ͨ͠ʂ
    w ΋ͪΖΜ͓୊͸5FNQPSBMͰ͢ʂಡΜͰͶʂ
    ໌೔ͷʮ+4$POGKQ
    ͓͔ΘΓ
    /PEFֶԂ࣌ݶ໨ʯʹొஃ͠·͢ʂ
    w λΠτϧ͸ʮϑϩϯτΤϯυͰ೔࣌ॲཧͱઓ͏ͨΊʹ
    
    WFS
    ʯ
    w ࠓճΑΓแׅతʹ೔࣌ͷΊΜͲ͍͘͞࿩Λ͢Δ༧ఆ
27. 3ZVTFJ
    4BKJLJ
    
    !TBKJLJY ͋Γ͕ͱ͏͍͟͝·ͨ͠