JavaScript

JavaScript

is visibleを判定 (javascript)

offsetParentがNullの場合が該当。 const isVisible = (id: string) => { const target = document.getElementById(id) if (!t...
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...
スポンサーリンク