shonen.hateblo.jp

やったこと,しらべたことを書く.

javascript

0桁埋めした文字列を返す関数

/** * 0埋めしたdigit桁の文字列を返す。 * @param {number} n 非負整数 * @param {number} digit 正整数 */ function zeroPadding(n, digit) { return "0".repeat(digit).concat(n).slice(-digit); } 他に無いらしい。時刻を指定したフォーマットで文字列に…

nodejs サーバのWebサイトに Google IDによる 認証機能を実装する

参考 developers.google.com developers.google.com やること Googleアカウントを使って、Webアプリにログインしたりログアウトしたり出来るようにしたい。

htmlの要素の変化を検知する

脱jQuery中. 個人的な事情で必要になったので,簡単に調べた. やりたいこと javascriptによって,htmlのdomの構造が書き換えられたとき,それを検知したい. 結論 MutationObserverというものがあるので,これを使う. developer.mozilla.org (new Mutatio…

WEBブラウザ上で生成したメロディを再生する方法(WEB Audio API)

introduction 特定のフォーマットのファイルを準備せず,音を動的に生成して再生する 通常WEBブラウザ上で音を鳴らす時は,音楽ファイル(mp3やmidiなど)を準備して,それを再生する場合が殆ど. DTMのようなものをWEBブラウザ上で作りたい場合,すべての音階…

jQueryでdata要素のキーと値を持つ要素を選択する

jQueryのdataで追加した要素にも使えます. バージョン jQuery 3.3.1 結論 data に "key"をキー"val"を値に持つ要素の色をredに変える場合. $("div") .filter((idx,elem)=>($(elem).data("key") == "val")) .css("color", "red"); 罠 Array.prototype.filte…

立方体の各面にテクスチャを貼る - three.js アプリ

HelloWorld(https://threejs.org/docs/index.html#manual/introduction/Creating-a-scene)の次からいきなり詰んだので記事書きました . 環境 0.95.0 from npm dom操作が苦手なので必要以上にjqueryが登場しますが,その場合はv3とします.