開発環境 Nuxt.js v2 Express v4 bootstrap v4 (bootstrap-vue) Atomic Designとは Atomic Design はデザインシステムを作るための1つの手段 ざっくり言うと、UI コンポーネントの粒度をカテゴリーに明確に分ける手法 Atomic Designの詳細については割愛しますので、下記サイトをご参照ください。 Nuxt.jsとAtomic Designの開発が最高なポイント Nuxt.jsの機能: routerなど面倒な設定を特に意識しないで実装できとても楽! 生産性向上 & 一貫性: コンポーネントの独立性が高く、さらにVuexを使うとデータの操作とビューの表示が依存性低く、仕様変更に柔軟に対応できる デザイン変更が発生する際、一箇所を修正するだけで、全てが適用される(これが一番好きなポイント) もちろん、それぞれのページの
![AtomicDesignをVue.js(Nuxt.js)に使うと最高な開発を体験できた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/082a6bb139e1a5d11949c5c48b6ad6f5c57b4780/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9QXRvbWljRGVzaWduJUUzJTgyJTkyVnVlLmpzJTI4TnV4dC5qcyVFRiVCQyU4OSVFMyU4MSVBQiVFNCVCRCVCRiVFMyU4MSU4NiVFMyU4MSVBOCVFNiU5QyU4MCVFOSVBQiU5OCVFMyU4MSVBQSVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MiU5MiVFNCVCRCU5MyVFOSVBOCU5MyVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MSU5RiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTk1NmZmN2E4Mzk4NGYyNWUxOTA4NDVlN2E2MWYxNDU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGlyb2tpOTI0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mODViNjY5ZmVkMWMyODA3YzdmYzMyNWQwODM1MGM0ZQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Ddd0fd468a9afc2c3fbacc2b0fcb48679)