ゆうりのポートフォリオサイト

使用スキル

• デザイン
• HTML
• CSS
• SASS
• JavaScript
• GSAP
• Wordpress

こだわり

遊び心をたくさん盛り込んだことです。
中でも特にオリジナルのイラストを描いて見た人をふふっとさせる仕掛けがお気に入りです。ページトップに戻るボタンの棒人間はホバーするとこちらを見ます。
それ以外では制作の流れの部分で768px以上の画面幅の場合、左側の数字の背景がスクロールに対応して線で繋がっていきます。

苦戦した点

スマホならではのバグがたくさん出てきたことです。
今まではパソコンで検証ツールを用いて画面幅を375pxなどにしてデザインが崩れないかを確認していただけでした。しかし今回初めてサイトを公開し実機で見てみたら、ボタンを押したら謎の余白が右側に出現するなど経験したことのない不具合とぶつかりました。しかもスマホの実機では検証ツールが見れないので何が原因なのか特定するのに時間がかかってしまいました。
解決にはchatGPTに大いに頼り、なんとか一つずつ乗り越えることができました。

学んだこと

一つのサイトを0から作る難しさです。今まではデザインカンプからのコーディング練習ばかりしており、デザインするのもサーバーを借りてサイトを公開するのも初めての経験でした。何度も何度も道の壁にぶつかっては解決策を探して、と奮闘してやっと完成したのがこのサイトです。しかし、完成してみるとすごく知見が増えて成長できたと実感しており、なにより壁にぶつかっていたことさえもとても楽しい思い出になっています。
この経験からやはり自分はWebサイトを作ることが大好きだなと実感できたので、これからの未来に向かってとても良い第一歩目の作品になったと思います！