フロントエンドで日時処理と戦うために 2025 ver

3ZVTFJ4BKJLJ!TBKJLJY ϑϩϯτΤϯυͰ೔࣌ॲཧͱઓ͏ͨΊʹ

4BKJ3ZVTFJ4BKJLJ 'SPOUFOE%FWFMPQFSBU$ZCP[V JOD 👀JO*OUM5FNQPSBM&4-JOUFUD 𝕏 !TBKJLJY

ಥવͰ͕͢

ʮ೔࣌ʯ೉͍͠Ͱ͢ΑͶʁ

ΞδΣϯμ ୭ʹ೔࣌Ͱۤ࿑͢ΔXFCϑϩϯτΤϯυΤϯδχΞʹ ͳΜͱݴͬͯཉ͍͔͠ w ೔࣌ͱ͍͏υϝΠϯࣗମͷ΍΍͕͜͠͞෼͔ͬͨ w ೔࣌ʹؔΘΔ࢓༷܈Λ஌Γɺ͍͟ͱͳΕ͹ௐ΂ΒΕΔ w %BUFͷݱঢ়ͷ՝୊ͱͦΕΛࠀ෰͢ΔͨΊͷ࢓༷΍ఏҊΛ஌Εͨ w
Ͳ͜Λҙࣝͯ͠೔࣌ॲཧΛॻ͘΂͖͕ίπ͕௫Ίͦ͏

͓඼ॻ͖ ೔࣌ͷجຊʹ͍͓ͭͯ͞Β͍ ίϯϐϡʔλ8FCͰ೔࣌Λѻ͏ͨΊͷ࢓༷ +4ͷ%BUFͱͦͷ՝୊ɾϥΠϒϥϦͷར༻΁ *OUMʹΑΔॻࣜԽͷվળ
ࠓޙ5FNQPSBMͰͲ͏มΘΔͷ͔ ݁ہࠓҙࣝͨ͠ํ͕͍͍͜ͱ

೔࣌ʹؔ͢Δ஌ࣝ

λΠϜκʔϯ ಉ͡ඪ४࣌Λ࢖͏஍ҬΛλΠϜκʔϯͱݺΜͰ͍Δ Ұൠతʹ͸ڠఆੈք࣌ 65$ ͔Βͷ࣌ࠩͰදݱ͞ΕΔ ݟམͱ͞Ε͕ͪͳ఺݁ߏมߋ͕ೖΔ w ૿ݮ͕͋Δ͕࣌ࠩมߋʹͳΔ໊শ͕มΘΔFUD w ྫ೥ʹೖͬͨσʔλϕʔε΁ͷมߋճ਺ճ
೥ॳ ̏ճ

αϚʔλΠϜ %45EBZMJHIUTBWJOHUJNF ೔தͷ͕࣌ؒ௕͘ͳΔՆͷؒɺ࣌ܭΛਐΊΔ͜ͱͰ೔͕฻ΕΔ࣌ࠁΛ஗ΒͤΔ w य़ࠒ࣌ؒΛ̍࣌ؒਐΊΔ w ೔͕̍࣌ؒ୹͘ͳΔ w ࣮ࢪ೔ͷ໷தͷͲ͔͜ͷ͕̍࣌ؒແ͘ͳΔ w
ळࠒ࣌ؒΛ̍࣌ؒ໭͢ w ೔͕̍࣌ؒ௕͘ͳΔ w ࣮ࢪ೔ͷ໷தͷͲ͔͜Ͱಉ࣌͡ࠁ͕̎ճདྷΔ

ʲ༨ஊʳαϚʔλΠϜͷมߋڥքʹ͓͚Δ࣌ؒͷᐆດੑ ໰୊มߋλΠϛϯάʹ͓͚Δᐆດͳ࣌ؒΛͲ͏ѻ͏͔ʁ ࣮ࢪ೔ͷ໷தͷͲ͔͜ͷ͕̍࣌ؒແ͘ͳΔ w ˠແ͘ͳͬͨ࣌ؒΛࢦఆ͠·ͬͨΒͲ͏ͳΔʁ ࣮ࢪ೔ͷ໷தͷͲ͔͜Ͱಉ࣌͡ࠁ͕̎ճདྷΔ w ˠ̎ճ͘Δ࣌ࠁΛࢦఆͯ͠͠·ͬͨΒͲ͏ͳΔʁ ࠷ऴతʹ͸ܾΊͷ໰୊ɻͲ͔ͬͪʹ౗͔͢͠ͳ͍ʜ ޙͷ࢓༷ͷ࿩Ͱ঺հ

ΧϨϯμʔ ྐྵ ݱࡏ࠷΋ੈքతʹ࢖ΘΕ͍ͯΔͷ͕άϨΰϦΦྐྵ ͔͠͠ੈքʹ͸άϨΰϦΦྐྵҎ֎ʹ΋༷ʑͳྐྵ͕͋Δ ಛʹଠӄଠཅྐྵଠӄྐྵͷଐ͢Δྐྵ͸άϨΰϦΦྐྵͱେ͖͘ζϨΔ w ʮ೥ʯ͕೔΄ͲͣΕΔ w Ӟ݄͕͋ͬͯௐ੔͢Δύλʔϯͦͷ··ͣΕͯ͘ύλʔϯ w
ΠεϥϜྐྵ΍ϢμϠྐྵɺதࠃͷچྐྵͳͲ

೔࣌ΛऔΓר͘࢓༷ͱϦιʔε

೔࣌ʹؔ͢Δ࢓༷΍Ϧιʔεʹ΋छྨ͕͋Δ ೔࣌ͷදه λΠϜκʔϯͷ؅ཧ ΧϨϯμʔͷ؅ཧͱѻ͍ αϚʔλΠϜͷղܾ ॻࣜԽͷํࣜ ϒϥ΢βͱͯ͠ͷϦιʔε

೔࣌ͷදه3'$ 3'$ ͜͏͍͏΍ͭ ిࢠϝʔϧͷ࢓༷3'$಺Ͱ೔࣌ͷදهͱܾͯ͠ΊΒΕͨ w ͜ͷܗࣜ͸)551Ͱ΋ܧঝ͞Εɺਪ঑͞ΕΔ೔࣌ͷදهͱͯ͠ఆٛ w )551͸ ͭྺ࢙తܦҢͱޙํޓ׵ੑ͔Βαϙʔτ͢Δܗ͕ࣜ͋Δ͕ʜ
+4ʹ͓͍ͯ͸ɺ%BUFQSPUPUZQFUP65$4USJOH Ͱੜ੒Ͱ͖Δ Sun, 06 Nov 1994 08:49:37 GMT

೔࣌ͷදه*40ͱ3'$ *40͕ఆΊͨ೔࣌ͷදه جຊܗࣜͱ֦ுܗࣜͷ̎छྨ͕ఆΊΒΕ͍ͯΔ ֦ுܗࣜ㲈3'$ w *40֦ுܗࣜΛݩʹ͍ͯ͠Δ͕ඍົʹαϙʔτ͢Δܗ͕ࣜҟͳΔ جຊܗࣜ: 20240708T044500+0900 ֦ுܗࣜ: 2024-07-08T04:45:00+09:00

೔࣌ͷදه+4Ͱͷඪ४ϑΥʔϚοτ &$."4DSJQU͸ʮ*40֦ுܗࣜΛ୯७Խͨ͠΋ͷʯΛඪ४ͱͯ͠Δ > ECMAScript de fi nes a string interchange
format for date-times based upon a simpli fi cation of the ISO 8601 calendar date extended format. The format is as follows: YYYY-MM-DDTHH:mm:ss.sssZ ͭ·Γ*40֦ுܗࣜ㲈3'$㲈+4ͷඪ४ϑΥʔϚοτ w ຊ౰͸શ෦Ϗϛϣʔʹҧ͏͚ͲجຊϋϚΔ͜ͱ͸ͳ͍͸ͣ %BUFQSPUPUZQFUP65$4USJOH Ͱੜ੒Ͱ͖Δ

λΠϜκʔϯ*"/"5;EBUBCBTF λΠϜκʔϯͷσʔλ͸*"/"͕؅ཧ͢Δ%BUBCBTFΛར༻͢Δͷ͕Ұൠత w IUUQTXXXJBOBPSHUJNF[POFT ͪͳΈʹ͜ͷσʔλϕʔεͷ؅ཧखॱ͸*&5'ͷ#$1ͱͯ͠ఆΊΒΕ͍ͯΔ w ͜ͷखॱʹج͍ͮͯมߋ͕͋Δͨͼʹߋ৽͞Ε͍ͯΔ

ʲ༨ஊʳλΠϜκʔϯͷਖ਼نԽ໰୊ λΠϜκʔϯɾλΠϜκʔϯ໊͸มΘΔ͜ͱ͕͋Δ w κʔϯͷ߹ซ"UMBOUJD3FZLKBWJL"GSJDB"CJEKBO w ஍໊ͷมߋ"TJB$BMDVUUB"TJB,PMLBUB ໰୊ݱঢ়ϒϥ΢βʹΑͬͯਖ਼نԽͷڍಈ͕ඍົʹҧ͏ w ʮจࣈྻԽͯ͠ൺֱʯͱ͔ͪ͠Ό͏ͱ૝ఆ֎ͷڍಈʹͳͬͨΓ͢Δʜ w
)BOEMJOH5JNF;POF$BOPOJDBMJ[BUJPO$IBOHFTͱͯ͠5FNQPSBMͱಉ࣌ʹ ڍಈͷվળ͕ਐΊΒΕ͍ͯΔɻ

ΧϨϯμʔJ$BMFOEBS3'$ εέδϡʔϧͷඪ४ϑΥʔϚοτ w ΧϨϯμʔΞϓϦ΍ిࢠϝʔϧͰ༧ఆ৘ใΛ΍ΓऔΓͰ͖Δ αϚʔλΠϜͷڥք࣌ࠁղܾํ๏ʹ͍ͭͯᐆດʹͳΒͳ͍Α͏ఆٛ͞ΕͯΔ w λΠϜκʔϯ͕ਖ਼ͷํ޲΁มԽ ։࢝࣌ ஗͍ํΛબ୒ w
λΠϜκʔϯ͕ෛͷํ޲΁มԽ ऴྃ࣌ ૣ͍ํΛબ୒ w ͜Ε͸%BUF΍ଟ͘ͷϥΠϒϥϦͷڍಈͱ΋Ұக͢Δ

ϩέʔϧ*&5'ݴޠλά #$1 ݴޠλά = "Ja-JP"Έ͍ͨͳ΍ͭ ͜Ε͸*&5'ͷ#$1ͱͯ͠ఆٛ͞Ε͍ͯΔ w 3'$ͱ3'$Ͱߏ੒͞ΕΔ <ݴޠ><จࣈମܥ><஍Ҭ><ҟମ><֦ு><ࢲ༻>ͷαϒλάͰߏ੒͞ΕΔ w
࢖͑Δݴޠɾจࣈମܥɾ஍Ҭɾҟମͷछྨ͸*"/"͕؅ཧ

ʲ༨ஊʳݴޠλάͷ֦ுαϒλά ֦ுαϒλάͬͯԿʁ w <ݴޠ><จࣈମܥ><஍Ҭ><ҟମ><֦ு><ࢲ༻> w ݴޠλάΛ֦ுͰ͖Δߏจ w <จࣈ><dจࣈ>ͱ͍͏ܗࣜ ྫKB+1VDBKBQBOFTF
w *&5'͔ΒͷϨϏϡʔΛड͚ͯ*"/"͔ΒׂΓ౰ͯΒΕͨ΋ͷ AYAҎ֎ 6֦ு u-Ͱ࢝·Δ΍ͭ ͸6OJDPEF͕؅ཧ͍ͯ͠Δˠ-%.-Λࢀরͷ͜ͱ

ॻࣜԽͷͨΊͷ࢓༷-%.- 654 -%.- -PDBMF%BUB.BSLVQ-BOHVBHF ͱ͸ w 6OJDPEF͕ఆΊ͍ͯΔϩέʔϧ΍ࠃࡍԽʹؔ͢Δ͋ΒΏΔσʔλΛه࿥͢Δ ͨΊͷ౷Ұతͳ9.-ʹΑΔϑΥʔϚοτ w ϩέʔϧࣝผࢠ਺஋೔࣌ͷϑΥʔϚοτෳ਺ܗ΍ং਺ʜ
೔࣌ʹؔͯ͠΋ॻࣜԽͷύλʔϯ΍ྐྵͷ৘ใͳͲͷܗࣜΛఆΊͯΔ w Α͘࢖͏1BUUFSOจࣈྻ ZZZZ..EE ͷҙຯͳͲ΋ఆٛͯ͠Δ w ༨ஊ ͜Εʹैͬͯͳ͍ϥΠϒϥϦ΋ͪΒ΄Βʜ

ϒϥ΢βͷϦιʔε$-%3 -%.-ͷܗࣜͰɺ֤ϩέʔϧσʔλΛ͍࣋ͬͯΔͷ͕$-%3 w $PNNPO-PDBMF%BUB3FQPTJUPSZͷུ ϒϥ΢βͳͲ͸͜ͷ$-%3ΛࠃࡍԽͷ৘ใιʔεͱͯ͠Δ w λΠϜκʔϯ৘ใͳͲ΋͜ͷ$-%3ܦ༝Ͱ5;%BUBCBTFͷ৘ใΛͱͬͯΔ w ྐྵͷ৘ใΛ࣋ͬͯΔͷ΋$-%3 w
ˠ$-%3ͷ࣋ͬͯΔྐྵ㲈ओཁϥϯλΠϜ͕αϙʔτ͢Δྐྵ

·ͱΊ %BUF5JNF *"/" 5JNF[POF 6OJDPEF -%.- $-%3 *&5' 3'$
#$1 *OUM &$." #$1 3'$

+4ͷ%BUFͱͦͷ՝୊

+4ͷ%BUFͷԿ͕ਏ͍͔ γεςϜͱ65$ͷλΠϜκʔϯ͔͠αϙʔτ͠ͳ͍ άϨΰϦ΢εྐྵҎ֎࢖͑ͳ͍ ೔࣌จࣈྻͷύʔεڍಈ͕Θ͔Γʹ͍͘ 4FUܥͷϝιου͕ഁյมߋͳͷ͕࢖͍ʹ͍͘
ܭࢉܥͷϢʔςΟϦςΟϝιου͕ͳ͍ *OUMҎલ͸ ॻࣜԽػೳ΋ෆ଍͍ͯͨ͠

γεςϜͱ65$ͷλΠϜκʔϯ͔͠αϙʔτ͠ͳ͍ %BUF͸γεςϜͷλΠϜκʔϯ 65$͔͠αϙʔτ͍ͯ͠ͳ͍ w ଞͷλΠϜκʔϯͷܭࢉ͸αϙʔτ֎ w αϚʔλΠϜͷߟྀͱ͔ࣗ෼Ͱ΍Δͷʜ w ͖ͬ͞ͷαϚʔλΠϜͷڥքܭࢉͱ͔΍Δͷʁ

άϨΰϦ΢εྐྵҎ֎࢖͑ͳ͍ ੈքʹ͸ඇάϨΰϦ΢εྐྵ͕ݱ໾ͳ৔໘΋͋Δ தࠃͷچྐྵɺϔϒϥΠྐྵ౳ w ߦࣄɾٳ೔ͳͲ͸ಛʹಠࣗͷྐྵͰಈ͖͕ͪ ࠶ܝ ಛʹଠӄଠཅྐྵଠӄྐྵͷଐ͢Δྐྵ͸άϨΰϦΦྐྵͱେ͖͘ζϨΔ w ˠࣗ෼Ͱܭࢉ͢Δͷ΋ඇৗʹେมʜ
w ྫ ਺೥୯ҐͰͣΕ͍݄ͯ͘Ӟ݄ͷૠೖʜ

೔࣌จࣈྻͷύʔεڍಈ͕Θ͔Γʹ͍͘ ༗໊೔෇·Ͱͩͱ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"

4FUܥͷϝιου͕ഁյมߋ 4FUܥ TFU%BUFͳͲ ͷϝιου͸ͦͷΦϒδΣΫτΛഁյతʹมߋ͢Δ w ฦΓ஋͕৽͍͠λΠϜελϯϓͳͷͰඇഁյʹݟ͑ͳ͘΋ͳ͍ w ϛεͷݪҼʹͳΔͷͰඇഁյܥͷϝιουͩͱخ͍͠ΑͶ w ࠷ۙ"SSBZͷϝιου΋ඇഁյܥ૿͑ͨ͠ʜ

ܭࢉܥͷϢʔςΟϦςΟϝιου͕ͳ͍ ೔࣌ͷͨΊͷศརܭࢉϝιου͕ͳ͍ w Ճࢉݮࢉࠩ෼ %VSBUJPO ͷܭࢉൺֱ ͳͯ͘΋ܭࢉͰ͖ͳ͘͸ͳ͍͕ʜ w 6OJY5JNFͰܭࢉ͢Δʁˠʮ̍ϲ݄೥ʯ଍͢Ҿ͘ͱ͔͕໘౗ w
଍͢ͷ೔ʁ೔ʁࠓ೥Ӟ೥͚ͩͬʁ

*OUMҎલ͸ ࠃࡍԽػೳ΋ෆ଍͍ͯͨ͠ *OUM͕ͳ͔ͬͨ࣌୅͸ࠃࡍԽͷϝιου΋શવͳ͔ͬͨ w ֤ϩέʔϧͱϢʔεέʔεʹ߹Θͤͨจݴ͸ࣗ෼Ͱੜ੒͢Δඞཁ͕͋ͬͨ w UP4USJOH ͱ͔͔͠ͳ͍ʜ

ϥΠϒϥϦʹΑΔҰఆͷղܾ

%BUFͷਏ͞ˠ೔࣌ܥͷϥΠϒϥϦͷػೳ΁ ֤λΠϜκʔϯͷαϙʔτ w ˠଟ͘ͷϥΠϒϥϦ ͷ1MVHJO ͕λΠϜκʔϯΛαϙʔτ ϑΥʔϚοτΛࢦఆͨ͠೔࣌จࣈྻύʔε ˠଟ͘ͷϥΠϒϥϦ͕1BUUFOจࣈྻΛࢦఆͨ͠ݫີͰॊೈͳQBSTFΛఏڙ parse('02/11/2014', 'MM/dd/yyyy',
new Date());

%BUFͷਏ͞ˠ೔࣌ܥͷϥΠϒϥϦͷػೳ΁ 4FUܥͷϝιου͕جຊඇഁյ ˠඇഁյͰ৽͍͠%BUF΍೔࣌৘ใΛฦ͢ܗͷ"1*͕Ұൠత ๛෋ͳܭࢉܥͷϢʔςΟϦςΟϝιου ˠՃࢉݮࢉൺֱ౳ͷϝιου͸େ఍࣮૷͍ͯ͠Δ 1BUUFSOจࣈྻΛར༻ͨ͠ॻࣜԽ ˠ1BUUFSOจࣈྻ ZZZZ..EE Λ࢖ͬͨॻࣜԽػೳΛ࣋ͭ΋ͷ͕ଟ͍

*OUMʹΑΔॻࣜԽͷվળ

*OUM%BUF5JNF'PSNBUͰେମͷχʔζ͸ຬͨͤΔ *OUM%BUF5JNF'PSNBUͷॻࣜԽΦϓγϣϯ͕͔ͳΓਐา͍ͯ͠Δ w EBUF4UZMFUJNF4UZMFͰ·ͱΊͯελΠϧࢦఆ w ֤ߏ੒ཁૉ ZFBSNPOUIEBZ ͝ͱʹࡉ͔͘ελΠϧ͕ௐ੔΋Ͱ͖Δ const formatter
= new Intl.DateTimeFormat('en-US', { year: 'numeric', // ਺஋Ͱදࣔ month: 'long', // ௕͍ܗͰදࣔ day: '2-digit', // 2 ܻͷ਺஋Ͱදࣔ weekday: 'long', // ௕͍ܗͰදࣔ era: 'short' // ୹͍ܗͰදࣔ });

*OUMʹGPSNBU5P1BSUT ϝιου΋͋Δ ߏ੒ཁૉ͝ͱͷ഑ྻͱͯ͠ग़ྗͯ͘͠ΕΔ Ͳ͏ͯ͠΋GPSNBUϝιουͰ໨తͷจࣈྻ͕ग़ͳ͍৔߹ w GSPNBU5P1BSUTϝιουˠҰ෦ॻ͖׵͑ˠWBMVFΛKPJOˠ໨తͷจࣈྻ new Intl.DateTimeFormat("ja-JP").formatToParts(new Date(2024, 11,
7)); // [ // { "type": "year", "value": "2024" }, // { "type": "literal", "value": "/" }, // { "type": "month", "value": "12" }, // { "type": "literal", "value": "/" }, // { "type": "day", "value": "7" } // ]

ʲ༨ஊʳ1BUUFSOʹΑΔॻࣜԽͷޭࡑ ΈΜͳ1BUUFSOจࣈྻ ZZZZ..EE ͰॻࣜԽ͕ͨ͠Δ͚Ͳʜ w 1BUUFSOจࣈྻΛࣗ෼Ͱ؅ཧࠃࡍॻࣜԽػೳΛશ෦ࣗલͰ΍Δ֮ޛ w ͦͷ1BUUFSO͸ਖ਼֬ʁଞϩέʔϧ͸ߟྀͰ͖ͯΔʁϩέʔϧؒͰ౷Ұੑ͋Δ w
*OUM͸-PDBMFͱ%BUF͔ΒͳΔ΂͘ద੾Ͱ౷Ұײ͋ΔΑ͏ʹจࣈྻΛબ୒͢Δ ͦΕ΋͋ͬͯ*OUMଆ͸جຊ1BUUFSOॻࣜԽΛରԠ͠ͳ͍ํ਑Λ؏͍͍ͯΔ Ͱ΋΍ͬͺΓࠜڧ͍ʮཉ͍͠ʯͷ੠ w 5FNQPSBMWͰೖΔʜ͔΋Ͷ

%BUFͷ୅ସ ʮ5FNQPSBMʯ΁ͷظ଴

5FNQPSBMͱ͸ %BUFΦϒδΣΫτʹସΘΔ৽͍͠೔࣌ૢ࡞ΦϒδΣΫτͷ࢓༷ طଘͷ%BUF0CKFDUͷෆຬΛղফ͠ɺ৽͍͠ػೳ΋αϙʔτ͢Δ ݱࡏ4UBHFͷ&$."4DSJQU1SPQPTBM ڈ೥͋ͨΓ͔Βαϙʔτ͕͸·Γͭͭ͋Δ w 'JSFGPY/JHIUMZ%FOP8FCLJUͳͲ΋࣮૷͕গͣͭ͠ਐΜͰΔ w ͱ͸͍͑·ͩ·ͩόάͱ͔͸͋Γͦ͏

5FNQPSBM͕ղܾ͢Δ΋ͷ %BUFͷਏ͍ͱ͜ΖΛΧόʔ w λΠϜκʔϯͱΧϨϯμʔͷαϙʔτ w ೔࣌จࣈྻͷύʔεΛݫີʹλΠϜκʔϯͱΧϨϯμʔΛؚΉܗࣜ w ඇഁյͳϝιουͱجຊతͳܭࢉܥͷϝιου

λΠϜκʔϯͱΧϨϯμʔ λΠϜκʔϯࢦఆ ΧϨϯμʔͷࢦఆ Temporal.Instant .from("2025-01-01T00:00:00Z") .toZonedDateTimeISO("Asia/Tokyo"); Temporal.PlainDateTime .from({year: 2025,month: 1,day:
1,calendar:'hebrew'})

ύʔεͷݫ֨Խͱ*9%5' 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]"

ඇഁյϝιουͰܭࢉϝιου΋͋Δ 5FNQPSBMͷ೔࣌ૢ࡞ܥͷ"1*͸جຊඇഁյϝιου ܭࢉϝιου΋ ܭࢉܥͷϝιου΋͋Δ w Ճࢉݮࢉظؒͷܭࢉൺֱ • zonedDateTime.add(duration) •
ظؒΛද͢ Temporal.Duration ΫϥεΛར༻Ͱ͖Δ • Temporal.Duration.from({ days: 1, hours: 12 });

5FNQPSBMͱ*OUM ֤$MBTTͷUP-PDBM4USJOH ͸ w *OUM%BUF5JNF'PSNBU w *OUM%VSBUJPO'PSNBU 🆕࠷ۙ4UBHFʹͳͬͨΑʂ ͱΦϓγϣϯ΍ϩέʔϧͷѻ͍͕Ұॹ΄΅ϥούʔͷΑ͏ʹ࢖͑Δ
·ͨɺରԠ͢ΔΧϨϯμʔ΋*OUM%BUF5JNF'PSNBUͱҰॹ w 5FNQPSBM͔Β௚ͰΧϨϯμʔΛ౿·͑ͨॻࣜԽ͕ߦ͑Δ

5FNQPSBMͷେࣄͳίϯηϓτ ʮ6OJY5JNF65$ͱϩʔΧϧͳ೔࣌ʯΛͲ͏"1*Ͱ۠ผ͢Δ͔ 6OJY5JNF65$ w ઈରతͳ೔࣌ɻج४ͷॠ͔ؒΒͷܦաඵ਺ͳͲͰද͞ΕΔ ϩʔΧϧͳ೔࣌ w Ϣʔβʔͷೝࣝͯ͠ΔλΠϜκʔϯͱྐྵͷதͰͷ೔࣌

5FNQPSBMͷΞϓϩʔν ֤ΦϒδΣΫτͰ໌֬ʹʮઈର࣌ؒPSϩʔΧϧ೔࣌ʯΛ۠ผ • ઈର࣌ؒ : Temporal.Instant • ϩʔΧϧͳ೔࣌ : Temporal.Plainʓʓ
• ϩʔΧϧͳ೔࣌ʹ͸͸ΧϨϯμʔΛࢦఆͰ͖Δ ม׵ʹ͸λΠϜκʔϯ৘ใ͕ඞཁˠڮ౉͠ͷͨΊͷΫϥε • Temporal.ZonedDateTime Ͱ૬ޓͷม׵Λߦ͏

5FNQPSBMͷΞϓϩʔν IUUQTUDFTQSPQPTBMUFNQPSBMEPDTJOEFYIUNM

5FNQPSBMʹ͍ͭͯ΋ͬͱৄ͘͠͸ ࠷ۙ.%/͕௥Ճ͞Εͨ ͳΜͱͦͷྔϖʔδʂ w IUUQTEFWFMPQFSNP[JMMBPSHFO64EPDT8FC+BWB4DSJQU3FGFSFODF (MPCBM@0CKFDUT5FNQPSBM HJIZPKQͷॴଐνʔϜ࿈ࡌͰॻ͔͍͖ͤͯͨͩ·ͨ͠ એ఻
w 5FNQPSBMͰมΘΔ+BWB4DSJQUͷ೔࣌ૢ࡞ w ΑΓ۩ମతͳϢʔεέʔεͱ͔ॻ͍ͯΔ

ࠓޙԿΛҙࣝ͢΂͖͔

ʮ೔࣌ͬͯԿ͕େมͳͷ ʯ ʹཱͪฦΔ

΄΅ɺλΠϜκʔϯͱΧϨϯμʔͱॻࣜԽͷ͍ͤ ೔࣌ͷΊΜͲ͘͞͞Λ෼ղ͢Δͱ w λΠϜκʔϯ ࣌ࠩ ͷܭࢉ͕໘౗ w ΧϨϯμʔ ྐྵ ͷॲཧ͕೉͍͠
w ࠃࡍԽͰͷॻࣜԽύλʔϯ͕ແ਺ ΈΜͳ͕6OJY5JNF 1PTJY5JNF ͰಡΈॻ͖Ͱ͖ͯΕ͹΍΍͘͜͠͸ͳ͍ w ͚Ͳਓؒ͸ͦ͏͸Ͱ͖͍ͯͳ͍ ࠓ೔ͷ5BML͸͔ΒͩΑʂʂ

λΠϜκʔϯ͕΍΍͍͜͠໰୊ ϩʔΧϧͳ೔࣌ͱઈରతͳ೔࣌ͷڥքΛҙࣝ͢Δઃܭ΁ w λΠϜκʔϯʹΑΔม׵૚ΛͪΌΜͱ࡞Δ ઈରత೔࣌ 4FSWFS Formated String User Input
4FSWFS ϩʔΧϧͳ೔࣌ ઈରత೔࣌ ϩʔΧϧͳ೔࣌ ม׵ ม׵

ͦ΋ͦ΋άϨΰϦ΢εྐྵҎ֎ͷΧϨϯμʔΛαϙʔτ͢ΔϥΠϒϥϦ͸গͳ͍ ΧϨϯμʔ͕ؔ܎͋Δͷ͸͋͘·ͰʮϩʔΧϧͳ೔࣌ʯଆͳ͜ͱΛҙࣝ͢Δ ΧϨϯμʔ͕೉͍͠໰୊ ઈରత೔࣌ 4FSWFS Formated String User Input 4FSWFS
ϩʔΧϧͳ೔࣌ ઈରత೔࣌ ϩʔΧϧͳ೔࣌ ม׵ ม׵ ར༻͢ΔΧϨϯμʔ

ࠃࡍԽͰͷॻࣜԽύλʔϯ͕ແ਺ʹ͋Δ໰୊ ҎԼͷ໰͍Λߟ͑Δͷ͕େࣄ w ͦ΋ͦ΋ར༻ՕॴͱϑΥʔϚοτ͸౷Ұ͞ΕͯΔʁ w αϙʔτ͢Δϩέʔϧͷछྨ͸ʁࠓޙ૿͑ͳ͍ w *OUM%BUF5JNF'PSNBUͰ࣮ݱͰ͖ͳ͍ॻࣜͬͯຊ౰ʹҰൠతʁ جຊతʹ͸*OUM%BUF5JNF'PSNBUͰղܾͰ͖ΔͱࢥͬͯΔ
ࢲݟ w Ͱ͖ͳ͍৔߹͸ࣗ෼Ͱϩέʔϧղܾͱ͔શ෦΍Δ֮ޛ͕͍Δ

ʲະདྷʳ೔࣌ͷ໘౗ࣄˠ5FNQPSBM *OUMͰղܾ ೔࣌ͷෳࡶͩͬͨ෦෼Λ5FNQPSBMͱ*OUMͰΧόʔͰ͖Δະདྷ w λΠϜκʔϯ ࣌ࠩ ͷܭࢉ͕໘౗ˠ5FNQPSBMͷ୲౰ w ΧϨϯμʔ ྐྵ
ͷॲཧ͕೉͍͠ˠ5FNQPSBMͷ୲౰ w ࠃࡍԽͰͷॻࣜԽύλʔϯ͕ແ਺ˠ*OUMͷ୲౰ ͋Δ͍͸ˢΛ͍͍ײ͡ʹϥοϓͨ͠ϥΠϒϥϦ͕ྲྀߦΔՄೳੑ ˠ͜ͷະདྷΛ৴͡Δ৔߹ɺٯࢉͯ͠Ͳ͏͓ͯ͘͠΂͖ͩΖ͏ʁ

ݱঢ়Ͱͷબ୒ࢶ ݱঢ়͸͜Μͳײ͡ʹ͓ͯ͘͠ͷ͕ྑͦ͞͏ w λΠϜκʔϯ ࣌ࠩ ͷܭࢉ͕໘౗ w ˠϥΠϒϥϦͰؤுΓͭͭɺ5FNQPSBMΛ଴ͭ w ΧϨϯμʔ
ྐྵ ͷॲཧ͕೉͍͠ w ˠϥΠϒϥϦ΍࣮૷ͰؤுΓͭͭɺ5FNQPSBMΛ଴ͭPSະαϙʔτ w ࠃࡍԽͰͷॻࣜԽύλʔϯ͕ແ਺ˠ*OUM͸΋͏͋ΔͷͰͳΔ΂͘࢖͏

ʲ࠶ܝʳλΠϜκʔϯ͕΍΍͍͜͠໰୊ ϩʔΧϧͳ೔࣌ͱઈରతͳ೔࣌ͷڥքΛҙࣝ͢Δઃܭ΁ w λΠϜκʔϯʹΑΔม׵૚ΛͪΌΜͱ࡞Δ ઈରత೔࣌ 4FSWFS Formated String User Input
4FSWFS ϩʔΧϧͳ೔࣌ ઈରత೔࣌ ϩʔΧϧͳ೔࣌ ม׵ ม׵

5FNQPSBM΁ͷҠߦָ͕ʹ ϩʔΧϧ೔࣌ͱઈର೔࣌ͷڥքΛ໌֬ʹ͢Δͱ5FNQPSBMʹҠߦ͠΍͍͢ ;POFE%BUF5JNF *OTUBOU ;POFE%BUF5JNF 1MBJO%BUF5JNF *OTUBOU 4FSWFS FormatedString Input
Component 4FSWFS ར༻͢Δ5JN[F;POF toLocaleString() ܭࢉ BEEVOUJMʜ DBMFOEBS

*OUMͰॻࣜԽΛؤுΔ࣌͸ ҎԼͷॱͰߟ͍͑ͯ͘ͱྑ͍ ͦ͜·Ͱڧ͘ϑΥʔϚοτʹͩ͜ΘΒͳ͍ w ·ͣ͸*OUMͷEBUF4UZMF΍UJNFTUZMFͰҰׅࢦఆͯ͠ΈΔ ͋Δఔ౓ίϯτϩʔϧ͍ͨ͠ w *OUMͰࡉ͔͍୯Ґ
೥݄೔ʜ ͝ͱͷTUZMFΛࢦఆͯ͠ΈΔ Ͱຬ଍͍͔ͳ͍৔߹ w GPSNBU5P1BSUTͰΧελϚΠζ 1BUUFOจࣈྻʹΑΔॻࣜԽ΋ߟྀʹʁ

ͦͷଞͷ஫ҙ఺ ϥΠϒϥϦͷґଘൣғ͸࠷খݶͰ͔͢ʁ w ͦ͜ΒதͰ೔࣌ϥΠϒϥϦݺΜͰ·ͤΜ͔ʁ ϩέʔϧͷ؅ཧΛඇඪ४తͳܗͰߦͳ͍ͬͯͳ͍Ͱ͔͢ʁ w *&5'ݴޠλά͋Δ͍͸ͦΕʹ४ͣΔܗ *OUM-PDBMF Ͱ؅ཧͯ͠·͔͢ʁ ೔࣌ͷอଘܗࣜ͸ͪΌΜͱͯ͠·͔͢ʁ
w λΠϜελϯϓPS3'$65$จࣈྻͰ͔͢ʁ

ϥΠϒϥϦͷґଘൣғ ͦ͜ΒதͰ೔࣌ϥΠϒϥϦݺΜͩΓͯ͠Δͱେมͳ͜ͱʹͳΔ w 5FNQPSBMʹߦ͖ͨͯ͘΋ണ͕͢ͷ͕େมͰ͢ w ԟʑʹͯ͠ϩʔΧϧ࣌ؒͱઈର࣌ؒͷม׵ͱ͔΋Ұ؏ੑͳ͍͜ͱ͕ଟ͍ ύϑΥʔϚϯεతʹ΋͋·Γ޷·͘͠ͳ͍ w *OUM΋ͦ͏͕ͩࠃࡍԽػೳͳͲ͸Ͳ͏ͯ͠΋ॏ͍ w
5FNQPSBM΋ॏ͗ͯ͢4UBHFͳͷʹ"1*࡟ͬͨ͘Β͍ͳͷͰʜ

ϩέʔϧͷ؅ཧ *&5'ݴޠλάPS*OUM-PDBMFͰ؅ཧͰ͖͍ͯͦ͏͔ʁ w *&5'ݴޠλάͱ*OUM-PDBMF͸جຊ̍ର̍ରԠͯ͠Δ 5FNQPSBMͷࠃࡍԽػೳ͸*OUMʹཔ͍ͬͯΔ w ͦͯ͠*OUM͸*&5'ݴޠλάPS*OUM-PDBMFͷ্Ͱ੒Γཱ͍ͬͯΔ ˠϩέʔϧΛมʹ؅ཧͯ͠Δͱ໘౗ͳ͜ͱʹͳΔ

೔࣌ͷอଘܗࣜ جຊతʹ͸6OJY5JNFPS3'$65$จࣈྻͰอଘ͓ͯ͘͠ͱྑͦ͞͏ w ͋Δ͍͸௥ՃͰλΠϜκʔϯΛ࣋ͭ w λΠϜκʔϯ࣋ͭ৔߹͸ུ͞ͳ͍ํ͕ྑ͍ ❌+45✅<"TJB5PLZP> কདྷతʹ*9%5'ʹҠߦ͍ͯ͘͠ͷ΋͋Γ w
*9%5'͸͋͘·Ͱ3'$ͷ֦ு w 3'$͸ͦͷ··αϙʔτ͞ΕΔͷͰ

·ͱΊ ೔࣌ͷجຊʹ͍ͭͯ໘౗ͳ෦෼ͳͲΛৼΓฦͬͨ ίϯϐϡʔλ8FCͰ೔࣌Λѻ͏ͨΊͷ࢓༷ʹ͍ͭͯ֓؍ͨ͠ +4ͷ%BUFͷ՝୊ͱϥΠϒϥϦ΍*OUM͕Ͳ͏վળ͖͔ͯͨ͠ ࠓޙ͸೉͍͠ͱ͜ΖΛ5FNQPSBM *OUMͰΧόʔͰ͖ΔͷͰ͸
̐ͷະདྷʹ޲͚ͯ೔࣌Λѻ͏্ͰؾΛ͚͍ͭͨ͜ͱΛԿݸ͔঺հͨ͠

3ZVTFJ4BKJLJ!TBKJLJY ͋Γ͕ͱ͏͍͟͝·ͨ͠

フロントエンドで日時処理と戦うために 2025 ver

フロントエンドで日時処理と戦うために 2025 ver

More Decks by Saji

Featured

Transcript