はじめに この記事は株式会社アイスタイルアドベントカレンダーの5日目の記事です。 新規案件をLaravel5.1で開発しています。@kubotakです。 元デザイナー・コーダーなのでフロントエンドの方が得意な気がします。 今回は簡単な導入として事前コンパイルやbrowserifyなどはしません。 あくまでもルーティング方法のみの説明となります。 Riot.jsについて A React-like user interface micro-library Reactを意識して作られた超軽量のUIライブラリ。 Riot(=反乱)は、ボイラープレート(=雛形、決まり文句)と、不要な複雑さにまみれた現在の潮流に「反旗」を翻すプロジェクト。 超軽量と云うだけあってGitHubリポジトリに以下のように書かれている Framework Size Comparison Framework Version M
![Riot.jsでSPAを作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e70e9669f2a03dedbffedc1efd67488aa9799d35/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UmlvdC5qcyVFMyU4MSVBN1NQQSVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDbWlkZGxlJnM9MTAzZjI5MWUzMGJjOTkyMjlmMjQwMDkwMTc0N2M1OGU%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa3Vib3RhayZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTA5Y2E2MDgyYmZiYjdiNmE4OGIwMmNjOGYxODU3NDE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D4bf2a9bb306d1a515ac1fb9347025c4c)