macでWindowsにあるbatファイルのようなものを作りたい

Question

前提・実現したいこと

非エンジニアの方にnode_modulesのインストールと画像圧縮用のgulpタスクをエディタを開かずにできる環境を用意したく、そのコマンドを実行するためのタスクを組んだbatファイルを作成しました。

しかし、Windowsはそれで問題なくてもmacでは実行できないため、macでWindowsにあるbatファイルのようなものを作りたいのですが、.commandで作ると実行側で設定が必要になってしまい不便です。

batファイルのようにファイルをダブルクリックするだけで、ターミナルのコマンドを実行する方法はないでしょうか？
もし詳しい方おりましたらご教授いただけますと幸いです。何卒よろしくお願い致します。

該当のソースコード

@echo off
cd /d %~dp0
rem node_modulesフォルダがない場合、npm installコマンドを実行
if not exist node_modules\nul (
  call npm install
)

@echo off
cd /d %~dp0
cmd /k npx gulp

Answer 1

シェルスクリプトを使いましょう。
バッチファイルに詳しくないのですが、以下のような感じでしょうか。

#/usr/bin/env sh

cd $(dirname $0)
# node_modulesフォルダがない場合、npm installコマンドを実行
if [ ! -e 'node_modules' ]; then
  npm install
fi

npx gulp

なお、スクリプトファイルのパーミッションが正しく指定されていないと実行できないので、chmod +x スクリプトファイルで実行権限を付与してください。

Answer 2

Macbookに実行権限を付与したBashファイルを
Finder(Windowsでいうエクスプローラ)からダブルクリックして試しました。

普通に小窓が立ち上がって動作しますね。
Windowsのbatやps1と同じような挙動です。
これにGulpやNode.jsの起動コマンドをくっつければ良いでしょう。

batファイルと同じ階層にファイル名だけ同じで拡張子違いのファイルhoge.shを作りましょう。
開発マシンがWindowsならWSL等のLinuxマシンを導入すればMacと同じBashが入ってるので
動作を検証すれば良いです。

例えばプロジェクトルートからbinフォルダを作ってその中にbat等が入っていると仮定するとこんな感じ

# "プロジェクトルート/bin" なら一度外に出た方が良いかな？
# というわけでこのシェルファイルのパスを取得するコードを付与
script_dir="$(cd "$(dirname "${BASH_SOURCE:-${(%):-%N}}")"; pwd)"
cd "$script_dir/../"

# もう何も考えずに毎回`npm install`すればよくね？
npm install

npx gulp