PC

Ant Design：Collapse のヘッダーとコンテンツの padding と背景色を変更する

スタイルを設定できる部分がコンポーネントによってらしい。Collapse は padding と背景色が変えられるようなので試してみた。 ConfigProvider の theme で設定する。 import React from "re...

Next.js：jest でテストする

react-markdown と remark-gfm を使ったコンポーネントのテストコードを jest で実行する設定のメモです。要点を挙げるなら、 JSDOM で未実装のメソッドはモックを用意しておく transformIgnorePa...

JavaScript：テキストをデータ URL にしてダウンロード

以前やった URL.createObjectURL で良いと思いますが、直接作っちゃっても行けたのでメモ。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <ti...

Next.js：react-markdown と tailwind css を共存させる

マークダウンの表示に react-markdown と remark-gfm を使った際、tailwind css が影響してスタイルされなかったときの対処です。・使用したマークダウン（remark-gfm のリポジトリから） # GF...

Ant Design：TextArea にフォーカスを移すには

Next.js で Ant Design を使った際に、TextArea にフォーカスを移すためのメモです。環境 Next.js v14.2.3 Ant Design v5.18.0 作例以下のように、カーソルの位置を指定できます。先...

Next.js：テキストファイルを import して使う

以下の様に、テキストファイルの内容の取り出しを import で済ませたい場合です。極端に大きなファイルで無ければ、起動時間に与える影響は少ないと思います。 Hello, world. This is an example text fil...

Mac：リスト表示している Finder でフォルダをまとめて閉じる

こんな感じで開いて行った後、まとめて閉じるときの操作です。 ⌘ + A で全選択 ⌘ + ← で選択対象が閉じます。逆に、開きたいときは ⌘ + → です。

Next.js：ローカルで実行してもサーバーの API を利用するには

以前 React で書いたものの Next.js の場合になります。Next.js は API Routes を通すこともできますが、バックエンドを単純に呼びたいだけなら rewrites が便利です。設定方法 next.config.m...

JavaScript：文字列の先頭と末尾にある指定の文字を削除する

String.prototype.trim() は対象が空白文字ですが、他の文字を指定したかったときのサンプルです。 /** * 文字列の先頭と末尾から指定した文字を削除 * @param {string} str - 対象の文字列 * @...

Python：Google Calendar API を使う

長野市ごみ収集日の CSV ファイルを公開していますが、使うには少しハードルがありますよね。カレンダーの共有リンクで自分のカレンダーに反映できたら楽だろうなと思っていたのですが、40 以上のカレンダーを手動で作って公開までする気にはならず、...

次のページ

1 2 … 16