CSSBattleで自分のCSSスキルを試せる
CSSBattleというサービスでは、表示されているいくつかのデザインから選択して、そのデザインを以下に少ないCSSコードでかけるかを競うサービスのようです。
20210305時点で13のデザインがあるみたいですね。
モーダルでスクロールを制御する場合に便利なscrollIntoView
モーダル上でスクロールをjavascriptから制御したい場合に、window.scrollTo は使えないため、scrollIntoView が便利です。
このメソッドは、scrollIntoView が呼び出された要素 ...
Jest モックを使ってより柔軟なテストをしてみよう
例えば以下のような関数を作成したとします。
const doTamibouz = (callback, name) => { if(name === 'tamibouz') callback(name)}
覚書 メールアドレスの形式はRFC5321とRFC5322に書いてある
メールアドレスにどのような文字を使うことができるか・文字数制限などは、RFC5321とRFC5322に書いてあります。
Jestで非同期処理をテストする(コールバック)
fetchData関数は、第一引数に渡された値を第二引数に渡された関数の引数に渡して、3秒後に実行する関数です。
const fetchData = (value, cb) => { setTimeout(() => ...
Jestで非同期処理のテストをする
以下のような非同期処理があるとします。
const fetchValue = (value) => { return new Promise((resolve) => { setTimeout(() => { ...
Jestでオブジェクトの一部のプロパティが一致するかを確認する
toMatchObject を使用します。
describe('match', () => { test('test', () => { const data = { hoge: ...
Node.jsでconsole.logを使った時に[Function]の中身がみたい場合
toString()を使うことで関数のコードがみれます。
console.log(myFunc.toString())
TypeScript がジェネリック型を推論する流れ
type MyEvent<T> = { target: T type: string}function triggerEvent<T>(event: MyEvent<T>){//...}triggerEv ...
TypeScript ジェネリック型は関数の引数から推論する
以下のようなコードはコンパイルエラーになります。
const promise = new Promise(resolve => resolve(45))promise.then(result => result * ...









