目次 1.この記事を書くきっかけ 2.自己紹介 3.この記事を見てほしい人 4.Reactについて 5.Next.js + Tailwind cssの導入方法 6.Tailwind css 7.スクロールアニメーション 8.Next.jsのImageについて 9.おわり 10.おまけ 1. この記事を書くきっかけ fwywdという会社の1次試験でQiitaに記事を投稿するという試験があり、書くことになりました。 初めて記事を書くので、ご不明な点等があるかもしれませんが、できるだけ詳しく書いていくので、どうぞよろしくお願いいたします。 2. 自己紹介 私はhtml css を3カ月前に勉強し始めたばかりの学生です。 Tailwind css歴は2カ月程度ですが、こんな私でもfwywdの一次試験のサイト制作が合格したので、ぜひ参考にしていただければ幸いです。 3. この記事を見てほしい人 Re
![【Next.js + Tailwind】これを押さえればOK 最新のフロントエンド開発 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5d532ca550512de25bd060c5fe5cfad77539237/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUUzJTgwJTkwTmV4dC5qcyUyMCUyQiUyMFRhaWx3aW5kJUUzJTgwJTkxJUUzJTgxJTkzJUUzJTgyJThDJUUzJTgyJTkyJUU2JThBJUJDJUUzJTgxJTk1JUUzJTgxJTg4JUUzJTgyJThDJUUzJTgxJUIwT0slMjAlRTYlOUMlODAlRTYlOTYlQjAlRTMlODElQUUlRTMlODMlOTUlRTMlODMlQUQlRTMlODMlQjMlRTMlODMlODglRTMlODIlQTglRTMlODMlQjMlRTMlODMlODklRTklOTYlOEIlRTclOTklQkEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc5ZWI0MTQ1NTgzY2FmNWNiMzc1Yzg0ZmM4MmJhNjFl%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYWtpb3FpaXRhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xODNiZjMyODU3ZjUxMjJkNjNjMjhlY2IxZDZhMGQ0ZQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D40875caebff2f9786b4f55a27e7128f8)