JavaScript is visibleを判定 (javascript)
offsetParentがNullの場合が該当。
const isVisible = (id: string) => {
const target = document.getElementById(id)
if (!t...
JavaScript
JavaScript 
JavaScript Object.entries()に型を付ける（typescript）
ここまでする必要性があるのか疑問ではある。が、型にうるさい環境でコード書くなら、、、型のためにメソッド呼び出しが1つ増えるのってどうなんでしょうねぇ。
const typedEntries = <T extends Rec...
JavaScript next-authで既存ユーザにアカウントを紐付ける（javascript）
とあるサイトを立ち上げるにあたって、事前に既知のユーザを登録しておき、OAuth認証時に自動的に紐付ける方法に苦戦したのでメモ。
結論
先に結論ProviderのオプションにallowDangerousEmailAccount...
JavaScript DataUrlでSVGを表示する（javascript）
svgを動的に生成して表示するために以下のようなbase64エンコードを考えていました。
const svg = `<svg> ...略 </svg>`;
const svgBase64 = convertToBase...
JavaScript ブラウザで日本語をbase64変換する（javascript）
base64に変換するメソッドとしてはwindow.btoa()があるのですが、これに日本語文字列を渡すとエラーを吐きます。Latin1の範囲じゃないとダメらしい。
Uncaught DOMException: Failed to...
JavaScript AzureのProfile画像をnext-authで取得する（javascript）
ProviderがGitHubの場合はすんなりavatorの画像URLを取得できるのですが、microsoftアカウントの場合に取得にちょっと苦労しました。
next-authのデフォルト設定のままでProfileのphotoのUR...
JavaScript ElectronのAuto Updateを実装する（javascript）
手順
必要なモジュールをインストールmain.jsを作成index.htmlを作成GitHubと連携
必要なモジュールをインストール
まずはelectron, electron-builder, electron-upd...
JavaScript Nodeの依存ライブラリのアップデート
最新バージョンの有無をチェック
npm outdated
マイナーバージョンを更新
npm update
メジャーバージョンも含め最新版に更新
npm install packagename@latest
...
JavaScript getBoundingClientRectとOffesetWidth系（javascript）
どっちも同じような値が取れると思っていたら微妙に違いました。getBoundingClientRectはtransformを計算した値が返るのに対し、element.offsetWidthはtransform関係なく、元要素の幅が返りまし...
JavaScript EventHandler（EventEmitter）を実装する（javascript/nodejs）
C#で言うEventHandlerをjsで実装するにはどうしたらいいか考えてみました。ブラウザ側のjsではUIオブジェクトにAddEventListenerが実装されているため、適当なオブジェクトを置いてしまえばそれで終わりです。
...
JavaScript Typescript開発の始め方メモ
プロジェクトの作成
npm init
Typescript
npm install typescript -D
// バージョン確認
./node_modules/.bin/tsc --version
// tsc...
JavaScript Non-null assertion operator [!.]（typescript）
コード上からはNon-Nullであることが保証できないが、実態上ではNull or Undefinedが入ることがない場合に、型チェックにNullでないことを明示するために利用します。
以下の例ではquerySelectorはnul...