はじめに これまでモーダルを表示したときのTABによるフォーカス移動でバックグラウンドに移動するのを防ぐための実装をしてきた。この方法は「フォーカストラップ」と呼ぶらしい。*1 注釈のサイトにユーザビリティやスクリーンリーダによるTAB移動問題の指…

はじめに TypeScriptのpaths設定で@/folderのようにパスを指定した。 テストファイルでもmoduleのimportを@でパスを設定して、絶対パスで呼び出したい。 // test/Util/DateUtil.test.ts import { dateFactory } from '@/Util/DateUtil' しかし、そのままテス…

はじめに 自作のnpmパッケージを参照するときにエントリポイントを複数公開して、別のパッケージでimportしたかった。しかし、モジュール '***/***/***' またはそれに対応する型宣言が見つかりません。となり、importに失敗したため、調査結果をメモする。 …

はじめに Web APIを実行するときに、Cookieに認証情報を保持している場合、PostmanやVSCodeのREST ClientなどのツールでAPI実行がうまくいかなかった。 ブラウザのDeveloper ToolsからJavaScriptでAPIを実行する方法で解決できたので、メモする。 前提条件 …

はじめに フロントサイドでデータアクセス処理する場合、以下のような懸念がある(もしくは、そういった経験がある) JSONでデータ処理していてデータ定義が不明瞭 localStorageやsessionStorageに直接JSONを保存している こういった問題を解消するため、DAOパ…

はじめに LWCで構築されたExperience Builder Siteでブラウザの履歴操作をさせたくないケースがあったので、検証してみた。 方法 [NavigationMixin.Navigate](pageReference,[replace])の第二引数をtrueに設定する。 To dispatch the navigation request, ca…

はじめに 今更Excel JavaScript APIを触ってみたく、Script Labで遊んでみた。 どこでも*1動くので、あると便利な機能を実装してみる。 Script Labについて Microsoftが出しているOfficeアドイン。 https://appsource.microsoft.com/ja/product/office/wa104…