JavaScript
HTMLの<area>タグのcoordsに設定された属性値にjavascriptからオフセットを与えようとしたときに引き算はうまくいくのに足し算はうまくいかないという事態に遭遇しました. 以下のコードを実行して加減算をした時の各座標の値を表示してみると原因が分かります. <map name="example"> <area shape="rect" coords="50,50,150,150"> </map> <script></area>…
JavaScriptのイベントの伝搬（バブリングとキャプチャリング）とターゲット要素について実験をしながら理解を深めていきましょう. コーディングで楽をするためにVueを使いますが、シュガーシンタックスを使うだけなので生のJavaScriptでも同じ結果になります…
Vueでドラッグ&ドロップ （以下D&D）で動かせるリストを作ってみようと思います. Vueのバージョン ステップ1. 静的なリスト ステップ2. D&Dできるようにする ステップ3. D&Dでイベントを渡す ステップ4. DataTransferクラスを利用する ステップ5. 要素を入れ…
最近JavaScriptのmap()とfilter()を知ったので、基本的な使い方をメモしておく. mapとfilterの比較 同じところ 異なるところ mapの使い方 各要素を逆数にした新しい配列を生成 単純に配列をディープコピー 文字を追加する filterの使い方 閾値より大きいもの…
結論から言うと、見かけ上使えますがそれは配列ではなく配列のプロパティです. それに気づくまでのメモを残しておきます. クラスの関係 連想配列はオブジェクトのプロパティ for...inとfor...of 参考 クラスの関係 前提として、JavaScriptではArrayクラスはO…
以前Node.jsを入れたので、何か書いてみたいと思いAPIを書きたくなりました。 prupru-prune.hatenablog.com 検索してみるととても参考になる記事が見つかりました。 qiita.com この記事内のコードを写経してAPIやNoSQL何たるを幾何か理解できました。その過…
クリックイベントを発火するスクリプト 下のコードはクリックイベントリスナーを登録したのち、スクリプトからクリックイベントを発火するコードです。 <body> <button id="btn">click here</button> <script> let target = document.getElementById('btn'); window.onload=()=>{ let evnt = new Eve</body>…
完全に自分用のメモ。 スクリプトを読み込む順番 jQueryを利用したjavascriptファイルmain.jsがあるとする。 main.jsを読み込む前にjQueryを読み込む必要がある main.jsを読み込む前にDOMが生成されていなければならない。 プロパティへのアクセスの方法 jQu…
いままでApache + PHP しか使ったことがなかったので、思い切って入門してみた 実行環境 項目 バージョン OS Windows11 Node.js 16.14.0 (LTS) httpモジュール 0.0.1-security wsモジュール 8.5.0 Node.jsのインストール Windows版の場合ここから入手できる…
