Skip to content

Instantly share code, notes, and snippets.

@yano3nora
yano3nora / restrict-multiple-rendering-on-react-strict-mode.tsx
Last active May 19, 2023 00:22
Restrict multiple rendering by useRef on React Strict Mode. #js
/**
* useEffect とかで deps array が [] でも
* react strict mode だと multiple rendering で 2 回走って困るので
* ref でなんとかするやつ
*
* @link https://www.sunapro.com/react18-strict-mode/
* @link https://github.com/reactwg/react-18/discussions/18
*/
const initialized = useRef<boolean>(false)
@yano3nora
yano3nora / watchdog-watchmedo.md
Last active May 17, 2023 09:37
watchdog/watchmedo - Python file watcher like nodemon for Hot Reload. #python
@yano3nora
yano3nora / watchexec.md
Last active May 17, 2023 09:15
watchexec - File watcher for Hot Reload. #dev
@yano3nora
yano3nora / deno.md
Last active April 25, 2024 08:50
Deno - Modern JS/TS Runtime by Ryan Dahl (Node.js Author). #js
@yano3nora
yano3nora / json-stringify-prettify.jsx
Last active May 9, 2023 21:24
JSON.stringify Prettify. #js
import React from 'react'
import { Code } from '@chakra-ui/react'
<Code
as={'pre'}
display={'block'}
padding={1}
overflowX={'scroll'}
>
{JSON.stringify(
@yano3nora
yano3nora / serialize-error.md
Last active May 10, 2023 13:05
serialize-error - Serializing JS Error Object. #js

Overview

sindresorhus/serialize-error

  • js の error は列挙可能な prop がないので JSON.stringify すると {} になる
  • message とか trace とかを serialize したいケースではこいつが使えそう
  • あんまり star 数ない、多分 sentry とかに流すから自前実装するニーズ自体少ないのかな

この子 pure esm package なので lambda とか commonjs 環境で使えない ... 。

hello world.

@yano3nora
yano3nora / math-number-of-js.md
Last active May 8, 2023 10:59
[js: Math / number / float] Number (double float) of JavaScript. #js

Overview

Numbers - javascript.info
JavaScriptの数値型完全理解

  • js の世界では数値は全て 64 ビットの IEEE 754 倍精度浮動小数点数 (double)
    • なんだけど 1 .123 (0.123) みたいな省略もできる
    • あと 1_000 区切りとか 1.23e5 指数表記とか
    • 意味不明だけど +0-0 があって +0 === -0 は true
  • 変わった表現で NaN (数値じゃない)Infinity, -Infinity (無限) がある
  • NaN === NaN は false (こいつは比較式を false にする)
@yano3nora
yano3nora / nodemon.md
Created May 7, 2023 23:19
[dev: Nodemon]

Overview

github.com/remy/nodemon
nodemon.io

  • 駐在 (daemonize) する node プロセスを「コード変更」を起点に再起動させるユーティリティ
  • node server.js のようなサーバ実行コマンドで nodemon server.js のように使う
  • 再起動時の signal や watch するファイルの指定など色々できる
    • nodemon.json で設定を渡したりとかも可能
@yano3nora
yano3nora / ecs-cli.md
Last active May 9, 2023 04:28
[aws: ECS CLI] ECS command line interface. #aws

Overview

aws/amazon-ecs-cli - github.com
Amazon ECS コマンドラインインターフェースの使用 - docs.aws.amazon.com
【アップデート】ECSタスク定義を利用したローカル環境でのテスト実行が可能に!

  • ecs のタスク定義やらなんやら cli で構成 => deploy する AaC ツール
  • ローカル開発環境の構築支援 & テスト実行機能もあるらしい
    • タスク定義から docker-compose.yml 作れるみたい
    • あと ecs-cli local up みたいなコマンドで endpoint 作れるみたい