2022.01.13 Web制作

npm-scriptsがMacでは動くのにWindowsでは動かないとき

エンジニアのみなさん、タスクランナーは何をお使いでしょうか？
私は最近npm-scriptsでいろいろ動かしているのですが、それをWin環境のひとに動かしてもらおう😏（私のOSはMacです）としたとき・・・

うんともすんともしない！

エラー文言さえ出力せず、あたかも問題ないですよ😌みたいな顔をしていますが、びくとも動いておりません。
なんでなんで？！Macでは動いてるのになんでWindowsだと動かない・・・？！~~もうみんなMacを使ってほしい・・・~~
と、しばらく騒いだあとにググってみると・・・

Windowsでは'シングルクォーテーション'ではなく"ダブルクオーテーション"でないとダメらしい

との情報を掴んだので、早速スクリプトの内容を変更します。
（今回私が動かそうとしていたのはcpxのスクリプトです）

"image:copy": "cpx './src/images/**/*.{jpg,png,gif,svg}' dist/assets/images --verbose --update",

シングルクォーテーションの部分を、ダブルクオーテーションに変更。
エスケープ処理も忘れずに😤

"image:copy": "cpx \"./src/images/**/*.{jpg,png,gif,svg}\" dist/assets/images --verbose --update",

これで再度実行してみると・・・

無事にスクリプトが実行されました❕❕❕❕❕❕

MacとWinでスクリプトの内容を書き換えなければいけないのか・・・はたまたWinでの動作は諦めるしかないのか・・・などと落ち込んでおりましたが、無事に解決することができてよかったです。
同様の現象にお悩みのかたの一助となれば幸いです🐻

WEBサイト制作のお問い合わせ、お見積り依頼、ご質問は
こちらのお問い合わせフォームよりお願いいたします

フライング・ハイ・ワークスは、東京都渋谷区にある2000年3月創業のシステム開発にも対応できるデザインも強いWeb制作・ホームページ制作会社です。東京都及びその近郊（首都圏）を中心として、SEO対策を意識したPC及びスマホのサイトをワンソース（レスポンシブ対応）で制作します。

デザイナーチームは、グラフィックデザインやイラストの制作も得意としており、著作権を意識しない素材の提供が可能です。システム・コーディングチームでは、Laravelなどを使用したスクラッチからのオリジナルシステムの構築を始め、WordPressのカスタマイズを得意としております。

また、SEOやランディングページ（LP）、広告向けバナーなどを他社様でやっていた作業の引継ぎでも問題ありません。制作実績は多数ございますので、お客様に合わせたご提案が可能です。

FHWでWebディレクター、Webデザイナー、Webプログラマーやシステム開発者として働いてみたいと思っていただける方は、下記にて定期的に募集をしておりますので、ぜひ、ご応募ください。

WEBサイト制作のお問い合わせ、お見積り依頼、ご質問は
こちらのお問い合わせフォームよりお願いいたします