2000年代前半のWebアプリ上のJavaScriptの位置づけは画面の装飾や描画の一部に利用する、といったものでしたが、近年はネイティブアプリのような、画面全体をJavaScriptで描画するようなSPA(Single Page Application)を開発する事例も増えてきました。 この記事は、JavaScriptでSPAのようなWebアプリを開発する環境、モダンなJavaScript開発を導入する為のはじめの一歩として、必要な情報や設計方法を整理する為に書きました。この例ではUIフレームワークにRiot.jsを利用しますが、Reactなど他のUIフレームワークを利用する場合においても役立つ内容を記載しています。 Node.jsとnpmの導入モダンなJavaScript開発は全てNode.jsとそのパッケージマネージャーのnpmが必要です。Sassの利用などで既にインストール済みの環