[{"data":1,"prerenderedAt":2245},["ShallowReactive",2],{"post-dayjs-japanese-locale":3},{"id":4,"title":5,"body":6,"date":2234,"description":2235,"extension":2236,"meta":2237,"navigation":112,"path":2241,"seo":2242,"stem":2243,"__hash__":2244},"blog\u002Fblog\u002Fdayjs-japanese-locale.md","Day.jsで日本語ロケールとプラグインを設定する",{"type":7,"value":8,"toc":2210},"minimark",[9,14,25,31,59,62,65,69,179,183,306,309,312,316,483,487,639,643,790,794,939,943,1113,1116,1119,1365,1368,1371,1547,1550,1670,1673,1935,1939,2143,2146,2149,2178,2181,2184,2206],[10,11,13],"h2",{"id":12},"dayjsとは","Day.jsとは",[15,16,17,24],"p",{},[18,19,23],"a",{"href":20,"rel":21},"https:\u002F\u002Fday.js.org\u002F",[22],"nofollow","Day.js","は、日付・時刻を扱うための軽量なJavaScriptライブラリです。",[15,26,27],{},[28,29,30],"strong",{},"主な特徴",[32,33,34,41,47,53],"ul",{},[35,36,37,40],"li",{},[28,38,39],{},"軽量"," わずか2KBのサイズ",[35,42,43,46],{},[28,44,45],{},"Moment.js互換"," APIが似ているため移行が容易",[35,48,49,52],{},[28,50,51],{},"プラグインシステム"," 必要な機能だけを追加可能",[35,54,55,58],{},[28,56,57],{},"イミュータブル"," 元のオブジェクトを変更しない",[10,60,61],{"id":61},"ロケール設定",[15,63,64],{},"Day.jsのデフォルトロケールは英語（en）です。日本語表示にするには、ロケールを設定してください。",[66,67,68],"h3",{"id":68},"基本的な設定",[70,71,76],"pre",{"className":72,"code":73,"language":74,"meta":75,"style":75},"language-ts shiki shiki-themes github-light github-dark","import dayjs from 'dayjs'\nimport 'dayjs\u002Flocale\u002Fja'\n\n\u002F\u002F 日本語ロケールを設定\ndayjs.locale('ja')\n\nconsole.log(dayjs().format('YYYY年M月D日(ddd)'))\n\u002F\u002F 出力: 2021年11月29日(月)\n","ts","",[77,78,79,99,107,114,121,140,145,173],"code",{"__ignoreMap":75},[80,81,84,88,92,95],"span",{"class":82,"line":83},"line",1,[80,85,87],{"class":86},"szBVR","import",[80,89,91],{"class":90},"sVt8B"," dayjs ",[80,93,94],{"class":86},"from",[80,96,98],{"class":97},"sZZnC"," 'dayjs'\n",[80,100,102,104],{"class":82,"line":101},2,[80,103,87],{"class":86},[80,105,106],{"class":97}," 'dayjs\u002Flocale\u002Fja'\n",[80,108,110],{"class":82,"line":109},3,[80,111,113],{"emptyLinePlaceholder":112},true,"\n",[80,115,117],{"class":82,"line":116},4,[80,118,120],{"class":119},"sJ8bj","\u002F\u002F 日本語ロケールを設定\n",[80,122,124,127,131,134,137],{"class":82,"line":123},5,[80,125,126],{"class":90},"dayjs.",[80,128,130],{"class":129},"sScJk","locale",[80,132,133],{"class":90},"(",[80,135,136],{"class":97},"'ja'",[80,138,139],{"class":90},")\n",[80,141,143],{"class":82,"line":142},6,[80,144,113],{"emptyLinePlaceholder":112},[80,146,148,151,154,156,159,162,165,167,170],{"class":82,"line":147},7,[80,149,150],{"class":90},"console.",[80,152,153],{"class":129},"log",[80,155,133],{"class":90},[80,157,158],{"class":129},"dayjs",[80,160,161],{"class":90},"().",[80,163,164],{"class":129},"format",[80,166,133],{"class":90},[80,168,169],{"class":97},"'YYYY年M月D日(ddd)'",[80,171,172],{"class":90},"))\n",[80,174,176],{"class":82,"line":175},8,[80,177,178],{"class":119},"\u002F\u002F 出力: 2021年11月29日(月)\n",[66,180,182],{"id":181},"グローバル-vs-ローカル設定","グローバル vs ローカル設定",[70,184,186],{"className":72,"code":185,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport 'dayjs\u002Flocale\u002Fja'\nimport 'dayjs\u002Flocale\u002Fen'\n\n\u002F\u002F グローバルに日本語を設定\ndayjs.locale('ja')\nconsole.log(dayjs().format('MMMM'))\n\u002F\u002F 出力: 11月\n\n\u002F\u002F 特定のインスタンスだけ英語にする\nconsole.log(dayjs().locale('en').format('MMMM'))\n\u002F\u002F 出力: November\n",[77,187,188,198,204,211,215,220,232,253,258,263,269,300],{"__ignoreMap":75},[80,189,190,192,194,196],{"class":82,"line":83},[80,191,87],{"class":86},[80,193,91],{"class":90},[80,195,94],{"class":86},[80,197,98],{"class":97},[80,199,200,202],{"class":82,"line":101},[80,201,87],{"class":86},[80,203,106],{"class":97},[80,205,206,208],{"class":82,"line":109},[80,207,87],{"class":86},[80,209,210],{"class":97}," 'dayjs\u002Flocale\u002Fen'\n",[80,212,213],{"class":82,"line":116},[80,214,113],{"emptyLinePlaceholder":112},[80,216,217],{"class":82,"line":123},[80,218,219],{"class":119},"\u002F\u002F グローバルに日本語を設定\n",[80,221,222,224,226,228,230],{"class":82,"line":142},[80,223,126],{"class":90},[80,225,130],{"class":129},[80,227,133],{"class":90},[80,229,136],{"class":97},[80,231,139],{"class":90},[80,233,234,236,238,240,242,244,246,248,251],{"class":82,"line":147},[80,235,150],{"class":90},[80,237,153],{"class":129},[80,239,133],{"class":90},[80,241,158],{"class":129},[80,243,161],{"class":90},[80,245,164],{"class":129},[80,247,133],{"class":90},[80,249,250],{"class":97},"'MMMM'",[80,252,172],{"class":90},[80,254,255],{"class":82,"line":175},[80,256,257],{"class":119},"\u002F\u002F 出力: 11月\n",[80,259,261],{"class":82,"line":260},9,[80,262,113],{"emptyLinePlaceholder":112},[80,264,266],{"class":82,"line":265},10,[80,267,268],{"class":119},"\u002F\u002F 特定のインスタンスだけ英語にする\n",[80,270,272,274,276,278,280,282,284,286,289,292,294,296,298],{"class":82,"line":271},11,[80,273,150],{"class":90},[80,275,153],{"class":129},[80,277,133],{"class":90},[80,279,158],{"class":129},[80,281,161],{"class":90},[80,283,130],{"class":129},[80,285,133],{"class":90},[80,287,288],{"class":97},"'en'",[80,290,291],{"class":90},").",[80,293,164],{"class":129},[80,295,133],{"class":90},[80,297,250],{"class":97},[80,299,172],{"class":90},[80,301,303],{"class":82,"line":302},12,[80,304,305],{"class":119},"\u002F\u002F 出力: November\n",[10,307,308],{"id":308},"よく使うプラグイン",[15,310,311],{},"Day.jsはプラグインシステムで機能を拡張できます。",[66,313,315],{"id":314},"_1-minmax-最大最小値の取得","1. MinMax - 最大・最小値の取得",[70,317,319],{"className":72,"code":318,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport minMax from 'dayjs\u002Fplugin\u002FminMax'\n\ndayjs.extend(minMax)\n\nconst dates = [\n  dayjs('2021-11-01'),\n  dayjs('2021-11-15'),\n  dayjs('2021-11-30'),\n]\n\nconsole.log(dayjs.max(dates).format('YYYY-MM-DD'))\n\u002F\u002F 出力: 2021-11-30\n\nconsole.log(dayjs.min(dates).format('YYYY-MM-DD'))\n\u002F\u002F 出力: 2021-11-01\n",[77,320,321,331,343,347,357,361,376,389,400,411,416,420,444,450,455,477],{"__ignoreMap":75},[80,322,323,325,327,329],{"class":82,"line":83},[80,324,87],{"class":86},[80,326,91],{"class":90},[80,328,94],{"class":86},[80,330,98],{"class":97},[80,332,333,335,338,340],{"class":82,"line":101},[80,334,87],{"class":86},[80,336,337],{"class":90}," minMax ",[80,339,94],{"class":86},[80,341,342],{"class":97}," 'dayjs\u002Fplugin\u002FminMax'\n",[80,344,345],{"class":82,"line":109},[80,346,113],{"emptyLinePlaceholder":112},[80,348,349,351,354],{"class":82,"line":116},[80,350,126],{"class":90},[80,352,353],{"class":129},"extend",[80,355,356],{"class":90},"(minMax)\n",[80,358,359],{"class":82,"line":123},[80,360,113],{"emptyLinePlaceholder":112},[80,362,363,366,370,373],{"class":82,"line":142},[80,364,365],{"class":86},"const",[80,367,369],{"class":368},"sj4cs"," dates",[80,371,372],{"class":86}," =",[80,374,375],{"class":90}," [\n",[80,377,378,381,383,386],{"class":82,"line":147},[80,379,380],{"class":129},"  dayjs",[80,382,133],{"class":90},[80,384,385],{"class":97},"'2021-11-01'",[80,387,388],{"class":90},"),\n",[80,390,391,393,395,398],{"class":82,"line":175},[80,392,380],{"class":129},[80,394,133],{"class":90},[80,396,397],{"class":97},"'2021-11-15'",[80,399,388],{"class":90},[80,401,402,404,406,409],{"class":82,"line":260},[80,403,380],{"class":129},[80,405,133],{"class":90},[80,407,408],{"class":97},"'2021-11-30'",[80,410,388],{"class":90},[80,412,413],{"class":82,"line":265},[80,414,415],{"class":90},"]\n",[80,417,418],{"class":82,"line":271},[80,419,113],{"emptyLinePlaceholder":112},[80,421,422,424,426,429,432,435,437,439,442],{"class":82,"line":302},[80,423,150],{"class":90},[80,425,153],{"class":129},[80,427,428],{"class":90},"(dayjs.",[80,430,431],{"class":129},"max",[80,433,434],{"class":90},"(dates).",[80,436,164],{"class":129},[80,438,133],{"class":90},[80,440,441],{"class":97},"'YYYY-MM-DD'",[80,443,172],{"class":90},[80,445,447],{"class":82,"line":446},13,[80,448,449],{"class":119},"\u002F\u002F 出力: 2021-11-30\n",[80,451,453],{"class":82,"line":452},14,[80,454,113],{"emptyLinePlaceholder":112},[80,456,458,460,462,464,467,469,471,473,475],{"class":82,"line":457},15,[80,459,150],{"class":90},[80,461,153],{"class":129},[80,463,428],{"class":90},[80,465,466],{"class":129},"min",[80,468,434],{"class":90},[80,470,164],{"class":129},[80,472,133],{"class":90},[80,474,441],{"class":97},[80,476,172],{"class":90},[80,478,480],{"class":82,"line":479},16,[80,481,482],{"class":119},"\u002F\u002F 出力: 2021-11-01\n",[66,484,486],{"id":485},"_2-timezone-タイムゾーン対応","2. Timezone - タイムゾーン対応",[70,488,490],{"className":72,"code":489,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport utc from 'dayjs\u002Fplugin\u002Futc'\nimport timezone from 'dayjs\u002Fplugin\u002Ftimezone'\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\n\n\u002F\u002F 日本時間を明示的に指定\nconst jst = dayjs.tz('2021-11-29 12:00', 'Asia\u002FTokyo')\nconsole.log(jst.format())\n\u002F\u002F 出力: 2021-11-29T12:00:00+09:00\n\n\u002F\u002F 別のタイムゾーンに変換\nconsole.log(jst.tz('America\u002FNew_York').format())\n\u002F\u002F 出力: 2021-11-28T22:00:00-05:00\n",[77,491,492,502,514,526,530,539,548,552,557,585,599,604,608,613,634],{"__ignoreMap":75},[80,493,494,496,498,500],{"class":82,"line":83},[80,495,87],{"class":86},[80,497,91],{"class":90},[80,499,94],{"class":86},[80,501,98],{"class":97},[80,503,504,506,509,511],{"class":82,"line":101},[80,505,87],{"class":86},[80,507,508],{"class":90}," utc ",[80,510,94],{"class":86},[80,512,513],{"class":97}," 'dayjs\u002Fplugin\u002Futc'\n",[80,515,516,518,521,523],{"class":82,"line":109},[80,517,87],{"class":86},[80,519,520],{"class":90}," timezone ",[80,522,94],{"class":86},[80,524,525],{"class":97}," 'dayjs\u002Fplugin\u002Ftimezone'\n",[80,527,528],{"class":82,"line":116},[80,529,113],{"emptyLinePlaceholder":112},[80,531,532,534,536],{"class":82,"line":123},[80,533,126],{"class":90},[80,535,353],{"class":129},[80,537,538],{"class":90},"(utc)\n",[80,540,541,543,545],{"class":82,"line":142},[80,542,126],{"class":90},[80,544,353],{"class":129},[80,546,547],{"class":90},"(timezone)\n",[80,549,550],{"class":82,"line":147},[80,551,113],{"emptyLinePlaceholder":112},[80,553,554],{"class":82,"line":175},[80,555,556],{"class":119},"\u002F\u002F 日本時間を明示的に指定\n",[80,558,559,561,564,566,569,572,574,577,580,583],{"class":82,"line":260},[80,560,365],{"class":86},[80,562,563],{"class":368}," jst",[80,565,372],{"class":86},[80,567,568],{"class":90}," dayjs.",[80,570,571],{"class":129},"tz",[80,573,133],{"class":90},[80,575,576],{"class":97},"'2021-11-29 12:00'",[80,578,579],{"class":90},", ",[80,581,582],{"class":97},"'Asia\u002FTokyo'",[80,584,139],{"class":90},[80,586,587,589,591,594,596],{"class":82,"line":265},[80,588,150],{"class":90},[80,590,153],{"class":129},[80,592,593],{"class":90},"(jst.",[80,595,164],{"class":129},[80,597,598],{"class":90},"())\n",[80,600,601],{"class":82,"line":271},[80,602,603],{"class":119},"\u002F\u002F 出力: 2021-11-29T12:00:00+09:00\n",[80,605,606],{"class":82,"line":302},[80,607,113],{"emptyLinePlaceholder":112},[80,609,610],{"class":82,"line":446},[80,611,612],{"class":119},"\u002F\u002F 別のタイムゾーンに変換\n",[80,614,615,617,619,621,623,625,628,630,632],{"class":82,"line":452},[80,616,150],{"class":90},[80,618,153],{"class":129},[80,620,593],{"class":90},[80,622,571],{"class":129},[80,624,133],{"class":90},[80,626,627],{"class":97},"'America\u002FNew_York'",[80,629,291],{"class":90},[80,631,164],{"class":129},[80,633,598],{"class":90},[80,635,636],{"class":82,"line":457},[80,637,638],{"class":119},"\u002F\u002F 出力: 2021-11-28T22:00:00-05:00\n",[66,640,642],{"id":641},"_3-relativetime-相対時間の表示","3. RelativeTime - 相対時間の表示",[70,644,646],{"className":72,"code":645,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport relativeTime from 'dayjs\u002Fplugin\u002FrelativeTime'\nimport 'dayjs\u002Flocale\u002Fja'\n\ndayjs.extend(relativeTime)\ndayjs.locale('ja')\n\nconsole.log(dayjs().from(dayjs().add(7, 'day')))\n\u002F\u002F 出力: 7日後\n\nconsole.log(dayjs().from(dayjs().subtract(2, 'hour')))\n\u002F\u002F 出力: 2時間前\n",[77,647,648,658,670,676,680,689,701,705,741,746,750,785],{"__ignoreMap":75},[80,649,650,652,654,656],{"class":82,"line":83},[80,651,87],{"class":86},[80,653,91],{"class":90},[80,655,94],{"class":86},[80,657,98],{"class":97},[80,659,660,662,665,667],{"class":82,"line":101},[80,661,87],{"class":86},[80,663,664],{"class":90}," relativeTime ",[80,666,94],{"class":86},[80,668,669],{"class":97}," 'dayjs\u002Fplugin\u002FrelativeTime'\n",[80,671,672,674],{"class":82,"line":109},[80,673,87],{"class":86},[80,675,106],{"class":97},[80,677,678],{"class":82,"line":116},[80,679,113],{"emptyLinePlaceholder":112},[80,681,682,684,686],{"class":82,"line":123},[80,683,126],{"class":90},[80,685,353],{"class":129},[80,687,688],{"class":90},"(relativeTime)\n",[80,690,691,693,695,697,699],{"class":82,"line":142},[80,692,126],{"class":90},[80,694,130],{"class":129},[80,696,133],{"class":90},[80,698,136],{"class":97},[80,700,139],{"class":90},[80,702,703],{"class":82,"line":147},[80,704,113],{"emptyLinePlaceholder":112},[80,706,707,709,711,713,715,717,719,721,723,725,728,730,733,735,738],{"class":82,"line":175},[80,708,150],{"class":90},[80,710,153],{"class":129},[80,712,133],{"class":90},[80,714,158],{"class":129},[80,716,161],{"class":90},[80,718,94],{"class":129},[80,720,133],{"class":90},[80,722,158],{"class":129},[80,724,161],{"class":90},[80,726,727],{"class":129},"add",[80,729,133],{"class":90},[80,731,732],{"class":368},"7",[80,734,579],{"class":90},[80,736,737],{"class":97},"'day'",[80,739,740],{"class":90},")))\n",[80,742,743],{"class":82,"line":260},[80,744,745],{"class":119},"\u002F\u002F 出力: 7日後\n",[80,747,748],{"class":82,"line":265},[80,749,113],{"emptyLinePlaceholder":112},[80,751,752,754,756,758,760,762,764,766,768,770,773,775,778,780,783],{"class":82,"line":271},[80,753,150],{"class":90},[80,755,153],{"class":129},[80,757,133],{"class":90},[80,759,158],{"class":129},[80,761,161],{"class":90},[80,763,94],{"class":129},[80,765,133],{"class":90},[80,767,158],{"class":129},[80,769,161],{"class":90},[80,771,772],{"class":129},"subtract",[80,774,133],{"class":90},[80,776,777],{"class":368},"2",[80,779,579],{"class":90},[80,781,782],{"class":97},"'hour'",[80,784,740],{"class":90},[80,786,787],{"class":82,"line":302},[80,788,789],{"class":119},"\u002F\u002F 出力: 2時間前\n",[66,791,793],{"id":792},"_4-customparseformat-カスタムフォーマットのパース","4. CustomParseFormat - カスタムフォーマットのパース",[70,795,797],{"className":72,"code":796,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport customParseFormat from 'dayjs\u002Fplugin\u002FcustomParseFormat'\n\ndayjs.extend(customParseFormat)\n\nconst date = dayjs('2021\u002F11\u002F29', 'YYYY\u002FMM\u002FDD')\nconsole.log(date.format('YYYY-MM-DD'))\n\u002F\u002F 出力: 2021-11-29\n\n\u002F\u002F 厳密なパース（形式が一致しない場合はInvalid Date）\nconst strictDate = dayjs('2021-13-01', 'YYYY-MM-DD', true)\nconsole.log(strictDate.isValid())\n\u002F\u002F 出力: false (13月は存在しない)\n",[77,798,799,809,821,825,834,838,862,879,884,888,893,920,934],{"__ignoreMap":75},[80,800,801,803,805,807],{"class":82,"line":83},[80,802,87],{"class":86},[80,804,91],{"class":90},[80,806,94],{"class":86},[80,808,98],{"class":97},[80,810,811,813,816,818],{"class":82,"line":101},[80,812,87],{"class":86},[80,814,815],{"class":90}," customParseFormat ",[80,817,94],{"class":86},[80,819,820],{"class":97}," 'dayjs\u002Fplugin\u002FcustomParseFormat'\n",[80,822,823],{"class":82,"line":109},[80,824,113],{"emptyLinePlaceholder":112},[80,826,827,829,831],{"class":82,"line":116},[80,828,126],{"class":90},[80,830,353],{"class":129},[80,832,833],{"class":90},"(customParseFormat)\n",[80,835,836],{"class":82,"line":123},[80,837,113],{"emptyLinePlaceholder":112},[80,839,840,842,845,847,850,852,855,857,860],{"class":82,"line":142},[80,841,365],{"class":86},[80,843,844],{"class":368}," date",[80,846,372],{"class":86},[80,848,849],{"class":129}," dayjs",[80,851,133],{"class":90},[80,853,854],{"class":97},"'2021\u002F11\u002F29'",[80,856,579],{"class":90},[80,858,859],{"class":97},"'YYYY\u002FMM\u002FDD'",[80,861,139],{"class":90},[80,863,864,866,868,871,873,875,877],{"class":82,"line":147},[80,865,150],{"class":90},[80,867,153],{"class":129},[80,869,870],{"class":90},"(date.",[80,872,164],{"class":129},[80,874,133],{"class":90},[80,876,441],{"class":97},[80,878,172],{"class":90},[80,880,881],{"class":82,"line":175},[80,882,883],{"class":119},"\u002F\u002F 出力: 2021-11-29\n",[80,885,886],{"class":82,"line":260},[80,887,113],{"emptyLinePlaceholder":112},[80,889,890],{"class":82,"line":265},[80,891,892],{"class":119},"\u002F\u002F 厳密なパース（形式が一致しない場合はInvalid Date）\n",[80,894,895,897,900,902,904,906,909,911,913,915,918],{"class":82,"line":271},[80,896,365],{"class":86},[80,898,899],{"class":368}," strictDate",[80,901,372],{"class":86},[80,903,849],{"class":129},[80,905,133],{"class":90},[80,907,908],{"class":97},"'2021-13-01'",[80,910,579],{"class":90},[80,912,441],{"class":97},[80,914,579],{"class":90},[80,916,917],{"class":368},"true",[80,919,139],{"class":90},[80,921,922,924,926,929,932],{"class":82,"line":302},[80,923,150],{"class":90},[80,925,153],{"class":129},[80,927,928],{"class":90},"(strictDate.",[80,930,931],{"class":129},"isValid",[80,933,598],{"class":90},[80,935,936],{"class":82,"line":446},[80,937,938],{"class":119},"\u002F\u002F 出力: false (13月は存在しない)\n",[66,940,942],{"id":941},"_5-issameorafter-issameorbefore-日付比較","5. IsSameOrAfter \u002F IsSameOrBefore - 日付比較",[70,944,946],{"className":72,"code":945,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport isSameOrAfter from 'dayjs\u002Fplugin\u002FisSameOrAfter'\nimport isSameOrBefore from 'dayjs\u002Fplugin\u002FisSameOrBefore'\n\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nconst start = dayjs('2021-11-01')\nconst end = dayjs('2021-11-30')\nconst target = dayjs('2021-11-15')\n\n\u002F\u002F 期間内かチェック\nif (target.isSameOrAfter(start) && target.isSameOrBefore(end)) {\n  console.log('期間内です')\n}\n",[77,947,948,958,970,982,986,995,1004,1008,1025,1042,1059,1063,1068,1094,1108],{"__ignoreMap":75},[80,949,950,952,954,956],{"class":82,"line":83},[80,951,87],{"class":86},[80,953,91],{"class":90},[80,955,94],{"class":86},[80,957,98],{"class":97},[80,959,960,962,965,967],{"class":82,"line":101},[80,961,87],{"class":86},[80,963,964],{"class":90}," isSameOrAfter ",[80,966,94],{"class":86},[80,968,969],{"class":97}," 'dayjs\u002Fplugin\u002FisSameOrAfter'\n",[80,971,972,974,977,979],{"class":82,"line":109},[80,973,87],{"class":86},[80,975,976],{"class":90}," isSameOrBefore ",[80,978,94],{"class":86},[80,980,981],{"class":97}," 'dayjs\u002Fplugin\u002FisSameOrBefore'\n",[80,983,984],{"class":82,"line":116},[80,985,113],{"emptyLinePlaceholder":112},[80,987,988,990,992],{"class":82,"line":123},[80,989,126],{"class":90},[80,991,353],{"class":129},[80,993,994],{"class":90},"(isSameOrAfter)\n",[80,996,997,999,1001],{"class":82,"line":142},[80,998,126],{"class":90},[80,1000,353],{"class":129},[80,1002,1003],{"class":90},"(isSameOrBefore)\n",[80,1005,1006],{"class":82,"line":147},[80,1007,113],{"emptyLinePlaceholder":112},[80,1009,1010,1012,1015,1017,1019,1021,1023],{"class":82,"line":175},[80,1011,365],{"class":86},[80,1013,1014],{"class":368}," start",[80,1016,372],{"class":86},[80,1018,849],{"class":129},[80,1020,133],{"class":90},[80,1022,385],{"class":97},[80,1024,139],{"class":90},[80,1026,1027,1029,1032,1034,1036,1038,1040],{"class":82,"line":260},[80,1028,365],{"class":86},[80,1030,1031],{"class":368}," end",[80,1033,372],{"class":86},[80,1035,849],{"class":129},[80,1037,133],{"class":90},[80,1039,408],{"class":97},[80,1041,139],{"class":90},[80,1043,1044,1046,1049,1051,1053,1055,1057],{"class":82,"line":265},[80,1045,365],{"class":86},[80,1047,1048],{"class":368}," target",[80,1050,372],{"class":86},[80,1052,849],{"class":129},[80,1054,133],{"class":90},[80,1056,397],{"class":97},[80,1058,139],{"class":90},[80,1060,1061],{"class":82,"line":271},[80,1062,113],{"emptyLinePlaceholder":112},[80,1064,1065],{"class":82,"line":302},[80,1066,1067],{"class":119},"\u002F\u002F 期間内かチェック\n",[80,1069,1070,1073,1076,1079,1082,1085,1088,1091],{"class":82,"line":446},[80,1071,1072],{"class":86},"if",[80,1074,1075],{"class":90}," (target.",[80,1077,1078],{"class":129},"isSameOrAfter",[80,1080,1081],{"class":90},"(start) ",[80,1083,1084],{"class":86},"&&",[80,1086,1087],{"class":90}," target.",[80,1089,1090],{"class":129},"isSameOrBefore",[80,1092,1093],{"class":90},"(end)) {\n",[80,1095,1096,1099,1101,1103,1106],{"class":82,"line":452},[80,1097,1098],{"class":90},"  console.",[80,1100,153],{"class":129},[80,1102,133],{"class":90},[80,1104,1105],{"class":97},"'期間内です'",[80,1107,139],{"class":90},[80,1109,1110],{"class":82,"line":457},[80,1111,1112],{"class":90},"}\n",[10,1114,1115],{"id":1115},"実践的な設定例",[15,1117,1118],{},"プロジェクト全体で使うDay.jsの設定をモジュール化します。",[70,1120,1122],{"className":72,"code":1121,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\n\n\u002F\u002F ロケール\nimport 'dayjs\u002Flocale\u002Fja'\n\n\u002F\u002F プラグイン\nimport utc from 'dayjs\u002Fplugin\u002Futc'\nimport timezone from 'dayjs\u002Fplugin\u002Ftimezone'\nimport minMax from 'dayjs\u002Fplugin\u002FminMax'\nimport relativeTime from 'dayjs\u002Fplugin\u002FrelativeTime'\nimport isSameOrAfter from 'dayjs\u002Fplugin\u002FisSameOrAfter'\nimport isSameOrBefore from 'dayjs\u002Fplugin\u002FisSameOrBefore'\nimport customParseFormat from 'dayjs\u002Fplugin\u002FcustomParseFormat'\n\n\u002F\u002F プラグインを登録\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.extend(minMax)\ndayjs.extend(relativeTime)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\ndayjs.extend(customParseFormat)\n\n\u002F\u002F 日本語ロケールを設定\ndayjs.locale('ja')\n\n\u002F\u002F デフォルトタイムゾーンを日本時間に設定\ndayjs.tz.setDefault('Asia\u002FTokyo')\n\nexport default dayjs\n",[77,1123,1124,1134,1138,1143,1149,1153,1158,1168,1178,1188,1198,1208,1218,1228,1232,1237,1245,1254,1263,1272,1281,1290,1299,1304,1309,1322,1327,1333,1348,1353],{"__ignoreMap":75},[80,1125,1126,1128,1130,1132],{"class":82,"line":83},[80,1127,87],{"class":86},[80,1129,91],{"class":90},[80,1131,94],{"class":86},[80,1133,98],{"class":97},[80,1135,1136],{"class":82,"line":101},[80,1137,113],{"emptyLinePlaceholder":112},[80,1139,1140],{"class":82,"line":109},[80,1141,1142],{"class":119},"\u002F\u002F ロケール\n",[80,1144,1145,1147],{"class":82,"line":116},[80,1146,87],{"class":86},[80,1148,106],{"class":97},[80,1150,1151],{"class":82,"line":123},[80,1152,113],{"emptyLinePlaceholder":112},[80,1154,1155],{"class":82,"line":142},[80,1156,1157],{"class":119},"\u002F\u002F プラグイン\n",[80,1159,1160,1162,1164,1166],{"class":82,"line":147},[80,1161,87],{"class":86},[80,1163,508],{"class":90},[80,1165,94],{"class":86},[80,1167,513],{"class":97},[80,1169,1170,1172,1174,1176],{"class":82,"line":175},[80,1171,87],{"class":86},[80,1173,520],{"class":90},[80,1175,94],{"class":86},[80,1177,525],{"class":97},[80,1179,1180,1182,1184,1186],{"class":82,"line":260},[80,1181,87],{"class":86},[80,1183,337],{"class":90},[80,1185,94],{"class":86},[80,1187,342],{"class":97},[80,1189,1190,1192,1194,1196],{"class":82,"line":265},[80,1191,87],{"class":86},[80,1193,664],{"class":90},[80,1195,94],{"class":86},[80,1197,669],{"class":97},[80,1199,1200,1202,1204,1206],{"class":82,"line":271},[80,1201,87],{"class":86},[80,1203,964],{"class":90},[80,1205,94],{"class":86},[80,1207,969],{"class":97},[80,1209,1210,1212,1214,1216],{"class":82,"line":302},[80,1211,87],{"class":86},[80,1213,976],{"class":90},[80,1215,94],{"class":86},[80,1217,981],{"class":97},[80,1219,1220,1222,1224,1226],{"class":82,"line":446},[80,1221,87],{"class":86},[80,1223,815],{"class":90},[80,1225,94],{"class":86},[80,1227,820],{"class":97},[80,1229,1230],{"class":82,"line":452},[80,1231,113],{"emptyLinePlaceholder":112},[80,1233,1234],{"class":82,"line":457},[80,1235,1236],{"class":119},"\u002F\u002F プラグインを登録\n",[80,1238,1239,1241,1243],{"class":82,"line":479},[80,1240,126],{"class":90},[80,1242,353],{"class":129},[80,1244,538],{"class":90},[80,1246,1248,1250,1252],{"class":82,"line":1247},17,[80,1249,126],{"class":90},[80,1251,353],{"class":129},[80,1253,547],{"class":90},[80,1255,1257,1259,1261],{"class":82,"line":1256},18,[80,1258,126],{"class":90},[80,1260,353],{"class":129},[80,1262,356],{"class":90},[80,1264,1266,1268,1270],{"class":82,"line":1265},19,[80,1267,126],{"class":90},[80,1269,353],{"class":129},[80,1271,688],{"class":90},[80,1273,1275,1277,1279],{"class":82,"line":1274},20,[80,1276,126],{"class":90},[80,1278,353],{"class":129},[80,1280,994],{"class":90},[80,1282,1284,1286,1288],{"class":82,"line":1283},21,[80,1285,126],{"class":90},[80,1287,353],{"class":129},[80,1289,1003],{"class":90},[80,1291,1293,1295,1297],{"class":82,"line":1292},22,[80,1294,126],{"class":90},[80,1296,353],{"class":129},[80,1298,833],{"class":90},[80,1300,1302],{"class":82,"line":1301},23,[80,1303,113],{"emptyLinePlaceholder":112},[80,1305,1307],{"class":82,"line":1306},24,[80,1308,120],{"class":119},[80,1310,1312,1314,1316,1318,1320],{"class":82,"line":1311},25,[80,1313,126],{"class":90},[80,1315,130],{"class":129},[80,1317,133],{"class":90},[80,1319,136],{"class":97},[80,1321,139],{"class":90},[80,1323,1325],{"class":82,"line":1324},26,[80,1326,113],{"emptyLinePlaceholder":112},[80,1328,1330],{"class":82,"line":1329},27,[80,1331,1332],{"class":119},"\u002F\u002F デフォルトタイムゾーンを日本時間に設定\n",[80,1334,1336,1339,1342,1344,1346],{"class":82,"line":1335},28,[80,1337,1338],{"class":90},"dayjs.tz.",[80,1340,1341],{"class":129},"setDefault",[80,1343,133],{"class":90},[80,1345,582],{"class":97},[80,1347,139],{"class":90},[80,1349,1351],{"class":82,"line":1350},29,[80,1352,113],{"emptyLinePlaceholder":112},[80,1354,1356,1359,1362],{"class":82,"line":1355},30,[80,1357,1358],{"class":86},"export",[80,1360,1361],{"class":86}," default",[80,1363,1364],{"class":90}," dayjs\n",[10,1366,1367],{"id":1367},"よくあるユースケース",[66,1369,1370],{"id":1370},"営業日の計算",[70,1372,1374],{"className":72,"code":1373,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport isoWeek from 'dayjs\u002Fplugin\u002FisoWeek'\n\ndayjs.extend(isoWeek)\n\nfunction isBusinessDay(date: dayjs.Dayjs): boolean {\n  const dayOfWeek = date.isoWeekday()\n  return dayOfWeek >= 1 && dayOfWeek \u003C= 5 \u002F\u002F 月曜(1)〜金曜(5)\n}\n\nconst today = dayjs()\nconsole.log(isBusinessDay(today) ? '営業日' : '休日')\n",[77,1375,1376,1386,1398,1402,1411,1415,1451,1470,1498,1502,1506,1519],{"__ignoreMap":75},[80,1377,1378,1380,1382,1384],{"class":82,"line":83},[80,1379,87],{"class":86},[80,1381,91],{"class":90},[80,1383,94],{"class":86},[80,1385,98],{"class":97},[80,1387,1388,1390,1393,1395],{"class":82,"line":101},[80,1389,87],{"class":86},[80,1391,1392],{"class":90}," isoWeek ",[80,1394,94],{"class":86},[80,1396,1397],{"class":97}," 'dayjs\u002Fplugin\u002FisoWeek'\n",[80,1399,1400],{"class":82,"line":109},[80,1401,113],{"emptyLinePlaceholder":112},[80,1403,1404,1406,1408],{"class":82,"line":116},[80,1405,126],{"class":90},[80,1407,353],{"class":129},[80,1409,1410],{"class":90},"(isoWeek)\n",[80,1412,1413],{"class":82,"line":123},[80,1414,113],{"emptyLinePlaceholder":112},[80,1416,1417,1420,1423,1425,1429,1432,1434,1437,1440,1443,1445,1448],{"class":82,"line":142},[80,1418,1419],{"class":86},"function",[80,1421,1422],{"class":129}," isBusinessDay",[80,1424,133],{"class":90},[80,1426,1428],{"class":1427},"s4XuR","date",[80,1430,1431],{"class":86},":",[80,1433,849],{"class":129},[80,1435,1436],{"class":90},".",[80,1438,1439],{"class":129},"Dayjs",[80,1441,1442],{"class":90},")",[80,1444,1431],{"class":86},[80,1446,1447],{"class":368}," boolean",[80,1449,1450],{"class":90}," {\n",[80,1452,1453,1456,1459,1461,1464,1467],{"class":82,"line":147},[80,1454,1455],{"class":86},"  const",[80,1457,1458],{"class":368}," dayOfWeek",[80,1460,372],{"class":86},[80,1462,1463],{"class":90}," date.",[80,1465,1466],{"class":129},"isoWeekday",[80,1468,1469],{"class":90},"()\n",[80,1471,1472,1475,1478,1481,1484,1487,1489,1492,1495],{"class":82,"line":175},[80,1473,1474],{"class":86},"  return",[80,1476,1477],{"class":90}," dayOfWeek ",[80,1479,1480],{"class":86},">=",[80,1482,1483],{"class":368}," 1",[80,1485,1486],{"class":86}," &&",[80,1488,1477],{"class":90},[80,1490,1491],{"class":86},"\u003C=",[80,1493,1494],{"class":368}," 5",[80,1496,1497],{"class":119}," \u002F\u002F 月曜(1)〜金曜(5)\n",[80,1499,1500],{"class":82,"line":260},[80,1501,1112],{"class":90},[80,1503,1504],{"class":82,"line":265},[80,1505,113],{"emptyLinePlaceholder":112},[80,1507,1508,1510,1513,1515,1517],{"class":82,"line":271},[80,1509,365],{"class":86},[80,1511,1512],{"class":368}," today",[80,1514,372],{"class":86},[80,1516,849],{"class":129},[80,1518,1469],{"class":90},[80,1520,1521,1523,1525,1527,1530,1533,1536,1539,1542,1545],{"class":82,"line":302},[80,1522,150],{"class":90},[80,1524,153],{"class":129},[80,1526,133],{"class":90},[80,1528,1529],{"class":129},"isBusinessDay",[80,1531,1532],{"class":90},"(today) ",[80,1534,1535],{"class":86},"?",[80,1537,1538],{"class":97}," '営業日'",[80,1540,1541],{"class":86}," :",[80,1543,1544],{"class":97}," '休日'",[80,1546,139],{"class":90},[66,1548,1549],{"id":1549},"年齢計算",[70,1551,1553],{"className":72,"code":1552,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\n\nfunction calculateAge(birthDate: string): number {\n  const birth = dayjs(birthDate)\n  const today = dayjs()\n  return today.diff(birth, 'year')\n}\n\nconsole.log(calculateAge('1990-01-01'))\n\u002F\u002F 出力: 31 (2021年時点)\n",[77,1554,1555,1565,1569,1595,1609,1621,1639,1643,1647,1665],{"__ignoreMap":75},[80,1556,1557,1559,1561,1563],{"class":82,"line":83},[80,1558,87],{"class":86},[80,1560,91],{"class":90},[80,1562,94],{"class":86},[80,1564,98],{"class":97},[80,1566,1567],{"class":82,"line":101},[80,1568,113],{"emptyLinePlaceholder":112},[80,1570,1571,1573,1576,1578,1581,1583,1586,1588,1590,1593],{"class":82,"line":109},[80,1572,1419],{"class":86},[80,1574,1575],{"class":129}," calculateAge",[80,1577,133],{"class":90},[80,1579,1580],{"class":1427},"birthDate",[80,1582,1431],{"class":86},[80,1584,1585],{"class":368}," string",[80,1587,1442],{"class":90},[80,1589,1431],{"class":86},[80,1591,1592],{"class":368}," number",[80,1594,1450],{"class":90},[80,1596,1597,1599,1602,1604,1606],{"class":82,"line":116},[80,1598,1455],{"class":86},[80,1600,1601],{"class":368}," birth",[80,1603,372],{"class":86},[80,1605,849],{"class":129},[80,1607,1608],{"class":90},"(birthDate)\n",[80,1610,1611,1613,1615,1617,1619],{"class":82,"line":123},[80,1612,1455],{"class":86},[80,1614,1512],{"class":368},[80,1616,372],{"class":86},[80,1618,849],{"class":129},[80,1620,1469],{"class":90},[80,1622,1623,1625,1628,1631,1634,1637],{"class":82,"line":142},[80,1624,1474],{"class":86},[80,1626,1627],{"class":90}," today.",[80,1629,1630],{"class":129},"diff",[80,1632,1633],{"class":90},"(birth, ",[80,1635,1636],{"class":97},"'year'",[80,1638,139],{"class":90},[80,1640,1641],{"class":82,"line":147},[80,1642,1112],{"class":90},[80,1644,1645],{"class":82,"line":175},[80,1646,113],{"emptyLinePlaceholder":112},[80,1648,1649,1651,1653,1655,1658,1660,1663],{"class":82,"line":260},[80,1650,150],{"class":90},[80,1652,153],{"class":129},[80,1654,133],{"class":90},[80,1656,1657],{"class":129},"calculateAge",[80,1659,133],{"class":90},[80,1661,1662],{"class":97},"'1990-01-01'",[80,1664,172],{"class":90},[80,1666,1667],{"class":82,"line":265},[80,1668,1669],{"class":119},"\u002F\u002F 出力: 31 (2021年時点)\n",[66,1671,1672],{"id":1672},"期間の重複チェック",[70,1674,1676],{"className":72,"code":1675,"language":74,"meta":75,"style":75},"import dayjs from 'dayjs'\nimport isSameOrAfter from 'dayjs\u002Fplugin\u002FisSameOrAfter'\nimport isSameOrBefore from 'dayjs\u002Fplugin\u002FisSameOrBefore'\n\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nfunction isOverlapping(\n  start1: dayjs.Dayjs,\n  end1: dayjs.Dayjs,\n  start2: dayjs.Dayjs,\n  end2: dayjs.Dayjs\n): boolean {\n  return start1.isSameOrBefore(end2) && end1.isSameOrAfter(start2)\n}\n\nconst period1Start = dayjs('2021-11-01')\nconst period1End = dayjs('2021-11-15')\nconst period2Start = dayjs('2021-11-10')\nconst period2End = dayjs('2021-11-20')\n\nconsole.log(isOverlapping(period1Start, period1End, period2Start, period2End))\n\u002F\u002F 出力: true (重複している)\n",[77,1677,1678,1688,1698,1708,1712,1720,1728,1732,1742,1758,1773,1788,1802,1812,1834,1838,1842,1859,1876,1894,1912,1916,1930],{"__ignoreMap":75},[80,1679,1680,1682,1684,1686],{"class":82,"line":83},[80,1681,87],{"class":86},[80,1683,91],{"class":90},[80,1685,94],{"class":86},[80,1687,98],{"class":97},[80,1689,1690,1692,1694,1696],{"class":82,"line":101},[80,1691,87],{"class":86},[80,1693,964],{"class":90},[80,1695,94],{"class":86},[80,1697,969],{"class":97},[80,1699,1700,1702,1704,1706],{"class":82,"line":109},[80,1701,87],{"class":86},[80,1703,976],{"class":90},[80,1705,94],{"class":86},[80,1707,981],{"class":97},[80,1709,1710],{"class":82,"line":116},[80,1711,113],{"emptyLinePlaceholder":112},[80,1713,1714,1716,1718],{"class":82,"line":123},[80,1715,126],{"class":90},[80,1717,353],{"class":129},[80,1719,994],{"class":90},[80,1721,1722,1724,1726],{"class":82,"line":142},[80,1723,126],{"class":90},[80,1725,353],{"class":129},[80,1727,1003],{"class":90},[80,1729,1730],{"class":82,"line":147},[80,1731,113],{"emptyLinePlaceholder":112},[80,1733,1734,1736,1739],{"class":82,"line":175},[80,1735,1419],{"class":86},[80,1737,1738],{"class":129}," isOverlapping",[80,1740,1741],{"class":90},"(\n",[80,1743,1744,1747,1749,1751,1753,1755],{"class":82,"line":260},[80,1745,1746],{"class":1427},"  start1",[80,1748,1431],{"class":86},[80,1750,849],{"class":129},[80,1752,1436],{"class":90},[80,1754,1439],{"class":129},[80,1756,1757],{"class":90},",\n",[80,1759,1760,1763,1765,1767,1769,1771],{"class":82,"line":265},[80,1761,1762],{"class":1427},"  end1",[80,1764,1431],{"class":86},[80,1766,849],{"class":129},[80,1768,1436],{"class":90},[80,1770,1439],{"class":129},[80,1772,1757],{"class":90},[80,1774,1775,1778,1780,1782,1784,1786],{"class":82,"line":271},[80,1776,1777],{"class":1427},"  start2",[80,1779,1431],{"class":86},[80,1781,849],{"class":129},[80,1783,1436],{"class":90},[80,1785,1439],{"class":129},[80,1787,1757],{"class":90},[80,1789,1790,1793,1795,1797,1799],{"class":82,"line":302},[80,1791,1792],{"class":1427},"  end2",[80,1794,1431],{"class":86},[80,1796,849],{"class":129},[80,1798,1436],{"class":90},[80,1800,1801],{"class":129},"Dayjs\n",[80,1803,1804,1806,1808,1810],{"class":82,"line":446},[80,1805,1442],{"class":90},[80,1807,1431],{"class":86},[80,1809,1447],{"class":368},[80,1811,1450],{"class":90},[80,1813,1814,1816,1819,1821,1824,1826,1829,1831],{"class":82,"line":452},[80,1815,1474],{"class":86},[80,1817,1818],{"class":90}," start1.",[80,1820,1090],{"class":129},[80,1822,1823],{"class":90},"(end2) ",[80,1825,1084],{"class":86},[80,1827,1828],{"class":90}," end1.",[80,1830,1078],{"class":129},[80,1832,1833],{"class":90},"(start2)\n",[80,1835,1836],{"class":82,"line":457},[80,1837,1112],{"class":90},[80,1839,1840],{"class":82,"line":479},[80,1841,113],{"emptyLinePlaceholder":112},[80,1843,1844,1846,1849,1851,1853,1855,1857],{"class":82,"line":1247},[80,1845,365],{"class":86},[80,1847,1848],{"class":368}," period1Start",[80,1850,372],{"class":86},[80,1852,849],{"class":129},[80,1854,133],{"class":90},[80,1856,385],{"class":97},[80,1858,139],{"class":90},[80,1860,1861,1863,1866,1868,1870,1872,1874],{"class":82,"line":1256},[80,1862,365],{"class":86},[80,1864,1865],{"class":368}," period1End",[80,1867,372],{"class":86},[80,1869,849],{"class":129},[80,1871,133],{"class":90},[80,1873,397],{"class":97},[80,1875,139],{"class":90},[80,1877,1878,1880,1883,1885,1887,1889,1892],{"class":82,"line":1265},[80,1879,365],{"class":86},[80,1881,1882],{"class":368}," period2Start",[80,1884,372],{"class":86},[80,1886,849],{"class":129},[80,1888,133],{"class":90},[80,1890,1891],{"class":97},"'2021-11-10'",[80,1893,139],{"class":90},[80,1895,1896,1898,1901,1903,1905,1907,1910],{"class":82,"line":1274},[80,1897,365],{"class":86},[80,1899,1900],{"class":368}," period2End",[80,1902,372],{"class":86},[80,1904,849],{"class":129},[80,1906,133],{"class":90},[80,1908,1909],{"class":97},"'2021-11-20'",[80,1911,139],{"class":90},[80,1913,1914],{"class":82,"line":1283},[80,1915,113],{"emptyLinePlaceholder":112},[80,1917,1918,1920,1922,1924,1927],{"class":82,"line":1292},[80,1919,150],{"class":90},[80,1921,153],{"class":129},[80,1923,133],{"class":90},[80,1925,1926],{"class":129},"isOverlapping",[80,1928,1929],{"class":90},"(period1Start, period1End, period2Start, period2End))\n",[80,1931,1932],{"class":82,"line":1301},[80,1933,1934],{"class":119},"\u002F\u002F 出力: true (重複している)\n",[10,1936,1938],{"id":1937},"typescriptでの型定義","TypeScriptでの型定義",[70,1940,1942],{"className":72,"code":1941,"language":74,"meta":75,"style":75},"import dayjs, { Dayjs } from 'dayjs'\n\ninterface DateRange {\n  start: Dayjs\n  end: Dayjs\n}\n\nfunction formatDateRange(range: DateRange): string {\n  return `${range.start.format('YYYY\u002FMM\u002FDD')} 〜 ${range.end.format('YYYY\u002FMM\u002FDD')}`\n}\n\nconst range: DateRange = {\n  start: dayjs('2021-11-01'),\n  end: dayjs('2021-11-30'),\n}\n\nconsole.log(formatDateRange(range))\n\u002F\u002F 出力: 2021\u002F11\u002F01 〜 2021\u002F11\u002F30\n",[77,1943,1944,1955,1959,1969,1979,1988,1992,1996,2020,2067,2071,2075,2090,2103,2116,2120,2124,2138],{"__ignoreMap":75},[80,1945,1946,1948,1951,1953],{"class":82,"line":83},[80,1947,87],{"class":86},[80,1949,1950],{"class":90}," dayjs, { Dayjs } ",[80,1952,94],{"class":86},[80,1954,98],{"class":97},[80,1956,1957],{"class":82,"line":101},[80,1958,113],{"emptyLinePlaceholder":112},[80,1960,1961,1964,1967],{"class":82,"line":109},[80,1962,1963],{"class":86},"interface",[80,1965,1966],{"class":129}," DateRange",[80,1968,1450],{"class":90},[80,1970,1971,1974,1976],{"class":82,"line":116},[80,1972,1973],{"class":1427},"  start",[80,1975,1431],{"class":86},[80,1977,1978],{"class":129}," Dayjs\n",[80,1980,1981,1984,1986],{"class":82,"line":123},[80,1982,1983],{"class":1427},"  end",[80,1985,1431],{"class":86},[80,1987,1978],{"class":129},[80,1989,1990],{"class":82,"line":142},[80,1991,1112],{"class":90},[80,1993,1994],{"class":82,"line":147},[80,1995,113],{"emptyLinePlaceholder":112},[80,1997,1998,2000,2003,2005,2008,2010,2012,2014,2016,2018],{"class":82,"line":175},[80,1999,1419],{"class":86},[80,2001,2002],{"class":129}," formatDateRange",[80,2004,133],{"class":90},[80,2006,2007],{"class":1427},"range",[80,2009,1431],{"class":86},[80,2011,1966],{"class":129},[80,2013,1442],{"class":90},[80,2015,1431],{"class":86},[80,2017,1585],{"class":368},[80,2019,1450],{"class":90},[80,2021,2022,2024,2027,2029,2031,2034,2036,2038,2040,2042,2044,2047,2049,2051,2054,2056,2058,2060,2062,2064],{"class":82,"line":260},[80,2023,1474],{"class":86},[80,2025,2026],{"class":97}," `${",[80,2028,2007],{"class":90},[80,2030,1436],{"class":97},[80,2032,2033],{"class":90},"start",[80,2035,1436],{"class":97},[80,2037,164],{"class":129},[80,2039,133],{"class":97},[80,2041,859],{"class":97},[80,2043,1442],{"class":97},[80,2045,2046],{"class":97},"} 〜 ${",[80,2048,2007],{"class":90},[80,2050,1436],{"class":97},[80,2052,2053],{"class":90},"end",[80,2055,1436],{"class":97},[80,2057,164],{"class":129},[80,2059,133],{"class":97},[80,2061,859],{"class":97},[80,2063,1442],{"class":97},[80,2065,2066],{"class":97},"}`\n",[80,2068,2069],{"class":82,"line":265},[80,2070,1112],{"class":90},[80,2072,2073],{"class":82,"line":271},[80,2074,113],{"emptyLinePlaceholder":112},[80,2076,2077,2079,2082,2084,2086,2088],{"class":82,"line":302},[80,2078,365],{"class":86},[80,2080,2081],{"class":368}," range",[80,2083,1431],{"class":86},[80,2085,1966],{"class":129},[80,2087,372],{"class":86},[80,2089,1450],{"class":90},[80,2091,2092,2095,2097,2099,2101],{"class":82,"line":446},[80,2093,2094],{"class":90},"  start: ",[80,2096,158],{"class":129},[80,2098,133],{"class":90},[80,2100,385],{"class":97},[80,2102,388],{"class":90},[80,2104,2105,2108,2110,2112,2114],{"class":82,"line":452},[80,2106,2107],{"class":90},"  end: ",[80,2109,158],{"class":129},[80,2111,133],{"class":90},[80,2113,408],{"class":97},[80,2115,388],{"class":90},[80,2117,2118],{"class":82,"line":457},[80,2119,1112],{"class":90},[80,2121,2122],{"class":82,"line":479},[80,2123,113],{"emptyLinePlaceholder":112},[80,2125,2126,2128,2130,2132,2135],{"class":82,"line":1247},[80,2127,150],{"class":90},[80,2129,153],{"class":129},[80,2131,133],{"class":90},[80,2133,2134],{"class":129},"formatDateRange",[80,2136,2137],{"class":90},"(range))\n",[80,2139,2140],{"class":82,"line":1256},[80,2141,2142],{"class":119},"\u002F\u002F 出力: 2021\u002F11\u002F01 〜 2021\u002F11\u002F30\n",[10,2144,2145],{"id":2145},"まとめ",[15,2147,2148],{},"Day.jsを効果的に使うためのポイントは次の通りです。",[32,2150,2151,2160,2166,2172],{},[35,2152,2153,2155,2156,2159],{},[28,2154,61],{}," 日本語表示にするために",[77,2157,2158],{},"dayjs.locale('ja')","を設定",[35,2161,2162,2165],{},[28,2163,2164],{},"プラグイン"," 必要な機能だけをインポートして軽量に保つ",[35,2167,2168,2171],{},[28,2169,2170],{},"タイムゾーン"," UTC\u002FTimezoneプラグインで正確な時刻を扱う",[35,2173,2174,2177],{},[28,2175,2176],{},"型安全性"," TypeScriptと組み合わせて型安全な日付処理を実現",[15,2179,2180],{},"軽量かつ強力なDay.jsで、日付・時刻の処理を効率化できます。",[66,2182,2183],{"id":2183},"参考リンク",[32,2185,2186,2192,2199],{},[35,2187,2188],{},[18,2189,2191],{"href":20,"rel":2190},[22],"Day.js 公式ドキュメント",[35,2193,2194],{},[18,2195,2198],{"href":2196,"rel":2197},"https:\u002F\u002Fday.js.org\u002Fdocs\u002Fen\u002Fplugin\u002Fplugin",[22],"プラグイン一覧",[35,2200,2201],{},[18,2202,2205],{"href":2203,"rel":2204},"https:\u002F\u002Fgithub.com\u002Fiamkun\u002Fdayjs\u002Ftree\u002Fdev\u002Fsrc\u002Flocale",[22],"ロケール一覧",[2207,2208,2209],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":75,"searchDepth":101,"depth":101,"links":2211},[2212,2213,2217,2224,2225,2230,2231],{"id":12,"depth":101,"text":13},{"id":61,"depth":101,"text":61,"children":2214},[2215,2216],{"id":68,"depth":109,"text":68},{"id":181,"depth":109,"text":182},{"id":308,"depth":101,"text":308,"children":2218},[2219,2220,2221,2222,2223],{"id":314,"depth":109,"text":315},{"id":485,"depth":109,"text":486},{"id":641,"depth":109,"text":642},{"id":792,"depth":109,"text":793},{"id":941,"depth":109,"text":942},{"id":1115,"depth":101,"text":1115},{"id":1367,"depth":101,"text":1367,"children":2226},[2227,2228,2229],{"id":1370,"depth":109,"text":1370},{"id":1549,"depth":109,"text":1549},{"id":1672,"depth":109,"text":1672},{"id":1937,"depth":101,"text":1938},{"id":2145,"depth":101,"text":2145,"children":2232},[2233],{"id":2183,"depth":109,"text":2183},"2021-11-29","Day.jsで日本語ロケールの設定方法と、よく使うプラグインの導入・活用方法について解説します。","md",{"tags":2238},[158,2239,2240],"javascript","datetime","\u002Fblog\u002Fdayjs-japanese-locale",{"title":5,"description":2235},"blog\u002Fdayjs-japanese-locale","hSkUoG99_Q54eCADiudr1I_ABN0LFJX1TNrfzjVXxo4",1773664054191]