• HTML / CSS / JavaScript
• BWW

自分が所属しているロボコンチーム「BWW」の新ホームページを1から制作しました。 https://bww8231.fuji3.info

技術面

ホスティングサービスには表示速度や維持費の観点から静的サイトであるGitHub Pagesを採用し、HTML, CSS, JavaScriptのみを使用して制作しました。

ページ速度改善のために、画像の遅延読み込みやWebP画像の切り替え処理実装といった対策を行いました。 画像の遅延読み込みには標準実装のObserver APIを使用し、独自実装によって外部との通信量を抑えました。

デザインはプロトタイピングツールのAdobe XDを使用して作成しました。

おまけ

ホームページで使われている2つの動画を制作しました。

リンク

• 完成サイト
  https://bww8231.fuji3.info
• GitHub
  https://github.com/frcbww/Website

使用技術

言語 ・・・ HTML, CSS, JavaScript フレームワーク、ライブラリ ・・・ Anime.js, Modernizr ツール ・・・ GitHub Pages, Adobe XD