この記事は Next.js を使っている方を対象にしています。 物話は少しフィクションです。 始まり ある日、お世話になっているお店の店主からこんな依頼がありました。 パソコン得意なんだよね、うちの店のホームページ作ってよ！ お知らせと商品情報は更新出…

こんにちは、キカガク ソフトウェアエンジニアの平田です。 CSS のレスポンシブ対応って、大変ですよね。 調べても、こうすれば良い！の指針が意外と出てこない、経験値でカバーすることが求められる領域だと感じています。 PC オンリーの想定で実装を進めて…

はじめに こんにちは、キカガク ソフトウェアエンジニアの柳澤です。 普段の開発では Chakra UI を使っているのですが、先日1ヶ月だけ Tailwind CSS を使って開発を行いました。Chakra UI を触ってきたエンジニアが Tailwind CSS を触って戸惑ったことと・良…

こんにちは、キカガク開発事業部ソフトウェアエンジニアの柳澤です。 キカガクではReactのUIコンポーネントフレームワーク「Chakra UI」でスタイリングを行っています。 Chakra UI にはスタイルシステムだけでなく、コンポーネントやカスタムフックが多く用…

ReactのUIコンポーネントフレームワーク、 Chakra UI を使って自在なデザインを作るための小技集をご紹介します。