ランダムな日付を生成

カンプなどのダミー用に。

日付のフォーマット、生成する日付の期間、含めない期間 or 時間、並び順(ランダム or 新しい順 or 古い順)が指定できます。

Codepenで見る

See the Pen Generate date&time random by phantom4 (@phantom4) on CodePen.

出力サンプル(2018/1/1 – 2018/12/31 の期間で 10:00 – 20:00、新しい順)

2018/11/16 11:31:57
2018/11/04 19:09:04
2018/10/31 12:27:34
2018/10/06 15:45:07
2018/09/28 17:09:31
2018/09/03 18:29:38
2018/05/25 10:30:33
2018/03/13 17:48:37
2018/02/16 11:43:20
2018/01/24 15:59:15

[Trello] リストを削除する(アーカイブではなく削除)

Trelloのリストを削除するにはアーカイブすることになっていますが、見えなくなるだけで残ってしまいます。

どうしても削除したい場合、削除用のボードを作ってリストを移動し、ボードごと消す方法があります。
以下、手順です。
続きを読む [Trello] リストを削除する(アーカイブではなく削除)

中黒(ビュレット記号)のsvg

忘れた頃に使うことがあるのでコピペ用

<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <circle cx="8" cy="8" fill="#bdbdbd" r="2"></circle>
</svg>

bullet_black.svg (#000)
bullet_dimgray.svg (#696969)
bullet_gray.svg (#808080)
bullet_darkgray.svg (#a9a9a9)
bullet_silver.svg (#c0c0c0)
bullet_white.svg (#fff)

アスペクト比を調べる(幅と高さから)

比率からサイズを計算する場合はこちら

7/16 UPDATE
キリのよいアスペクト比の幅と高さを候補として出すようにしました。

See the Pen Aspect Ratio by phantom4 (@phantom4) on CodePen.

サンプル

560×315 16:9 1.78:1
640×480 4:3 1.33:1
800×450 16:9 1.78:1
1280×720 16:9 1.78:1
1920×1080 16:9 1.78:1

Material Design カラーピッカー

配色にマテリアルデザインのカラーパレットを参考にすることが多くなったのですが、RGBやSwiftのUIColorに変換するのが意外と面倒だったので、ピッカーを作ってみました。

色をクリックすると、HEXカラーコードやRGBに変換されて、コピーできるようになっています。
※iPhone/iPadだと、色をクリックしたときのアンカースクロールが機能していません。。

Codepenで開く

See the Pen Material color Picker by phantom4 (@phantom4) on CodePen.

日本語の文章が自然な位置で改行するためのコードを生成するツール


Budouが公開されて使ってみようと思ったのですが導入ハードルが少し高めだったので、静的ページ用に手軽にコードをコピペして使えるツールを作ってみました。

続きを読む 日本語の文章が自然な位置で改行するためのコードを生成するツール

[js] setTimeout、setIntervalのdelayに24日 20時間 31分 23秒 648 以上を指定すると即実行される

32bitということらしいです。

※11/11追記
サンプルが分かりにくいので変更しました。

setTimeout(() => {
  console.log('hoge');  // すぐ実行される
}, 2147483648);

テスト結果

See the Pen max delay of setTimeout & setInterval by phantom4 (@phantom4) on CodePen.

See the Pen max delay of setTimeout & setInterval by phantom4 (@phantom4) on CodePen.