<input type="number" inputmode="decimal" />

サンプルstoryファイルとcssファイルを削除すればOK storybookのセットアップ時に、サンプルstoryファイルとcssファイルが自動でstoriesディレクトリに生成される。 storiesディレクトリに配置しimportしたcssファイルは、そのcssファイルをimportしたstory…

chormeで開発者ツールを開く。 Network タブを開く。 WS を選択する。

関数内で例外をthrowする場合、例外が同期的にthrowされるのではなく、rejectされる。 const func1 = async () => { throw new Error('error'); } const func2 = () => { throw new Error('error'); } const test1 = async (func) => { try { await func(); …

開発者ツールを開く。 Source タブを開く。 ツール右側の Event Listener Breakpoints から、各イベントに対しブレークポイントを設定することができる。

templateをあえて使用する。 条件分で1つの条件分岐のみに<template>タグを使用している場合などでは、あえて全ての条件分岐に<template>タグを使用する。 そうすることで、インデントの抽象度を統一され、より理解し易いコードになる。 <button v-if="isA" @click="onClickA">A</button> <template v-else> <button @click="onClickB">B</button> <button @click="onClickC">C</button> </template> </template></template>