CSS で横並びの画像とテキストを、テキストが単行の時は縦中央寄せ、複数行の時は縦上寄せ、を実現する
July 22, 2023…
Yarn でのパッケージアップデート時の依存パッケージの解決方法
March 02, 2023インストールしているパッケージのアップデート作業をしているときに、あるパッケージ（A）と別のパッケージ（B）で使っている依存パッケージのバージョンに差があり、古いバージョンの依存パッケージを使っている B の方でエラーが出てしまっていました。 B…
CSS min() 関数の使い方
January 30, 2023久しぶりの投稿です。 今更ながら CSS の関数 を使ってみたのでそのメモを残しておきます。似たような CSS 関数で他に や などがありますが、今回は 関数だけ触れます。（他のはまだ実践で使ってないので） min() とは CSS…
Storybook サイドバーの並び順を Atomic Design の階層と同じにするための Storybook Tips
December 06, 2021Atomic Design な設計のプロジェクトで Storybook を使う際に、地味に自分にとってフラストレーションになっていたことがあります。それは Storybook サイドバーの と 階層の順番が反対になってしまうことです。（Atomic Design…
Windows の Chrome, Microsoft Edge の最新版で一部の絵文字がモノクロ（白黒）になってしまう問題の対応策
November 25, 2021現在（2021/11/25）、Windows の Chrome と Microsoft Edge (どちらもバージョン 96) の Chromium…
Flex アイテムがコンテナからはみ出してしまう時の対処方法
September 01, 2021意図せず Flexbox で横並びにした箇所がコンテナからはみ出してしまうことないですか？そんな時の対処方法を自分用のメモ代わりに残しておきます。 対処方法 結論から言いますと、Flex アイテムに を入れれば解決します。（横並びの場合） を にしていても Flex…
Safari 14.1 未満のバージョンに Flexbox の gap プロパティのフォールバックスタイルを追加するための CSS ハック
August 30, 2021Safari 14.1 で Flexbox の プロパティが Safari でも使えるようになりました。 Safari 14.1 Adds Support for Flexbox Gaps ただ、Safari のバージョンアップは OS…
Contact Form 7 v5.4 と Invisible reCaptcha for WordPress プラグインを使ってると送信完了のメッセージが表示されない
May 20, 2021タイトルの通り Contact Form 7 v5.4 と Invisible reCaptcha for WordPress という reCAPTCHA v…
Storybook 起動時に Unexpected end of JSON input エラーが出た時の解決方法
April 02, 2021で Storybook を起動時にこんな感じのエラーが出た。 キャッシュが関係してそうだったので以下のコマンドで 内の Storybook のキャッシュを削除したら無事起動しました。 参考：error with cache when running storybook…
久々に WordPress を触る
March 09, 2021ずっと放置してたこの WordPress サイトを更新しました。この記事もそうだけど内部的にもいろいろ更新しました。 WordPress アップデート 完全に放置してて WordPress のバージョンも古いままでセキュリティ的に危険な状態だったと思うので、最新版 v5.6.…