😍

ZennでGitHubのコードが埋め込めるということで

2022/04/28に公開

GitHub

Zenn

tech

実際に埋め込む

こんな感じにGitHubのソースコードのリンクを取得します.

あとは貼るだけ↓

長いとscrollされるんですね.いい感じです.

ちなみにコードブロックはこちらです

type InputDateFormatProps = {
  date?: Date | string;
  format?: string;
};

/**
 * 引数がなければ, 現在時刻を 'YYYY/MM/DD hh:mm:ss' のフォーマットで返す
 * @param params.date type: Date | string | undefined
 * @param params.format type: string('YYYY/MM/DD hh:mm:ss') | undefined
 * @returns type: string
 */
export const dateFormatted = (params?: InputDateFormatProps): string => {
  let date = params?.date ? params.date : new Date();
  const format = params?.format ? params.format : 'YYYY/MM/DD hh:mm';

  if (typeof date === 'string') {
    date = new Date(date);
  }
  let _format = format;
  _format = _format.replace(/YYYY/, date.getFullYear().toString());
  _format = _format.replace(/MM/, ('0' + (date.getMonth() + 1)).slice(-2));
  _format = _format.replace(/DD/, ('0' + date.getDate()).slice(-2));
  _format = _format.replace(/hh/, ('0' + date.getHours()).slice(-2));
  _format = _format.replace(/mm/, ('0' + date.getMinutes()).slice(-2));
  return _format;
};

ちなみに,これは僕が普段使っているJavaScriptのDateをいい感じに変換してくれる関数です.

実際に埋め込む

Discussion