PC

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

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

Next.js：jest でテストする

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Python：Google Calendar API を使う

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

次のページ

1 2 … 16