ここでは、ReactからThree.jsを利用して、PLATEAUの3D都市モデルを宣言的に扱う方法を紹介します。フロントエンドフレームワークにはNext.js(https://nextjs.org/)、プログラミング言語にはTypeScript(https://www.typescriptlang.org/)を使います。そしてThree.jsを宣言的に扱うため、React Three Fiber(https://github.com/pmndrs/react-three-fiber)を使います。 ここで利用するライブラリやフレームワークのバージョンは、執筆時最新となる下記のバージョンです。Three.jsやReact Three Fiberは新機能の開発が活発に行われていることや、その他の技術も流動性が高いため、ここで紹介する内容は短期間で変化することに留意ください。