shadcn/uiを使ってみる
shadcn/uiは、Tailwind CSSとRadix UIを組み合わせた、柔軟でカスタマイズ性の高いUIコンポーネ...
Cursorでルールを設定する
Cursorで設定できるルールについて試してみます...
Tailwind CSSでdata属性にスタイルを設定する
Tailwind CSSでdata属性に対してスタイルを設定する方法をメモ。 使用環境はAastro 5.16.0 / ...
display: grid で1frを指定した際に中身がはみ出て表示される
display: grid で1frを指定した際、中に含める要素によって横スクロールバーが表示されてしまうということがあ...
Astroでリダイレクトを設定する
Astroでリダイレクトを設定を行えるようだったので試してみました。...
ローカル環境で表示される画像がサーバ上で表示されない
タイトルの通りですが、ローカル環境で特に問題なく表示されていた画像が、テスト環境のサーバ上で表示されずに少し悩むというこ...
Movable Typeでエディタのフォーマットの種類を取得する
Movable Typeのテンプレートで、エディタのフォーマットの種類に応じて出し分けをしたいということがあったので、実...
SlackのイベントAPIを使ってみる
SlackのイベントAPIを使って、特定のチャンネル内で送信されたメッセージをスプレッドシートに出力する方法を試してみま...
Tailwind CSSでnth-childを使用する
Tailwind CSSを使って、X番目の要素や偶数奇数の要素に対してスタイルを設定する方法を試してみます。 使用環境は...
Astroで動的なページを作成する
Astroで動的ルーティングを使う方法をメモ。...
PhotoshopでWebP形式の画像をpng形式に変換する
WebP形式の画像をPhotoshopで開いてpng形式として保存しようとした際、うまくいかず詰まることがあったのでメモ...
Movable Typeでアップロードできる上限を変更する
Movable Typeでファイルアップロードする際、上限に引っかかってアップロードできないということがあったので、設定...
VSCodeのLive Serverを使ってみる
VSCodeのLive Serverの使い方についてメモ。...
Tailwind CSSで動的にclassを作るとスタイルが適用されない
Tailwind CSSで動的にclassを作ろうとしてスタイルが適用されないということがあったのでメモ。 使用環境はA...
Reactのinput type=number内でスクロールすると値が変わる
あるWebサービスを使用した際、input内でスクロールすると入力した値が変更されるという現象に遭遇したので、原因を調べ...
Astroでscriptを使用する
Astroでscriptタグを使用して、クライアントサイドでJavaScriptを実行する方法を試してみます。...
FigmaのMCPサーバを使ってみる
2025年6月にベータ版が公開された、Figmaの公式MCPサーバー(Figma Dev Mode MCPサーバー)を使...
DevToolsで要素に設定されたイベントを調べる
chromeのDevToolsを使って、特定の要素に設定されているイベントを調べる方法をメモ。...
Movable Typeで生成したファイルにアクセスできない
Movable Typeのインデックステンプレートでファイルを生成した際、そのファイルにアクセスできないということがあっ...
Tailwind CSSでホバーなどの設定を行う
Tailwind CSSでリンクのホバー時やボタンの非活性など、状態を変えるスタイルの設定をいくつか試してみます。 使用...