はじめに この記事は、HUITアドベントカレンダー2018 1日目の記事になります 対象者 html, css, jsをそれぞれ一行だけでも書いたことがある 他人のサイトをパクる方法を知りたい Nuxt.jsをとりあえず使ってみたい、流行りに乗りたい 自分のポートフォリオサイトを作りたい この記事を読んでできること Nuxt.jsのための環境設定 他のサイトからのパクリ方がわかる 自分のスキルをカード形式で表示するサイトを作る (正直Nuxt.jsはおまけ程度の扱いです) Nuxt.js(Vue.js)とは Vue.jsのサーバーサイドレンダリング用フレームワークです。 Nuxt.jsにはVue.jsの良さをそのまま使えます。 Nuxt.js(Vue.js)を使うと何が嬉しいか 状態管理変数が楽に使える フォームへの入力や、ボタンによるon/offなど jqueryなどを使うよりも簡潔でわ
![Nuxt.jsで実践的にポートフォリオサイトを作る! 他サイトのパクリ方入門 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b5c6c2a884fa39d000807bca791e6c10372cb22/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-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9TnV4dC5qcyVFMyU4MSVBNyVFNSVBRSU5RiVFOCVCNyVCNSVFNyU5QSU4NCVFMyU4MSVBQiVFMyU4MyU5RCVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MyU5NSVFMyU4MiVBOSVFMyU4MyVBQSVFMyU4MiVBQSVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MyU4OCVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MiU4QiVFRiVCQyU4MSUyMCVFNCVCQiU5NiVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MyU4OCVFMyU4MSVBRSVFMyU4MyU5MSVFMyU4MiVBRiVFMyU4MyVBQSVFNiU5NiVCOSVFNSU4NSVBNSVFOSU5NiU4MCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ODA3NjFiOWUxMGRmMTk3Njg0YzEzMzIwNzRjNmZhMmQ%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB0ZXRzdWZlJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jNmQ3YjMzMWFhNTUzNzI5N2I3MmQyMWE2NWNmOTI0Nw%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D9fd86dfa0ad6f3a340a2be784db16614)