こんにちは、寿研究所のすぎです。
昨日、VTuberデビューしました。
今回は、サイト上にも私の存在を載せたいので一旦TOPページの下あたりに私(すぎ)を表示しようと思います。
YouTubeでも話してますのでよかったらどうぞ〜
1. figmaでイメージをサクッと掴む
Googleの拡張機能「GoFullPage」を使うと、ウェブページ全体を写真として簡単に保存できます。
そしてそのままfigmaに貼り付けます。
その後、ざっくりイメージを作っていきます。
2. CodePenを活用したコードの実装
次に、CodePenとperplexityを使ってHTMLやCSSのコードを実際に動かし、画像の切り替え機能を追加します。
今回はJavaScriptも活用し、クリックで画像が切り替わるボタンを実装しました。
実装後は色々あってこんな感じになりました。
本当はKVに入れたいです。
１時間で実装縛りチャレンジしてるので、今日はこのあたりにしておきます。
んでは！
