この記事では、Turborepo を使用してモノレポ構成の React アプリを構築します。アプリに Next.js プロジェクトを追加して、Chakra UI と TailwindCSS を導入します。さらに、TeypeScript、ESLint、Husky pre-commits の設定も行います。 TurborepoモノレポにNext.jsアプリケーション ...
先日、それまで散在していた React の UI コンポーネント群を整理し、ひとつのカスタム UI ライブラリーとしてまとめ、cyberseeds-ui という名前で npm にパブリッシュしました。 最近のプロジェクトでは Next.js を使うことが多いのですが、UI コンポーネント ...
Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...
React、TypeScript、CSS モジュール、その他のツールを使用すると、開発プロセスをより効率的で楽しいものにすることができます。この記事では、React、Type スクリプト、Rollup を使用して、最新で堅牢なプロジェクト セットアップを作成する方法を説明します。
先日紹介した「FlowBite」(紹介記事)を使用して、Tailwind CSSでUIコンポーネントを実装する方法を紹介します。 Tailwind CSSのユーティリティクラスで実装された基本コンポーネントがFlowBiteに用意されているので、初めての人でもコピペで簡単に実装できます。
プログラミング能力とUIのデザイン能力を両方兼ね備えているスーパーマンはともかく、一般的な開発者であればウェブアプリの開発時にUIのデザインで頭を悩ませた経験があるはず。もちろん、そうした需要に応えて世間にはさまざまなUIライブラリが存在 ...
未来的な別世界のインターフェイスを作ろう、とデザインされた近未来をテーマにしたUIコンポーネントとデザイン要素のセットを紹介します。 オープンソースで、商用プロジェクトでも無料で利用できます。 Cosmic UIの特徴 Cosmic UIはカスタマイズ可能なSVG ...