Scripting アプリとの統合用に設計された scripting-cli コマンドラインツールへようこそ。このツールを使用すると、お気に入りのデスクトップエディター(例:VSCode)でスクリプトを開発しながら、リアルタイムで同期およびプレビューできます。
English | 中文 | Deutsch | Français | Italiano
scripting-cli を使用する前に、以下の要件を満たしていることを確認してください:
-
Node.js:最新バージョンの Node.js がインストールされていることを確認してください。現在のバージョンを確認するには、次のコマンドを実行します:
node -v
-
Scripting アプリ:
scripting-cliが起動するローカルサービスに接続するために、Scripting アプリをインストールする必要があります。
scripting-cli をグローバルにインストールする必要はありません。npx を使用して実行するだけです:
npx scripting-cli <command>まず、Scripting アプリのスクリプトを保存するディレクトリを作成します。例:
mkdir my-scripting-project
cd my-scripting-project作業ディレクトリで、次のコマンドを実行してローカル開発サービスを起動します:
npx scripting-cli startデフォルトでは、サービスはポート 3000 で起動します。別のポートを指定するには、--port オプションを使用します:
npx scripting-cli start --port=4000Bonjour サポートを有効にして、Scripting アプリがローカルサービスを自動的に検出できるようにするには、--bonjour フラグを追加します:
npx scripting-cli start --bonjourサービスが起動したら、Scripting アプリ を開き、先ほど起動したローカルサービスに接続します。これにより、アプリと作業ディレクトリ間の接続が確立されます。
接続後、デバッグしたいスクリプトプロジェクトを選択します。Scripting アプリは、プロジェクトのコードを自動的に作業ディレクトリと同期します。
デスクトップエディター(例:VSCode)でスクリプトを作成して保存すると、変更内容が自動的に Scripting アプリと同期され、リアルタイムで実行されます。これにより、開発とデバッグがスムーズになります。
-
ローカルサービスを起動します:
npx scripting-cli start
-
エディターを開いてスクリプトを作成します。
-
スクリプトファイルを保存します。
-
更新されたコードが自動的に Scripting アプリと同期され、実行されます。
-
デフォルトのポートは
3000です。既に使用されている場合は、--portオプションで別のポートを指定してください。 -
--no-auto-openフラグを使用すると、index.tsxまたはwidget.tsxファイルが自動的に開かれるのを防げます:npx scripting-cli start --no-auto-open
-
Bonjour サービスを使用するには、システムがその機能をサポートしていることを確認してください。Windows では、Bonjour を手動でインストールする必要がある場合があります。その後、
--bonjourオプションを使用してサービスを有効にします。 -
このツールは、VSCode などのデスクトップエディターを好み、Scripting アプリとのシームレスなコード同期とデバッグを望むユーザーに最適です。
問題が発生した場合は、以下を確認してください:
- Node.js バージョン 20 以上を使用していること。
- Scripting アプリがローカルサービスに正しく接続されていること。
- 選択したポートが他のプロセスによって使用されていないこと。
- 常に
npx scripting-cli <command>を使用してツールを実行し、パッケージが最新であることを確認してください。
Scripting アプリの開発ワークフローで scripting-cli をご活用ください。楽しいコーディングを!