メインコンテンツまでスキップ

前もって必要なこと

知識

シーンプラグインの開発には、HTML, CSS, JavaScriptのweb開発における基本的な知識が必要になります。 UIはHTMLとCSSでレンダリングされ、ロジックはJavaScriptで実装されます。

ここでは、HTML, CSS, JavaScriptの詳細についてはここでは触れません。 なので、もしこれらの言語に関する知識がない場合は、ご自身で学んでいただく必要があります。

おすすめの学習資料:

もし大規模なプラグイン開発を行いたい場合は、Reactやwebpackなどのモダンなwebテクノロジーを使用することも可能です。

次のページからは、HTML, CSS, JavaScriptの基本的な知識があることを前提として話を進めていきます。

環境

お好きなコードエディターを使用して開発することができます。 プラグイン開発では通常、HTMLファイル、CSSファイル、JavaScriptファイル、YAMLファイルを編集します。

プラグイン開発後、プラグインをRe:Earthにインストールするためには、プラグインフォルダを圧縮しzipファイル化する、もしくはGithub公開レポジトリにプッシュする必要があります。 zipファイル化は、最近のOSの標準機能で圧縮可能です。 Github公開レポジトリにプッシュする場合は、gitコマンドをインストールし、Githubアカウントを作成する必要があります。 ここでは、gitやGithubの使い方については説明しません。もっと詳しく知りたい方は、検索してみてください。

Reactやwebpackなどのモダンなテクノロジーを使用して開発する場合、Node.jsとnpmをインストールする必要があります。

次のステップ

それでは、チュートリアルを見ながら実際にプラグインを開発してみましょう!