【Git】commitzenをシェルスクリプトで実行
お疲れ様です。 今回は、commitzenに似た機能を実現できる、シェルスクリプトを作成しましたので、共有します。 commitzenの問題 コミットメッセージを標準化する方法として、「commitzen」が挙げられると思います。 しかし、...
【React】Tailwind CSSで動的なスタイリングを設定できない！
導入 Tailwind CSSはその柔軟性と効率性で人気を博していますが、動的なスタイルの適用には少し工夫が必要です。 特に、Reactと組み合わせて使用する場合、静的なクラス名の解析が挑戦となります。 今回は、Reactのコンポーネントに...
Gitのよく使うコマンドまとめ：日常開発で役立つコマンド集
Gitは開発者にとって欠かせないツールですが、その多様なコマンドを覚えるのは一苦労です。 ここでは、日常的によく使うGitコマンドをわかりやすくまとめてみました。これらのコマンドは、開発の効率を上げるのに役立ちます。 push 変更をプッシ...
Commitizenでプロフェッショナルなコミットメッセージを作成しよう
ソフトウェア開発において、コミットメッセージは後でコードの変更をレビューする際に非常に重要です。 良いコミットメッセージは、変更の内容を明確に伝え、他の開発者がプロジェクトの履歴を理解するのを助けます。 ここで、Commitizenというツ...
Reactのカスタムフックを理解しよう
Reactのフックは、関数コンポーネント内で状態やライフサイクルなどのReactの機能を使うためのものです。 useStateやuseEffectはその最も基本的なフックですが、これらを組み合わせて、特定の目的に合わせた「カスタムフック」を...
ReactのuseStateとuseEffectの基本
Reactは、ユーザーインターフェースを構築するためのJavaScriptライブラリです。その中核をなす概念の一つが「状態（state）」です。 useStateとuseEffectは、Reactのフックと呼ばれる機能で、状態管理と副作用の...
Next.jsにおける、globals.cssのデフォルトコードを解説
npx create-next-appで新しくプロジェクトを作成したい際、**globals.css**ファイルは下記のようなコードになっています。 @tailwind base; @tailwind components; @tailwi...
最新のCSSスコーピング技術でTailwind CSSの限界を超える！
Web開発の世界では、スタイリングのためのツールとしてCSSフレームワークが長らく重宝されてきました。 その中でも、Tailwind CSSはその直感的なインラインクラスと効率的なデザインパターンで、多くの開発者から支持を受けています。しか...
Next.jsにおけるディレクトリ構成: デコロケーション vs コロケーション
Next.jsプロジェクトでのディレクトリ構成には大きく分けて「デコロケーション」と「コロケーション」の2つのアプローチがあります。 それぞれにはメリットとデメリットがあり、プロジェクトの規模やチームの作業スタイルによって最適な選択が変わり...
ReactのuseEffectフックについてわかりやすく解説
ReactのuseEffectフックは、コンポーネントのライフサイクルにおける副作用（side-effects）を扱うためのものです。 この記事では、useEffectの基本的な使い方から応用例まで、具体的なコードを交えて解説します。 us...