LINE株式会社 UIT3室 Front-end Dev3チームに所属しているキョウショウヨウです。
2023年6月20日に「LINEポイント10周年記念サイト」を公開しました。このサイトはパララックスデザインが採用されたLPです。今回はライブラリを使わずにパララックスデザインをCSS、JS、Vue3で実装する作り方について説明します。
LINEポイント10周年記念サイト※ 期間限定公開のため 、2023年8月以降は見れない可能性があります。
LINEポイント10周年記念サイトでは3つの大きな取り組みをしています。
SNSシェア時に利用する、OGP画像の大量生成ツール & 生成APIの作成
Nuxt3を利用した、SSR、SSGハイブリットアプリの開発
パララックスデザイン の実装
今回は3番の、Vue3（Nuxt3）で作成したLPにパララックスデザインを導入するための作り方についてお話します。
私、個人としては7年ぶりにLP開発をおこないました。今回改めてパララックスデザインの実装方法について調査をおこなったのですが、フロントエンド技術の進化を感じる事ができました
