画像が縦長か横長かを判定する React カスタムフックを作る
こんにちは、 Gaji-Labo アシスタントエンジニアの石垣です。 今回は img 要素の幅と高さを取得し、画像が縦長…
ishigaki
実践と知見
カテゴリの記事一覧
実装時もデザイン時も！プレースホルダ画像サービスまとめ
こんにちは森田です。今回は実装時もデザイン時もよく使うプレースホルダ画像サービスをまとめました。 まだ画像が決まっていな…
morita
リンクをコピーする機能の実装はclipboard.jsが簡単
こんにちは。Gaji-Labo 横田です。前回、a 要素のみで URL リンクを SNS シェアする実装を紹介しました。…
yokota
URLリンクのSNSシェアをa要素のみで実装する
こんにちは。Gaji-Labo 横田です。SNS でシェアするボタンの実装については公式プラグインで発行したコードを埋め…
yokota
エンジニアもデザイナーも、もう M1 Mac でいいと思う。
こんにちは森田です。2021年の年末から14インチ MacBook Pro を会社から貸与され M1 Mac を使ってい…
morita
MUI v4 のプロジェクトを段階的に v5 に上げてみる
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、あるプロジェクトで MUI (Materia…
ishigaki
デザイナーもエンジニアも知ってほしいコントラスト比について
こんにちは森田です。今回はデザイナーもエンジニアも知ってほしいコントラスト比についての話です。 Web サイトを見ていて…
morita
プロダクト開発におけるコンポーネント実装で、デザインステータスを明示してもらえて助かった話
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回の記事では、プロダクト開発においてコンポーネント…
ishigaki
デザイン通りに見た目を再現できたかフローティングウィンドウで確認する
こんにちは、 Gaji-Labo 横田です。デザインと実装の差分をパッと可視化できるフローティングウィンドウ「Penny…
yokota
