React環境におけるTailwind CSS v4とv3:設定の違いとつまずきポイント
Tailwind CSS をアプリ作成の段階でReact環境でv4を試してみましたが、残念ながら「画面が真っ白になる」「ビルド時にエラーが出る」といった問題に直面し、原因を特定するには至りませんでした。 最終的に、安定性を求めてTailwind CSS v3に切り替えたところ、問題なく動作するようになりました。この経験から、v4とv3それぞれの手順や、v4でつまずきやすいポイント(たとえ原因不明で…
Tailwind CSS をアプリ作成の段階でReact環境でv4を試してみましたが、残念ながら「画面が真っ白になる」「ビルド時にエラーが出る」といった問題に直面し、原因を特定するには至りませんでした。 最終的に、安定性を求めてTailwind CSS v3に切り替えたところ、問題なく動作するようになりました。この経験から、v4とv3それぞれの手順や、v4でつまずきやすいポイント(たとえ原因不明で…
こんにちは!今回は、私が初めてAIの力を借りてWebアプリケーション開発に挑戦した経験をブログ記事にまとめました。AIって本当にすごいの?開発ってどう変わるの?そんな疑問をお持ちの方に、少しでも参考になれば嬉しいです。 作成したもの 今回、AIと一緒に開発したのはこちらのタイピングゲームです。 https://typing.tokiraku.com シンプルなゲームですが、AIとの共同作業で、驚く…
こんにちは!今回は、私がレンタルサーバーのカラフルボックスでNext.jsアプリケーションを運用しようとした際に直面した「nproc占有問題」と、その解決策としてReact(Create React Appなど)ベースのアプリケーションに切り替えた経緯についてお話しします。 きっかけ:レンタルサーバーでのNext.jsアプリ運用 手軽にWebアプリケーションを公開したいと考え、使い慣れたカラフルボ…
こんにちは!今回は、レンタルサーバー「カラフルボックス」を利用してNext.jsで作成したアプリケーションを公開するまでの手順と、その過程で得た知見を備忘録としてまとめました。同じようにカラフルボックスでNext.jsアプリをデプロイしようとしている方の参考になれば幸いです。 完成したアプリケーションはこちらです: https://typing.tokiraku.com/ はじめに Next.js…