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の利用などで既にインストール済みの環
![モダンJavaScript開発 はじめの一歩, Riot.jsの場合](https://cdn-ak-scissors.b.st-hatena.com/image/square/c93e26ab8f9fb0100e6527254d9d98cfbe2dc4fb/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2F266af9fe524161acbecc1cab51d82d0c%2Ftumblr_inline_pjztxguioo1qzxs9d_1280.png)