HTML | 2020-05-24 08:03

特殊文字をエスケープせずにHTMLのソースコードをそのまま表示させる

※静的なファイルでのみ使用できます。ユーザーが入力したテキストのエスケープ目的では使えません。

JavaScript | 2020-05-17 17:01

React+Redux クラスコンポーネント・関数コンポーネントおよびHooksの書き換えサンプル

クラスコンポーネントから乗り換えてみたいので勉強中。

[ webpack 4.39.2 / react 16.13.1 / react-dom 16.13.1 / redux 4.0.5 / react-redux 7.2.0 ]

Windows | 2020-05-17 01:40

Windows Subsystem for Linux のメモ

自分用　今んとこUbuntuのことしか書いてない

JavaScript | 2020-05-07 19:54

JavaScript 文字のパディング (右埋め・左埋め・中央寄せ)

JavaScript

String の .repeat() がES6なのでIE11では動きまてん

右埋め

const padRight = (str, padchar, len) => {
  const padstr = padchar.repeat(len);
  return `${str}${padstr}`.slice(0, len);
};

左埋め

const padLeft = (str, padchar, len) => {
  const padstr = padchar.repeat(len);
  return `${padstr}${str}`.slice(-len);
};

中央寄せ

const padSide = (str, padchar, len) => {
  const lPadstr = padchar.repeat(Math.floor(len / 2));
  const rPadstr = padchar.repeat(Math.ceil(len / 2));
  const padded = `${lPadstr}${str}${rPadstr}`;
  const start = Math.floor((padded.length - len) / 2);
  return padded.slice(start, start + len);
};

Python | 2020-04-17 17:06