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