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