ChromeDriverのダウンロード先
Seleniumで利用していたChromeDriverのダウンロード先が変わっていました。Chromeのバージョンが最近のものであれば、こちら。Binaryが…
import assertionのjsonファイル読み込みでエラー
ローカルで使用していたアプリでエラーが発生。jsonファイルの読み込みに利用していたimport assertionが廃止されてしまったようです。 asser…
VercelのNode.jsバージョンを変更
古いプロジェクトのメンテナンスを行った際、以下のエラーが発生しました。Vercelで設定されているNode.jsのバージョンが古いようだったので、更新。
Deploy HookでVercelのデプロイ
Vercelに公開しているアプリをDeploy Hookを利用してデプロイします。といってもVercelが作成してくれるURLにPOSTするだけです。 前提と…
Tailwind CSSの使用メモ
Reactなどで使う場合でメモしています。静的な構成でもclassNameの属性名を変えるくらいで同じ使用感です。 tailwind.config.js …
Tailwind CSSの導入と設定
既存のアプリに導入したり、静的なサイト用に導入します。バージョンはv3です。 tailwind.config.jsNextのバージョンによってはディレクトリ…
子コンポーネントから親の状態を変更する
状態管理ライブラリを入れる必要もないくらい小さい開発用のメモです。 親コンポーネント 子コンポーネントpropsにsetStateを用意しておいて、子コンポー…
asdfのメモ
asdfは言語やライブラリなどのバージョンを一元管理できるツールです。 ツール上での利用の流れは以下の通りです。 例、言語の場合 言語の管理プラグインを追加…
ドロップダウンメニューなどの作成に便利なclosestについて
closestメソッドの使用法についてメモします。closestメソッドは、指定したセレクタと合致する親要素を探索します。（ルートまで遡ります） 例としてドロ…
API Routesで設定するAPIにSWRでPOSTする（+ useRouterの使用）
Next.jsではAPI Routesを利用して簡単にAPIエンドポイントが設定できます。 今回はAPI Routesで設定するエンドポイントにuseSWRを…