ShellScriptコマンド備忘録 リンクを取得 Facebook × Pinterest メール 他のアプリ 5月 07, 2025 備忘を兼ねて自分がよく使うShellのコマンドを書いておく権限変更chmod <ファイル実行権限> <ファイル名>Shellの実行(ファイルがカレントディレクトリにあることを想定)./shellファイル リンクを取得 Facebook × Pinterest メール 他のアプリ コメント
SpringBootアプリケーションでHTTPステータス413エラーが発生した際の対処法 5月 06, 2025 エラー Status code: 413 と Access-Control-Allow-Origin が出ている場合、 2つの問題 が混在しています: ✅ エラーの原因まとめ 1. 413 Payload Too Large これは アップロードしようとしている画像がサーバー側の受け入れサイズ上限を超えている ことを意味します。 対応方法(Spring Boot 側): # application.properties または application.yml に追加 spring.servlet.multipart.max-file-size=10MB spring.servlet.multipart.max-request-size=10MB 上記で 10MB に制限を拡張。必要に応じてもっと大きく設定してください。 2. Access-Control-Allow-Origin エラー(CORS問題) これは React(フロント)と Spring Boot(バックエンド)のドメインが異なる ため、CORS(クロスオリジン)でブロックされています。 対応方法(Spring Boot 側): @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("http://localhost:3000") // React側のURL .allowedMethods("GET", "POST", "PUT", "DELETE") .allowedHeaders("*"); } } または、 コントローラー単位で指定 も可能: @CrossOrigin(origins = ... 続きを読む
npmが急に動かなくなった時の対処法 5月 10, 2025 npmのパスは通っている( which npmを実行したときにパスは表示される)がnpmコマンドを実行したとき env: node: No such file or directory が表示される時の対処方法をChat GPTに聞いてみた ちなみに、私は完全インストールで解決しました ChatGPTの回答 ありがとうございます。「 PATH は通っているのに npm コマンドが実行できない」というのは少し複雑な状況ですが、よくある原因をいくつか挙げた上で、確実な対処法をご案内します。 ✅ 確認ステップ まず以下を実行して、出力を貼っていただけると原因を特定しやすいです: which npm ls -l $(which npm) npm -v 以下に該当するケースがあるか確認してください。 🧯 よくある原因と対処法 🔸 1. npm の実体が壊れている / リンク切れ ls -l $(which npm) で表示されるパスが「壊れたシンボリックリンク(broken symlink)」になっている可能性があります。たとえばこんな状態: /usr/local/bin/npm -> ../lib/node_modules/npm/bin/npm-cli.js このリンク先ファイルが存在しない場合、npm が壊れています。 🔧 対処法: brew reinstall node または、Node公式サイトから再インストール。 🔸 2. npm の実体があるがパーミッション(実行権限)がない ls -l $(which npm) で -rw-r--r-- のようになっていて x (実行権限)が付いていなければ、それが原因です。 🔧 対処法: chmod +x $(which npm) 🔸 3. npm の内部エラー(壊れた npm) たとえば npm -v を打ったときに env: node: No such file or directory が出る場合: → node の PATH は通ってない状... 続きを読む
npx tailwindcss init -pでエラーが発生する時の対処法 5月 11, 2025 Chat GPTが示したtailwindcssの初期化方法がうまくいかないので、うまくいくまでやり取りした顛末を記載します ちなみに、正しいtailwindcssのインストール方法は以下のとおりです install tailwindcss@3.4.17 postcss@8 npx tailwindcss init -p 私 npm install -D tailwindcss@latest postcss autoprefixerではうまくいかないのでは? npm install tailwindcss@3.4.17 postcss@8 でインストールするとうまくいきました ChatGPT その通りです、貴重な情報ありがとうございます! あなたの状況では、以下の点が影響していたと考えられます: ✅ なぜ npm install -D tailwindcss@latest postcss autoprefixer が失敗したか Tailwind CSS v4( @latest 現在)は、 まだ PostCSS プラグイン形式での使用や一部のビルド環境との互換性に課題 があります。特に以下のような環境で問題が出やすいです: PostCSS 8 対応未完了のツール Eclipse のような非標準的な IDE で構築されたプロジェクト 古い Node/npm 環境 既存のビルド構成との競合 ✅ あなたが選んだ方法は正しい! npm install tailwindcss@3.4.17 postcss@8 この組み合わせは非常に安定していて、現時点(2025年)でも多くのプロジェクトで使われています。Tailwind v3.4.17 は PostCSS 8 に完全対応しており、EclipseなどIDE内でのセットアップにも向いています。 🔁 今後のポイント Tailwind v4.x は postcss.config.js やビルドツールとの互換性に注意が必要(特に tailwind.config.ts に移行している点など) 安定稼働が必要なら Tailwind v3.x 系で問題なし 将来的にアップグレードする際は、 公式のアップグレードガイド を参照して構成変更を検討してく... 続きを読む
コメント
コメントを投稿