JSON Schema draft 2019-09 で追加された unevaluatedProperties がどう動作するかについて
github にテストケースが書いてありました。
テストコードはそれ自体が仕様でもあるので、どういう動作かわからないときはテストコードをみるのはすごくありです。
オンラインで JSON Schema のバリデーションを試せるサイト
の Try it online で、左に json schema を記載し、右側にバリデーションする json を記載する。
こっちの方がdraftを選択できていいかも。
モーダルでスクロールを制御する場合に便利なscrollIntoView
モーダル上でスクロールをjavascriptから制御したい場合に、window.scrollTo は使えないため、scrollIntoView が便利です。
このメソッドは、scrollIntoView が呼び出された要素 ...
Jest モックを使ってより柔軟なテストをしてみよう
例えば以下のような関数を作成したとします。
const doTamibouz = (callback, name) => { if(name === 'tamibouz') callback(name)}
Jestで非同期処理をテストする(コールバック)
fetchData関数は、第一引数に渡された値を第二引数に渡された関数の引数に渡して、3秒後に実行する関数です。
const fetchData = (value, cb) => { setTimeout(() => ...
Jestでオブジェクトの一部のプロパティが一致するかを確認する
toMatchObject を使用します。
describe('match', () => { test('test', () => { const data = { hoge: ...
Node.jsでconsole.logを使った時に[Function]の中身がみたい場合
toString()を使うことで関数のコードがみれます。
console.log(myFunc.toString())
TypeScript 完全な型シグネチャ
オーバーロード以外で、完全な型シグネチャを使用するケースです。
以下のように関数にプロパティがある時に、その関数のシグネチャとプロパティ(wasCalled)を完全な型シグネチャで表現します。
WarnUser ...
フロントエンジニア入門 webpack-dev-server を使って便利な開発環境を作る
この記事の対象者
ある程度HTMLやJavaScriptについては学習できたが、実際の現場でどのような開発環境が使われているのか知らない、より実践的な開発を知ってスキルアップしたい、という方におすすめです。
webpack ...
JavaScriptはどんな言語か うまくやってくれるけどそれによってバグが起きてしまう
javascriptで以下のコードを書いた時に、結果は’5’になります。
5 + []//文字列の5人間がやろとしたことを予測していい感じに変換してくれているように見えます。
しかし、逆 ...