pin-diary-6/template

日付の形式やリンクの形など、日記のformatに関わるものはすべてこのページに切り出してある

interface

makeDiary: (date: Date) => { title: string; header: string[]; footer: string[]; }

日記を作る

isOldDiary: (title: string, today: Date) => boolean

バグ

1行目から既に書かれている既存のページに日記のformatを挿入した場合、正しく挿入されない

型チェック用command

code:sh

code:mod.ts

import {

getDay,

getWeek,

addDays,

subDays,

subYears,

getYear,

lightFormat,

getDayOfYear,

getDaysInYear,

intervalToDuration,

} from "./deps.ts";

const format = "yyyy/MM/dd";

export const makeDiary = (date: Date): {

title: string;

header: string[];

footer: string[];

} => {

/** 井戸端で日記が始まってからの年数 */

const intervalY = intervalToDuration({ start: new Date(2020, 9, 9), end: date }).years;

return {

title: toTitle(date),

日記の先頭にいれるやつ

今までのheader

https://gyazo.com/0d244022b03f376305b9be2e2db6ba27

消すもの

アイコン

wikipediaリンク

残すもの

昨日・明日へのリンク？

使っている人が多そうなら復活させようかな

そもそも使ってなかったりするがキニシナイ

→前日の日記の追記を見たいときに下までスクロールするのが面倒だと感じることがたまにある

まあ検索しろという話かもしれないが…日付の検索は地味に面倒

曜日

経過

入れるもの

みたくやると、経過がわかっていいのではないか？

12:45をデジタル時計で見るのとアナログ時計で見るのとでは全然受け取る印象が違うのと同様

週番号も入れた

code:mod.ts

header: [

`${getYear(date)}年 ${

(getDayOfYear(date) * 100 / getDaysInYear(date)).toFixed(2)

}％経過`,

],

と思ってやってみたけど変化がなかったので戻しておく。

何故だろう。

あー……、個人的な問題だ。

もう一回やってみよう

code:removed.ts

header: [

`${getYear(date)}年 ${

(getDayOfYear(date) * 100 / getDaysInYear(date)).toFixed(2)

}％経過`,

"",

"今日のn年前",

),

],

日記の下に入れるやつ

こっちにはアイコンを残しておく？

どうしようかな

下に表示するだけなら、関連ページに現れないのでそんなに重くならないはず

今日の部分に色を付けたい

templateでPlantUMLのリンクを作ってしまえばできる

表記ゆれを誘発しているだけな気がする

しかもほとんど使わなかった

今までのfooter

https://gyazo.com/081d6967ca1aa640a7c1bc0900a94e39

code:removed.ts

footer: [

lightFormat(date, format)

],

code:mod.ts

footer: [

lightFormat(date, format)

],

};

}

const youbiLine = (date: Date): string => {

const day = getDay(date);

).join("");

};

code:mod.ts

const dateRegExp = /^\d{4}\/\d{2}\/\d{2}$/;

export const isOldDiary = (title: string, today: Date): boolean => {

if (!dateRegExp.test(title)) return false;

return toTitle(today) !== title;

};

code:mod.ts

const toTitle = (date: Date): string => lightFormat(date, format);

code:deps.ts

// 一年の経過率を計算するのに必要

// 日付計算に使う

// 文字列変換に使う

export { default as intervalToDuration } from "./intervalToDuration.ts";

code:intervalToDuration.ts

// and fix type declaration errors

import type {

Duration,

Interval,

/**

* @name intervalToDuration

* @category Common Helpers

* @summary Convert interval to duration

*

* @description

* Convert a interval object to a duration object.

*

* @param {Interval} interval - the interval to convert to duration

*

* @returns {Duration} The duration Object

* @throws {TypeError} Requires 2 arguments

*

* @example

* // Get the duration between January 15, 1929 and April 4, 1968.

* intervalToDuration({

* start: new Date(1929, 0, 15, 12, 0, 0),

* end: new Date(1968, 3, 4, 19, 5, 0)

* })

* // => { years: 39, months: 2, days: 20, hours: 7, minutes: 5, seconds: 0 }

*/

export default function intervalToDuration({ start, end }: Interval): Duration {

requiredArgs(1, arguments);

const dateLeft = toDate(start);

const dateRight = toDate(end);

if (!isValid(dateLeft)) {

throw new RangeError("Start Date is invalid");

}

if (!isValid(dateRight)) {

throw new RangeError("End Date is invalid");

}

const duration = {

years: 0,

months: 0,

days: 0,

hours: 0,

minutes: 0,

seconds: 0,

};

const sign = compareAsc(dateLeft, dateRight);

duration.years = Math.abs(differenceInYears(dateLeft, dateRight));

const remainingMonths = sub(dateLeft, { years: sign * duration.years });

duration.months = Math.abs(differenceInMonths(remainingMonths, dateRight));

const remainingDays = sub(remainingMonths, {

months: sign * duration.months,

});

duration.days = Math.abs(differenceInDays(remainingDays, dateRight));

const remainingHours = sub(remainingDays, { days: sign * duration.days });

duration.hours = Math.abs(differenceInHours(remainingHours, dateRight));

const remainingMinutes = sub(remainingHours, {

hours: sign * duration.hours,

});

duration.minutes = Math.abs(differenceInMinutes(remainingMinutes, dateRight));

const remainingSeconds = sub(remainingMinutes, {

minutes: sign * duration.minutes,

});

duration.seconds = Math.abs(differenceInSeconds(remainingSeconds, dateRight));

return duration;

}

code:mod_test.ts

import { isOldDiary } from "./mod.ts";

import { asserts } from "./deps_test.ts";

Deno.test("isOldDiary()", () => {

assert(!isOldDiary("2022/02/24aa", new Date(2022, 1, 24)));

assert(!isOldDiary("2022/02/24", new Date(2022, 1, 24)));

assert(isOldDiary("2022/02/24", new Date(2022, 1, 23)));

assert(isOldDiary("2022/02/24", new Date(2022, 1, 25)));

});

code:deps_test.ts