去年同じようなことをした際は、読み込む側でimport・読み込まれる側でexportを指定したうえで、htmlで<script src>する際はtype="module"を付与していた。 で、これをやるとDOM操作で任意のタグにonclick="..."を指定しても関数が見つからないというスコープが変化する…

WebアプリのスタイルをテーマごとにCSSファイルで定義し、設定画面のフォーム操作などで使用するCSSファイルを切り替えてスタイルを更新する、というのをできるか試してみたところDOM操作で普通にできたので、そのやり方について。 通常のCSSファイル指定 通…

よく使うけとすぐ忘れるので。 JavaScript 基本構文 例：httpステータスチェック Python 基本構文 例：httpステータスチェック 辞書の場合 集合(追記) JavaScript includesを使う。 developer.mozilla.org 基本構文 array.include(item); 例：httpステータス…

developer.mozilla.org 基本的にサンプルコード通りで動作した。 クリップボードへのテキストコピー HTTPの場合 動的に動作を変えるには ペーストの場合 動作環境 クリップボードへのテキストコピー テキストをクリップボードへコピーするのは簡単で、以下の…

htmlファイルから<script>でJavaScriptのソースコードを読み込み、そこから更にimportで外部ファイルに実装した処理を読み込みたい、という構成で数日ハマったのでメモ。 html/javascriptコード (before) エラーと対応 Cannot use import statement outside a module…

URL中のQuery StringはURLSearchParamsを使って簡単にparseできる。 developer.mozilla.org const param = new URLSearchParams(('key1=%E3%82%AD%E3%83%BC1&key2=%E5%80%A41')); なお、URLデコードも自動で行われる。 値の参照 これはキーが分かってる場合…

特定のサイトでのみ動作するChrome拡張を作る場合、セオリーというとmanifest.jsonのcontent_scripts内でmatchesを使って指定できるが、Chrome拡張でコンテキストメニュー(右クリックメニュー)を作成するためにはbackgroundから指定するサービスワーカーで実…