PC Ant Design：Collapse のヘッダーとコンテンツの padding と背景色を変更する
スタイルを設定できる部分がコンポーネントによってらしい。Collapse は padding と背景色が変えられるようなので試してみた。 ConfigProvider の theme で設定する。 import React from "re...
IT
PC 
PC Next.js：jest でテストする
react-markdown と remark-gfm を使ったコンポーネントのテストコードを jest で実行する設定のメモです。要点を挙げるなら、 JSDOM で未実装のメソッドはモックを用意しておく transformIgnorePa...
PC JavaScript：テキストをデータ URL にしてダウンロード
以前やった URL.createObjectURL で良いと思いますが、直接作っちゃっても行けたのでメモ。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <ti...
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 Mac：リスト表示している Finder でフォルダをまとめて閉じる
こんな感じで開いて行った後、まとめて閉じるときの操作です。 ⌘ + A で全選択 ⌘ + ← で選択対象が閉じます。 逆に、開きたいときは ⌘ + → です。
PC Next.js：ローカルで実行してもサーバーの API を利用するには
以前 React で書いたものの Next.js の場合になります。Next.js は API Routes を通すこともできますが、バックエンドを単純に呼びたいだけなら rewrites が便利です。 設定方法 next.config.m...
PC JavaScript：文字列の先頭と末尾にある指定の文字を削除する
String.prototype.trim() は対象が空白文字ですが、他の文字を指定したかったときのサンプルです。 /** * 文字列の先頭と末尾から指定した文字を削除 * @param {string} str - 対象の文字列 * @...
PC Python：Google Calendar API を使う
長野市ごみ収集日の CSV ファイルを公開していますが、使うには少しハードルがありますよね。カレンダーの共有リンクで自分のカレンダーに反映できたら楽だろうなと思っていたのですが、40 以上のカレンダーを手動で作って公開までする気にはならず、...