Tailwind CSSで色の設定を行う
Tailwind CSSの色周りの設定を確認してみます。 使用環境はAastro 5.16.0 / Tailwind C...
Google Apps Scriptのプロパティサービスを使ってみる
GASで環境変数を使用する方法をメモ。...
Movable Typeで数値を3桁毎に区切る
Movable Typeで数値を3桁毎に区切りたい場面があったので、設定方法をメモ。...
CSSで余白や位置の指定にパーセント値を使用する
marginやtranslateなどの値をパーセント値にした時の算出方法について確認する機会があったので、調べた内容をメ...
SlackのイベントAPIでスタンプをトリガーにする
以前にSlackのイベントAPIを使用する記事を投稿しましたが、今回はスタンプの押下をトリガーにしてそのメッセージをスプ...
Astroで生成されるCSSを任意のファイル名にする
Astroで生成されるCSSファイルの名前を任意の形にしたいということがあったので、試した内容をメモ。...
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...