今から始めるRPGツクールの開発環境構築

# はじめに
皆さん、RPGツクールをご存知ですか?
RPG制作ソフトであり、現在に至るまで複数のバージョンが発売されています。

- RPGツクール2000
   - 2000年発売
- RPGツクールXP
   - 2004年発売
   - この頃からRubyを拡張したスクリプト言語`RGSS`を使用してゲームを制作可能
- RPGツクールVX
   - 2007年発売
- RPGツクールVX Ace
   - 2011年発売
- RPGツクールMV
   - 2015年発売
   - この頃からスクリプト言語がRGSSから`JavaScript`に変更
- RPGツクールMZ
   - 2020年発売

![products_rpgxp_XP_logo.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/0df6b8ce-db58-5ad3-6505-5c73ca124de5.gif)

XP,VX,VX AceはRubyを拡張したスクリプト言語`RGSS`、MV以降のバージョンは`JavaScript`を使用してゲームを制作できるのが特徴で、理論上あらゆるゲームを制作可能です。
MZはもちろん、2004年に発売された年期の入ったソフトであるツクールXPを使用したソフトも今なお発売、開発されています。

筆者もRPGツクールXPで作られたゲーム(略称がSQRPのエロゲー)のMOD制作のために開発環境を構築しましたが、いくつか躓いた点がありました。
このページでは以下の4つの開発環境をWindowsで構築する方法について記載します。

1. RPGツクールの購入とインストール
1. Visual Studio Codeのインストール
1. Visual Studio CodeでRGSS(Ruby)を開発する環境の構築
   - XP,VX,VX Aceの購入者向けの内容です
1. Visual Studio CodeでJavaScriptを開発する環境の構築
   - MV,MZの購入者向けの内容です

想定読者

- WindowsのPCを使用している人
- RPGツクールに興味がある人
- RPGツクールを持っているけど、プログラミング経験が無い人
- RPGツクールでスクリプトを触っているけど、開発に苦労している人

# RPGツクールを購入する
**[ツクールストア](https://plaza.komodo.jp/collections/store-tkool)で購入してください。**

https://plaza.komodo.jp/products/rpg-maker-2000

https://plaza.komodo.jp/collections/rpg-maker/products/xp

https://plaza.komodo.jp/products/vx

https://plaza.komodo.jp/products/rpg-maker-vx-ace

https://plaza.komodo.jp/products/rpg-maker-mv

https://plaza.komodo.jp/products/rpg-maker-mz

購入したら以下のような内容のメールが届きます。

![メール](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/2f0be449-3d4e-db7b-9a67-b2482cd0e50a.png)

メール内にダウンロードリンクがありますのでそこからファイルをダウンロードしてください。
ダウンロードしたら`exeファイル`をダブルクリックで実行し、ツクール(とRTP)のインストールを進めてください。
セットアップが完了したらツクールを起動してメールにあるプロダクトキーを入力して認証を完了させてください。
セットアップの詳細は[公式サイト](https://plaza.komodo.jp/pages/how-to-install)にも書いてありますので、そちらも参照してください。

## ちょっと高くない?
お値段は2024年11月時点でMV以降は税込み8000円以上、VX系は税込み6000円以上、XP以前も3080円であり安くは無いです。
お値段が気になる人、今すぐツクールが必要な訳では無い人は**サマーセール**を狙うと良いでしょう。
例年8月ごろに開催されており、ツクールXP,VX,VX Aceが**90%OFF**で購入できます。
他のツクールも大幅に値引きされていますのでこの機会に買うと良いでしょう。

参考：2024年のサマーセールのリンク

https://plaza.komodo.jp/blogs/news/%E3%82%B5%E3%83%9E%E3%83%BC%E3%82%BB%E3%83%BC%E3%83%AB2024%E3%81%8C%E5%A7%8B%E3%81%BE%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F

## Steamで購入しちゃダメなの?
実はツクールは[Steam](https://store.steampowered.com/app/235900/RPG_Maker_XP/?l=japanese)でも購入可能です。
しかし、Steam版は英語版であり、XPとVXは**日本語非対応**となっております。
UIが英語になるのはまだいいとして、XPの場合は下の画像のように**日本語が文字化けする問題**があります。

![文字化け](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/6926d01c-4e81-e3e4-6dd2-8389b887e0fe.png)

データベースでアクターなどを編集することが実質不可能になりますので、日本語対応したツクールストア版を購入してください。

VX Ace以降は設定を変えれば日本語を使う事が可能ですが、他のツクールと同様にデフォルトで日本語対応しているツクールストア版を購入した方が良いでしょう。

ちなみに、Steam版のツクールXPは2024年2月に**無料**で配布されました。
今後も無料セールが来るか分かりませんが、もしセールが来たらツクールの触り心地を知る体験版だと割り切って購入するのも良いでしょう。

# ソースコードエディタのインストール
**[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)(通称：VSCode)を使用します。**
VSCodeはMicrosoft謹製のソースコードエディタであり、RGSS(Ruby)やJavaScriptを含むあらゆるコードのプログラミングを強力にサポートしてくれます。
こちらから無料でダウンロード可能です。

https://azure.microsoft.com/ja-jp/products/visual-studio-code

[ダウンロードページ](https://code.visualstudio.com/download)は以下のようになっていますが、左の`Windows`をクリックしてください。

![ダウンロード](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/d01e3ef8-393d-3d81-261a-ca5a54f7fbfe.png)

exeファイルがダウンロードされますので実行し、インストールを進めてください。
全てデフォルト設定でインストールを進めて大丈夫なはずです。

### Windows10より古いバージョンを使用している人
VSCodeの最新版はWindows10以前には非対応なので古いバージョンのVSCodeを使用する必要があります。
以下のサイトを参考に、古いバージョンのVSCodeをダウンロードしてください。
Windows8の場合はバージョン1.70.0なら動きます。

https://code.visualstudio.com/docs/supporting/faq#_previous-release-versions

## どうしてVSCodeが必要なの?
スクリプトを編集するだけならメモ帳でも可能です。
しかし、VSCodeには以下のような強力なサポート機能があり、プログラミングの効率化やコードの安全性の確保を実現可能です。

- 文字の役割に応じて色やハイライトを付与してくれる(シンタックスハイライト)
- 文字の入力時、最終的に入力したい文字列を予測して候補を表示してくれる(インテリセンス)
- 不適切な文法や非推奨の関数の使用時などに警告を出してくれる(静的コード解析)

実際にVSCode(上)とメモ帳(下)で同じRubyのコードを開いても以下の画像のように見え方が大きく変わります。
文字の役割が明確で、不適切な個所に波線が引いてあるVSCodeの方が見やすいですね。
![VSCode](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/d0fd87e3-5903-61db-7b2e-ea9bcedf3a4a.png)
![メモ帳](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/d27ad2d0-e8db-2511-36b0-79a9296ae757.png)

また、VSCodeではファイル単位だけでなく、ディレクトリ単位でも開けます。
ディレクトリ単位で開くとディレクトリ内のファイル一覧が表示されたり、ディレクトリ内のファイルの範囲で検索が出来たりして便利ですよ。

## VSCodeを日本語化しよう
VSCodeには様々な機能を追加する**拡張機能**がいくつも存在します。
VSCodeのエディターは英語で日本語ではありませんが、`Japanese Language Pack for Visual Studio Code`の拡張機能を導入すれば日本語化が可能です。

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

導入するにはまずは左の4つの四角形からなるアイコンか、`Ctrl+Shift+X`で拡張機能のタブが開きます。
![拡張機能](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/472a7d42-d97d-1867-131a-e8e0cc1cb43a.png)

拡張機能の検索欄に`Japanese Language Pack for Visual Studio Code`や`日本語`を入力し、インストールしてください。

## これで環境構築は終わり?
ここまででRPGツクールとVSCodeのインストール方法は紹介しました。
VSCodeを使用する事でシンタックスハイライトが有効になり、プログラミングをしやすい環境がある程度整いました。
しかし、VSCodeは単体では静的コード解析はしてくれません。
RGSS(Ruby)に至ってはインテリセンスもなく、そもそも初期状態ではVSCodeからスクリプトを編集できません。
RubyやJavaScriptでがっつり開発したい場合はインテリセンスと静的コード解析もあるべきです。
なので、これ以降はこれらの問題を解決し、最高の開発環境を整える方法を紹介します。

# RGSS(Ruby)の開発環境の構築
:::note warn
この段落はRPGツクールXP,VX,VX Aceを購入し、スクリプトも触りたい人向けの文章です。
それ以外の方は読み飛ばして大丈夫です。
:::

## Rubyのインストール
まずは`Ruby`をインストールします。

https://rubyinstaller.org/downloads/

上記のページにアクセスし、上の方にある`Ruby+Devkit 【バージョン】 (x64)`をダウンロードしてください。(2024年11月はバージョン3.3.6-2)

![ダウンロード](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/0e3f60a8-c57c-a2a6-683c-377063f47a7c.png)

ダウンロードされたexeファイルを実行し、ライセンスに同意してインストールを進めてください。
全てデフォルト設定でインストールを進めて大丈夫なはずですが、インストール後に表示される`MSYS2`のインストールは不要ですのでチェックボックスを外してください。

![MSYS2](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/f61cbd43-bbfb-a6df-45f5-3a0b1442f49a.png)

また、Rubyをインストールしたディレクトリを後ほど参照しますので覚えておいてください。

## gemのインストール
Rubyには`gem`という、簡単に言えば機能を追加するパッケージがいくつも存在します。
今回はインテリセンスを有効にする`Solargraph`と静的コード解析を有効にする`RuboCop`のgemを追加します。
まずはスタートメニューから`コマンドプロンプト`と検索し、これを開いてください。
![コマンドプロンプト](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/2418c933-f888-0f27-3f01-960b39acb82d.png)

そして、`ruby -v`と入力してください。
Rubyのバージョンが表示されればRubyのインストールが成功しており、gemのインストールが可能な状態です。

![ruby -v](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/f1a5de63-0941-0e6c-3d60-ce83cb4eddf0.png)

### Solargraphのgemのインストール

![Solargraph](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/a8902b28-a9c7-9619-8c78-7dc0ca88b9c6.png)

Solargraphはインテリセンスを有効にし、下のように入力時に候補を表示してくれます。
コマンドプロンプトで`gem install solargraph`と入力してSolargraphをインストールしてください。
多少、時間が掛かります。

![vscode-solargraph](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/680a0201-b877-b506-2737-c0ae69bfe057.gif)

### RuboCopのgemのインストール

![RuboCop](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/86bf5ae5-32a0-5616-d92c-5292ef7b6efb.png)

RuboCopは静的コード解析を有効にしてくれます。
コマンドプロンプトで`gem install rubocop`と入力してRuboCopをインストールしてください。
こちらのインストールはすぐに終わるはずです。

## 拡張機能の導入
上記で導入したSolargraphとRuboCopをVSCodeで有効にし、インテリセンスと静的コード解析をさせ、VSCodeからツクールのスクリプトを編集可能にするために拡張機能を導入しましょう。
導入したい拡張機能は以下の3つです。
拡張機能の検索欄から名前を入力し、インストールしてください。

### Ruby LSP
RuboCopをVSCodeで動かすために使います。

https://marketplace.visualstudio.com/items?itemName=Shopify.ruby-lsp

### Ruby Solargraph
SolargraphをVSCodeで動かすために使います。

https://marketplace.visualstudio.com/items?itemName=castwide.solargraph

### RGSS Script Editor(任意)
:::note warn
この拡張機能は既にスクリプトが外部から編集可能になっているプロジェクトでは不要です。(SQRPのModなど)
SQRPの場合はこの拡張機能を導入することでMod開発環境が壊れますので、拡張機能を導入しないでください。
:::
VSCodeからツクールのスクリプトを編集可能にするために使います。

https://marketplace.visualstudio.com/items?itemName=SnowSzn.rgss-script-editor

## VSCodeの設定の変更
拡張機能の導入だけではまだSolargraphとRuboCopは動きません。
VSCodeの設定をいくつか変更する必要があります。
左下の歯車アイコンから`設定`を選択し、設定の検索で`ruby`と入力してください。

![設定](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/0ead6418-a507-2801-2bbe-1893c1f193ca.png)

上記のようにrubyの設定が表示されるはずです。
以下の設定を変更してください。

- Ruby Lsp: Formatter
   - `rubocop`に変更
- Ruby Lsp: Ruby Executable Path
   - Rubyのbinのパスを入力する
   - 例：`c:\Ruby33-x64\bin`
- Solargraph: Command Path
   - Solargraphのパスを入力する
   - 例：`C:\Ruby33-x64\bin\solargraph`
- Solargraph: Diagnostics
   - `true`に変更

## RuboCopの設定ファイルの作成
編集したいスクリプトの上位に存在する適当なディレクトリ(迷ったらゲームプロジェクトのフォルダ直下)に`.rubocop.yml`ファイルを**この名前で**作成してください。(先頭の`.`を省略したりしない)
作成したらファイルを以下の内容にしてください。

```yml:.rubocop.yml
# rubocopの設定ファイル。
# ここでは無効化する設定を書いてある。

# グローバル変数を許可する。
Style/GlobalVars:
  Enabled: false

# ファイル冒頭にマジックコメントが無くても気にしない。
Style/FrozenStringLiteralComment:
  Enabled: false

# 数字 < 0じゃなくて、数字.negative?とかを使わせるルール。数字は等号不等号で比較する方が見やすい人が多そうなのでルールを無効化しておく。
Style/NumericPredicate:
  Enabled: false

# 文字列結合の好みは人によるかと。高速化を目指すならこの設定を有効にする。
Style/StringConcatenation:
  Enabled: false

# シングルクォーテーションが使える文字列はこれを使わせるようにするルール。ダブルクォーテーションでも良いと思うので切っておく。
Style/StringLiterals:
  Enabled: false

# 文字列の配列は普通に書かせる。
Style/WordArray:
  Enabled: false

# eachよりforの方が分かりやすい場面も多いはず。
Style/For:
  Enabled: false

# switch文の記法。
Style/ConditionalAssignment:
  Enabled: false

# if文が見にくくなりそう。
Style/GuardClause:
  Enabled: false

# 値はreturnを付けて返したい派なので切っておく。
Style/RedundantReturn:
  Enabled: false

# ファイル名は気にしない。
Naming/FileName:
  Enabled: false

# クラス名は気にしない。
Naming/ClassAndModuleCamelCase:
  Enabled: false

# 変数名は気にしない。
Naming/VariableName:
  Enabled: false

# x,yみたいな引数も使いたい時があるので引数の文字数は気にしない
Naming/MethodParameterName:
  Enabled: false
  
# クラスの長さは気にしない。
Metrics/ClassLength:
  Enabled: false

# 関数の長さは気にしない。
Metrics/MethodLength:
  Enabled: false

# コードの複雑度は気にしない。
Metrics/CyclomaticComplexity:
  Enabled: false

# コードの複雑度は気にしない。
Metrics/PerceivedComplexity:
  Enabled: false

# abcサイズ超過は気にしない。
Metrics/AbcSize:
  Enabled: false

# ネストの深さ。直しやすい箇所が多そうなので設定を有効にしても良いかも。
Metrics/BlockNesting:
  Enabled: false

```

これはRuboCopの設定ファイルです。
デフォルトのRuboCopはルールが厳し過ぎるので、上記のようにルールを緩くします。
必要に応じてこちらも参考にして、無効化するルールを追加しても良いでしょう。

https://docs.rubocop.org/rubocop/1.68/cops.html

## VSCodeからRGSSのスクリプトを編集可能にする(任意)
:::note warn
この拡張機能は既にスクリプトが外部から編集可能になっているプロジェクトでは不要です。(SQRPのModなど)
SQRPの場合はこの拡張機能を導入することでMod開発環境が壊れますので、拡張機能を導入しないでください。
:::

1. VSCodeからゲームプロジェクトのフォルダを開く
1. 左のサイドバーからRGSSのアイコンを選択
1. `Extracts Scripts`を実行

![VSCodeからRGSSのスクリプトを編集可能にする](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/7514eda4-afa6-c2f9-fc86-884dd5947fcf.gif)

こうする事で`Scripts`フォルダが作られ、この中にツクールのスクリプトが作られます。
`Data/Scripts.rxdata`は`Scripts`フォルダのスクリプトを参照するコードに置き換わり、`Scripts`フォルダのスクリプトを編集すればゲームに反映されるようになります。
なお、スクリプトを作成するフォルダを設定から変える事も可能です。
例えばModフォルダの中のMod_Scriptsにスクリプトを作って欲しい時、`Rgss Script Editor › External: Scripts Folder`の設定を`./Mod/Mod_Scripts`に変更してください。

![設定の変更](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/f82451a3-e585-a6a7-1f24-a278ebd83d3e.png)

## SolargraphとRuboCopの動作を確認
上部のツールバーから`表示>問題`を選択して問題タブを表示させてください。
ここまでの設定に問題が無ければ問題タブにRuboCopの警告が表示されるはずです。

![RuboCopの表示](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/ff39373d-2330-51ac-0a34-e6b099d01cf9.png)

文字の入力時にもSolargraphが動作してくれているはずです。
これにてRGSS(Ruby)の開発環境の構築は完了です！

# JavaScriptの開発環境の構築
:::note warn
この段落はRPGツクールMV,MZを購入し、スクリプトも触りたい人向けの文章です。
それ以外の方は読み飛ばして大丈夫です。
:::

## Node.jsのインストール
まずは`Node.js`をインストールします。

https://nodejs.org/en/

上記のページにアクセスし、LTS版Node.jsをダウンロードしてください。

![Node.js](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/9183ed6b-a93d-e673-0b09-dce0367b0ad7.png)

ダウンロードされたファイルを実行し、ライセンスに同意してインストールを進めてください。
全てデフォルト設定でインストールを進めて大丈夫です。

## npmの初期化
次にnpm(Node Package Manager)の初期化を行います。
まずはスタートメニューから`コマンドプロンプト`と検索し、これを開いてください。
![コマンドプロンプト](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/2418c933-f888-0f27-3f01-960b39acb82d.png)

そして、`node -v`と入力してください。
Node.jsのバージョンが表示されればNode.jsのインストールが成功しており、使用が可能な状態です。

![node -v](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/b5b1adce-8f10-a445-5554-9794949cca59.png)

次にコマンドプロンプトの`cdコマンド`で編集したいスクリプトの上位に存在する適当なディレクトリ(迷ったらゲームプロジェクトのフォルダ直下)に移動してください。

例：`cd "C:\Users\TD12734\Documents\RPGTkool\RPGMV\Project1"`

移動したらコマンドプロンプトで`npm init`を実行してください。
色々と聞かれますがEnter連打で大丈夫です。

## ESLintパッケージのインストール
Node.jsには機能を追加するパッケージがいくつも存在します。
今回は静的コード解析を有効にする`ESLint`のパッケージを追加します。

https://www.npmjs.com/package/eslint

コマンドプロンプトで`npm install eslint`と入力してESLintをインストールしてください。

最後に`npx eslint --init`を実行してESLintを初期化してください。
こちらも色々と聞かれますがEnter連打で大丈夫です。
npmとESLintの初期化に成功していたら、以下の画像のようにcdコマンドで移動したディレクトリに以下の4つの物が作られているはずです。

- eslint.config.mjs
- package.json
- package-lock.json
- node_modules

![成功例](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/df2f7b53-a720-5487-0357-8a7f602a9508.png)

`eslint.config.mjs`はESLintの設定ファイルです。
デフォルトのルールではグローバル変数周りの警告がうるさいので、以下のように編集してください。(rulesを追加しています)

```js:eslint.config.mjs
import globals from "globals";
import pluginJs from "@eslint/js";

/** @type {import('eslint').Linter.Config[]} */
export default [
  {files: ["**/*.{js,mjs,cjs,jsx}"]},
  {languageOptions: { globals: globals.browser }},
  pluginJs.configs.recommended,
  {rules: {
    "no-undef": "off",
    "no-unused-vars": "off"
  }}
];
```

必要に応じてこちらも参考にして、無効化するルールを追加しても良いでしょう。

https://eslint.org/docs/latest/rules/

## 拡張機能の導入
上記で導入したESLintをVSCodeで有効にし、静的コード解析をさせるために拡張機能を導入しましょう。
導入したい拡張機能は`ESLint`です。

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

拡張機能の検索欄から名前を入力し、インストールしてください。
Rubyとは異なり、VSCode側の設定変更は不要です。

## 動作を確認
### VSCodeからゲームプロジェクトを開く
VSCodeからゲームプロジェクトを開きましょう。
こうすることでゲームプロジェクト内のファイル一覧が表示されたり、ゲームプロジェクトの範囲で検索が出来たりして便利です。

![ゲームプロジェクトを開く](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/53f8aa5d-bbbe-a03b-d0c9-f39b0d9c9712.gif)

### ESLintの動作を確認
上部のツールバーから`表示>問題`を選択して問題タブを表示させてください。
ここまでの設定に問題が無ければ問題タブにESLintの警告が表示されるはずです。

![ESLintの表示](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/318712/46ed5ce1-7b03-79bf-b8da-1102088a6726.png)

これにてJavaScriptの開発環境の構築は完了です！
MV以降はスクリプトが外部に露出して`js`ディレクトリに存在しますので、VX Ace以前のようなコピペやファイル読み込み処理は不要です。

# まとめ
1. [ツクールストア](https://plaza.komodo.jp/collections/store-tkool)でツクールを購入してインストール
1. [Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)(通称：VSCode)をインストール(1回のみ)
1. VSCodeを[日本語化する拡張機能](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja)を導入(推奨、1回のみ)
1. ツクールに応じて以下の作業をする
   - RGSSのセットアップ(RPGツクールXP,VX,VX Aceの場合)
      1. [Ruby](https://rubyinstaller.org/downloads/)をインストール(1回のみ)
      1. `gem install solargraph`の実行(1回のみ)
      1. `gem install rubocop`の実行(1回のみ)
      1. [Ruby LSP](https://marketplace.visualstudio.com/items?itemName=Shopify.ruby-lsp)、[Ruby Solargraph](https://marketplace.visualstudio.com/items?itemName=castwide.solargraph)、[RGSS Script Editor](https://marketplace.visualstudio.com/items?itemName=SnowSzn.rgss-script-editor)の拡張機能を導入(1回のみ)
      1. VSCodeの設定の変更(詳細は上記を参照、1回のみ)
      1. `.rubocop.yml`ファイルを作成(詳細は上記を参照)
      1. VSCodeでサイドバーからRGSSのアイコンを選択して`Extracts Scripts`を実行(プロジェクトごとに1回のみ)
   - JavaScriptのセットアップ(RPGツクールMV,MZの場合)
      1. [Node.js](https://nodejs.org/en/)をインストール(1回のみ)
      1. ゲームプロジェクトのディレクトリで`npm init`
      1. ゲームプロジェクトのディレクトリで`npm install eslint`
      1. ゲームプロジェクトのディレクトリで`npx eslint --init`
      1. ゲームプロジェクトのディレクトリに作られた`eslint.config.mjs`を書き換え(詳細は上記を参照、推奨)
      1. [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)の拡張機能の導入(1回のみ)

# おわりに
Steam版ツクールが日本語非対応だった罠に引っ掛かったり、VSCodeでインテリセンスや静的コード解析を有効にするのに結構苦労したので環境構築手順を記事にしました。
この記事通りにセットアップすればツクールの開発環境を簡単に構築できるはずです。

また、静的コード解析の警告に従えばプログラミングの経験が豊富でなくとも自ずと良いコードが書けるようになるでしょう。
警告文を検索すれば何が問題であるか理解でき、知識も深まる事でしょう。(ESLintでは親切にもリンクが付いています)

それでは、良きツクールライフをお過ごしください！