JavaScript
CheckBox 一括でチェックするブックマークレット
2021-11-08実行するとすべてを 1 つめの checkbox と逆の状態にするブックマークレットです。 の部分は私がよく使う Tips です。 の返り値が NodeList 型でループに使いづらいので、Array に変換しています。 補足: Bookmarklet…
ブラウザ javascript 側で global ip を取得する
2021-07-06CSR (Client side rendering) でユーザの public ip を取得する方法です。 ipify を使う ipify - A Simple Public IP Address API ReactHooks の例 Code: tools/global-ip…
fitty を React で使う useFitty hook
2021-06-14はコンテナに合わせてテキストのフォントサイズをフィットしてくれるライブラリです。 rikschennink/fitty: ✨ Makes text fit perfectly それを React で使うための hooks を書いた。 Gist fitty for react…
【JavaScript】ズームしたときの座標を求める関数
2021-02-13図の外側四角 () と選択点()と拡大率から 内側の四角()を求める関数です。 コード マンデルブロ集合をズームしてくサンプル コード tools/mandelbulb.tsx at master · elzup/tools Web マンデルブロ集合
js で先頭以外(n行目以降)をソートする
2020-12-17js で配列の 2 行目以降のみをソートする方法のメモです。 repl: https://repl.it/@anozon/sortbody#index.ts ソート対象の配列 先頭以外をソートする n 行目以降のみソートする Lodash…
Buffer と float、整数、他エンコードとの相互変換【Javascript】
2020-11-01JavaScript で Buffer と他の型への変換する方法をまとめました。 repl も公開しています。 Repl.it - buffer 数値 → Buffer 数値は → 型付き配列 → Buffer という順に変換する。 Buffer…
js で文字列の先頭のn 行を削除する
2020-10-05コード 1 を使う方法です。 コード 2 コード 1 でいいですが最初に思いついた正規表現で削る方法です。 動作が早いかわからないですが (渡される n が行数より大きいときに使えません。) 遅かったです。Repl.it - regex-vs-slice
絵文字を含めて文字数カウントするWebアプリ作った
2020-10-02アプリ 文字頻度カウント(絵文字対応) emoji-count 絵文字対応 では絵文字が 1 文字として分割できません。 を使います。 bestiejs/punycode.js: A robust Punycode converter that fully complies…
JavaScript で Object の更新はどれが速いのか
2020-08-23スプレッド構文で書くのが面倒だったので検証しました。 結果 結論としてはクローンが書きやすいし速いので良さそうでした。 コスト 書きやすさ スプレッド構文 221 ms △ スプレッド構文でクローンして代入 195 ms ○ Object.assign…
js の trim で前後の改行のみ取り除く(空白は保持する)
2020-08-17複数行テキストの trim で行頭の空白を消されたくない時があったので、前後の改行のみ消す方法を紹介します。 方法 コード サンプル Repl.it - trim-only 動作
【JavaScriptクワイン】プログラムと同じ文字列を出力するプログラム書いた
2020-02-26JavaScript で ソースコード自身を出力するソースコード書いてみました。Qunie…
【JavaScript】時刻指定で setTimeout するスニペット
2020-02-25ダッシュボードなど開きっぱなしにする Web 画面で特定の時間にイベントを発火させる方法をまとめました。 特定の時刻に実行する 日付が変わったときに