Next.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
MUI Tabs のスクロールアイコンの色を変更し、直感的にスクロール可能かわかりやすくする
こんにちは、 Gaji-Labo フロントエンドエンジニアの石垣です。今回は MUI の Tabs コンポーネントでスク…
ishigaki
フォームのエラーメッセージと送信ボタンのユーザビリティ
フォームにおいてバリデーションやエラーメッセージの表示方法は、ユーザーエクスペリエンスを向上させる上で非常に重要な要素で…
imanishi
【React】郵便番号による予測機能のある住所入力コンポーネントの作成とその課題
郵便番号から住所入力予測ありの住所入力コンポーネントを作成します。 zipcloud という 郵便番号APIと Reac…
hchaki