簡単に設定可能です。以下の手順に従ってください。 VSCodeを開き、左下の「歯車」アイコンをクリックします。 メニューから「ユーザー設定」をクリックします。 検索バーに「scroll buffer」と入力します。 「Terminal > Integrated: Scrollback」という項…

前提 Reactでツリー型のデータを可視化するには、react-d3-treeというライブラリを使用することができます。ただし、このライブラリはd3.jsのバージョン4に依存しているため、最新のd3.jsバージョンをインストールしている場合は、エラーが発生することがあ…

説明 入力時のフォームズームを無効にするには、フォントサイズを16px以上に設定するか、タグのviewport属性にuser-scalable=noとmaximum-scale=1.0を設定します。ただし、ユーザビリティを考慮すると、フォントサイズを大きくする方が推奨されます。 metaタ…

原因 metaタグが設定されていない場合、スマートフォンでの表示が正常に行われないことがあります。metaタグは、ブラウザにページの表示方法を指示するためのものであり、以下のように設定する必要があります。 対処法 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 説明 このmetaタグは、画面の幅をデバ</meta>…

[hogeId].tsx const router = useRouter() const { hogeId } = router.query const expectValue = Array.isArray(hogeId) ? hogeId[0] : hogeId note.com qiita.com

import dayjs from "dayjs"; import utc from "dayjs/plugin/utc"; import timezone from "dayjs/plugin/timezone"; dayjs.extend(utc); dayjs.extend(timezone); const now = dayjs().tz("Asia/Tokyo").format(); const timestamp = dayjs(now).tz("Asia/To…

解決法 普通に autoprefixer がなかったので、 yarn add autoprefixer で解決。 同じメッセージのエラー autoprefixer が入っているのにこのエラーが出る〜 という場合はtailwindCSSを最新にしたりすると良いらしい。 stackoverflow.com