MacsCollection

ビデオデモ

MacsCollection.comは、JavaScript、HTML、CSSを使ったフロントエンドポートフォリオだよ。レスポンシブでモバイルフレンドリーなゼロから作ったオリジナルデザインになってる。このポートフォリオは2016年から2020年までのプロジェクトを示してる。このプロジェクトは、世界的なパンデミック中に人を励まして、デザインと開発スキルを練習するために作ったんだ。

このウェブサイトは、フレックスボックス、メディアクエリ、レスポンシブ単位を使って、いろんなデバイスでスムーズなユーザー体験を提供してる。これらの技術を使うことで、デザインは異なる画面サイズにうまく適応して、デスクトップ、タブレット、スマートフォンどれでも最適なレイアウトになるよ。​​​​​​​

このウェブサイトは動画コンテンツに焦点を当ててて、Wyzowlの研究に基づいて動画がオンラインマーケティングの主要な媒体になったことを示してる。プロモーションを強化するために、サイトにはいろんな動画をマーケティング素材として載せてる。AWSを使ってLazyloadとCDN技術を実装して、読み込み時間を速くしたよ。

このウェブサイトは高品質なグラフィック作品を紹介するためにJavaScriptで作られていて、適度なアニメーションがページ全体に追加されてるんだ。スムーズなトランジションができて、ユーザー体験が良くなってるよ。

このプロジェクトはReact.jsを使っていて、コンポーネントベースの構造とか高効率っていう特徴がある。CSSモジュールを組み合わせることで、ファイル管理をあまり気にせずに、効率よくUIコンポーネントを作れるよ。

このプロジェクトはAWS Amplifyを使ってクラウドにデプロイされていて、CloudFrontのコンテンツ配信ネットワークが大量のトラフィックに対応できる可能性があるんだ。DNSサービスはRoute 53が担当している。​