レスポンシブ対応

[Satoshi-Moriya]

• [x] top
• [x] about
• [x] works
• [x] works詳細
• [x] 404
• [x] スマホサイズ時、ページが切り替わり全てのアニメーションが終わったらハンバーガメニューも閉じるような動きにする？

[Satoshi-Moriya]

参考記事 https://www.codevertiser.com/styled-components-media-queries/ https://design-library.jp/lab/category/arrow

[Satoshi-Moriya]

ハンバーガーメニュー参考記事（アクセシビリティが微妙だと思うのでいつかリファクタ） https://qiita.com/kohei_abe/items/1dec093fc8ed41eee5a7 https://zenn.dev/sa2knight/scraps/c79c06bfa94fce （styled-componentsのpropsの付け方を参考） https://github.com/styled-components/styled-components/issues/4232 (styled-componentsのpropsのWarning解消)

[Satoshi-Moriya]

ハンバーガーメニューの広がりの参考記事 https://coco-factory.jp/ugokuweb/move01/5-1-24/ https://qiita.com/ki-tamago/items/0f5d594077fd010d9b21 https://zenn.dev/tonkotsuboy_com/articles/svh-dvh-lvh-for-all-browser#svh%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%83%87%E3%83%A2 https://www.framer.com/motion/examples/ https://coliss.com/articles/build-websites/operation/css/how-to-use-css-clip-path.html https://samuelkraft.com/blog/responsive-animation-framer-motion (variantsのメディアクエリ) https://wp.gaji.jp/2023/09/21/16956/ (variantsのメディアクエリ)

[Satoshi-Moriya]

ハンバガーメニューのnavLinkクリック時の開閉参考記事 https://nextjs.org/docs/pages/api-reference/components/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag https://qiita.com/Yametaro/items/e812377c380a7fe5a203#%E3%83%9A%E3%83%BC%E3%82%B8%E5%81%B4%E3%81%AB%E7%8A%B6%E6%85%8B%E3%82%92%E6%8C%81%E3%81%9F%E3%81%9B%E3%82%8B%E5%A0%B4%E5%90%88