Mimi the Kiwi

IT業界への道〜Tailwindが適応できない〜

in IT on June 04, 2025

日本でIT企業へ就業を目標に学びブログを始めていきます!

これから日本でのビザに申請に関しても更新していきたいと思っていますので、お願いします😊

ではITブログ GO!

今回のストップしてしまったところ


Tailwindcssがインストールしたのに適応できない!

“Tailwind CLI(実行ファイル)が正しくインストールされていない”


ummm~~~

CLIってなんだろう😳

CLI(Command Line Interface)とはLinuxでよく使うCLIコマンド一覧

LinuxがそもそもCLIのことだと思っていたんです㌔、、、

あなたが今Macを使っていて、ターミナルを開いているとします。

  • macOS(OS) ← Linuxとは違うOSだけど、ターミナルがある
  • ターミナル ← 文字で命令を書く画面
  • CLI ← そこに書く命令の方法(例:npm install など)

そうゆうことだったんですね、、、、

,

,

このTailwindCSSが使えないというエラーでChat GPTの案としては

npx tailwindcss init -p :「もしローカルに tailwindcss がなければ一時的にダウンロードしてコマンドを実行」

を提案される、、、

ummm~~~

ちょっと待ってください



npxとnpmって何が違うんだろう😳?

npm と npxの違いは?

  • npm install:自分の車を買って(プロジェクトに保存して)、ずっと使う。
  • npx:必要なときだけレンタカーを借りて使う(使ったら返す=消える)。




そもそもnpmとは?

  • Node.js が動く環境があって
  • npm を使ってReactやTailwind CSSのようなパッケージをインストールする

そうやってプロジェクトの「開発に必要な材料」を揃えていく感じです。




何度やっても同じエラーでGPTの提案も同じ、、、、

この場合は原点に戻る,,,,,

ググりましょう。

そしてtailwindのドキュメントを読んでその通りしたら適応できました😳

過程で色々と学ぶことができたのでよかったです。

今開発しているソロプロジェクトはこのURLです。

これからも色々と開発をして学んでいこうと思います!

Mimi

Written by Mimi
who lives in New Zealand 🥝

kiwi