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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

ಥવͰ͕͢

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

೔࣌ʹؔ͢Δ஌ࣝ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

೔࣌ͷදه+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 Ͱੜ੒Ͱ͖Δ

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

+4ͷ%BUFͱͦͷ՝୊

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

*OUMʹΑΔॻࣜԽͷվળ

Slide 37

Slide 37 text

*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' // ୹͍ܗͰදࣔ });

Slide 38

Slide 38 text

*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" } // ]

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

5FNQPSBMͷΞϓϩʔν IUUQTUDFTQSPQPTBMUFNQPSBMEPDTJOEFYIUNM

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

ࠓޙԿΛҙࣝ͢΂͖͔

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

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

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

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

Slide 59

Slide 59 text

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

Slide 60

Slide 60 text

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

Slide 61

Slide 61 text

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

Slide 62

Slide 62 text

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

Slide 63

Slide 63 text

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

Slide 64

Slide 64 text

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

Slide 65

Slide 65 text

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

Slide 66

Slide 66 text

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

Slide 67

Slide 67 text

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