Next.js における レスポンシブの実装
Next.js におけるレスポンシブ、画面幅でのコンテンツの出し分けの実装を考えます。SEOやちらつきなどの課題に挑戦し…
hchaki
実践と知見
カテゴリの記事一覧
VSCode の新機能「ポート転送」が外部確認で便利！
こんにちは森田です。 VSCodeが先日アップデートされた version 1.82 にて「Built-in port …
morita
デザイナーとエンジニアの協働を促進させるために社内 wiki にドキュメントを作成しています
こんにちは、Gaji-Labo フロントエンドエンジニアの石垣です。 2023年9月8日にUIT Meetup vol.…
ishigakiNext.js における レスポンシブの考察
Next.js におけるレスポンシブ、PC/SPの出し分けについて、SSRの観点も含めて考察します。
hchaki
エンジニアにはDevモードのココを見てほしい、Figmaのコンポーネント
デザイナーがFigmaでコンポーネントのデザインで作るプロパティとバリエーションのしくみをDeveperモードで確認でき…
imanishi
【React】必須項目でもページ表示直後だけは未入力エラーメッセージを表示しない inputの実装
Required でもページ表示直後だけは空欄なので「入力してください」のようなエラーメッセージを表示しないinputの…
hchaki
UIデザインのライティングで気をつけたいこと
UIデザイナーとして、文章でUIデザインを説明するスキルは重要です。 なぜなら、UIデザインはでの設計はただ見た目の表層…
imanishi
ステートの切り替えができる、ボタンUIコンポーネントの作り方
こんにちは、UIデザイナーの水澤です。 弊社では職能横断チームとして、職種の垣根を超えた情報共有が増えてきています。 今…
yubune-m
【React】予測候補が複数ある郵便番号からの住所入力補完コンポーネントの作成
郵便番号入力から、住所を自動補完するとき、予測候補が複数あるケースがあります。複数候補をツールチップ上に表示しユーザーに…
hchaki