知識

シーンプラグインを開発するにはHTML・CSS・およびJavaScriptといったWeb開発の基本知識が必要です。シーンプラグインではUIはHTMLとCSSでレンダリングされ、そのロジックはJavaScriptで実装されます。

ここではHTML・CSS・およびJavaScriptの詳細について触れませんので、もしそれらについての知識がない場合はまず自己学習が必要です。

おすすめのコンテンツ：

• MDN Web Docs: Learn web development

より大規模なプラグインを開発したい場合はReactやwebpackといった最新のWeb技術をプラグイン開発に利用することができます。

次のページからはHTML・CSS・JavaScriptの基本的な知識があることを前提に説明を進めます。

環境

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

プラグインを開発した後Re:Earthにインストールするために事前にファイルをZIP圧縮するか、GitHubリポジトリにコードをpushする必要があります。前者は最近のOSに標準で備わっている圧縮機能でzip化できます。後者の場合gitコマンドをインストールし、GitHubのアカウントを作成する必要があります。ここではgitとGitHubの使い方については詳細に触れませんが、Googleで検索して役立つ情報をすぐに読むことができます。

もしReactやwebpackなどのモダンな技術を使用して開発したい場合は、Node.jsとnpmをインストールする必要があります。

次のステップ

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