PC Next.js：jest でテストする
react-markdown と remark-gfm を使ったコンポーネントのテストコードを jest で実行する設定のメモです。要点を挙げるなら、 JSDOM で未実装のメソッドはモックを用意しておく transformIgnorePa...
Next.js
PC 
PC Next.js：react-markdown と tailwind css を共存させる
マークダウンの表示に react-markdown と remark-gfm を使った際、tailwind css が影響してスタイルされなかったときの対処です。 ・使用したマークダウン （remark-gfm のリポジトリから） # GF...
PC Ant Design：TextArea にフォーカスを移すには
Next.js で Ant Design を使った際に、TextArea にフォーカスを移すためのメモです。 環境 Next.js v14.2.3 Ant Design v5.18.0 作例 以下のように、カーソルの位置を指定できます。 先...
PC Next.js：テキストファイルを import して使う
以下の様に、テキストファイルの内容の取り出しを import で済ませたい場合です。極端に大きなファイルで無ければ、起動時間に与える影響は少ないと思います。 Hello, world. This is an example text fil...
PC Next.js：ローカルで実行してもサーバーの API を利用するには
以前 React で書いたものの Next.js の場合になります。Next.js は API Routes を通すこともできますが、バックエンドを単純に呼びたいだけなら rewrites が便利です。 設定方法 next.config.m...