React環境におけるTailwind CSS v4とv3：設定の違いとつまずきポイント
Tailwind CSS をアプリ作成の段階でReact環境でv4を試してみましたが、残念ながら「画面が真っ白になる」「ビルド時にエラーが出る」といった問題に直面し、原因を特定するには至りませんでした。 最終的に、安定性を求めてTailwind CSS v3に切り替えたところ、問題なく動作するようになりました。この経験から、v4とv3それぞれの手順や、v4でつまずきやすいポイント（たとえ原因不明で…
カラフルボックスでのNext.jsアプリのnproc問題をReactで解決した話
こんにちは！今回は、私がレンタルサーバーのカラフルボックスでNext.jsアプリケーションを運用しようとした際に直面した「nproc占有問題」と、その解決策としてReact（Create React Appなど）ベースのアプリケーションに切り替えた経緯についてお話しします。 きっかけ：レンタルサーバーでのNext.jsアプリ運用 手軽にWebアプリケーションを公開したいと考え、使い慣れたカラフルボ…
カラフルボックスでReact+nextアプリを実行する際の問題点
下記の記事で、React+nextアプリの公開の仕方を書きました。 https://tech.tokiraku.com/archives/300 しかし、いまの動作では問題があることがわかりました。 nprocの値が非常に大きいまま、開放されないということです。 ちょっとこれだとまずいので対策を考え中。。。
カラフルボックスでNext.jsアプリを公開！手順と備忘録
こんにちは！今回は、レンタルサーバー「カラフルボックス」を利用してNext.jsで作成したアプリケーションを公開するまでの手順と、その過程で得た知見を備忘録としてまとめました。同じようにカラフルボックスでNext.jsアプリをデプロイしようとしている方の参考になれば幸いです。 完成したアプリケーションはこちらです: https://typing.tokiraku.com/ はじめに Next.js…
Dcokerでreact typescript環境の構築
docker-composeファイルのテンプレート version: '3' services: app: build: . volumes: - .:/code ports: - '3000:3000' networks: - external.group networks: external.group: external: true Dockerfileのテン…