【まとめ】2022年に話題になったWebサイト

## はじめに
としが明け、2023年になり、2022年を振り帰ったり、今年の目標を立てている頃でしょうか？

みなさんは2022年どんな1年でしたか？

この記事では、2022年に話題になったWebサイトをまとめて、
みなさんの振り返りや今年の目標や勉強することの参考にしてみてはいかがでしょうか？

## POLA
[![スクリーンショット 2022-12-30 13.43.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/f1047ff1-a43c-3756-d8e2-c00e9503733c.png)](https://www.pola.co.jp/wecaremore/mothersday/)
https://www.pola.co.jp/wecaremore/mothersday/

母の日に合わせて公開された↑この特設サイトは、スクロールに合わせて、だいぶスムーズに花がアニメーションしていくサイトです。
一回サイトに訪れると、その没入感にサイトから抜け出すタイミングがなくなるでしょう。


## Pokémon Online Gallery
![スクリーンショット 2022-12-30 14.07.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/42f11a87-a931-bdae-3d4e-4074d38a4dd8.png)
https://onlinegallery.pokemon.co.jp/ja/

ポケットモンスター スカーレット・バイオレットの発売を記念して公開された↑このサイトは、ポケモンの歴史を振り返ることができるオンラインの展示会です。

赤・緑からソード＆シールドまでの歴史を振り返ることができます。


## マイナンバーカード × SPY×FAMILY
![スクリーンショット 2022-12-30 14.36.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/b883ceab-4bd2-6a12-1a49-37962cddf647.png)
https://mynumber-pr2.digital.go.jp/

デジタル庁が今話題沸騰中のSPY×FAMILYとコラボしたこのサイトは、マイナンバーカードの普及するために作成されたサイトです。

ちゃんとSPY×FAMILYの世界観を崩すことなく、マイナンバーを普及するために作成されている点は、デジタル庁の評価を変えたと思います。


## Novel Ai
![スクリーンショット 2023-01-08 12.06.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/15466076-3cf4-e655-f27e-1266552810e0.png)
https://novelai.net/

ストーリーや画像をAiが自動生成してくれるサイトです。

このサイトに限った話ではないですが、Aiで作った画像が入賞したり、Aiが作ったファンアートがX(Twitter)で物議を醸したりなど、2022年ではとくに話題になったと思います。


## おしゃべりひろゆきメーカー
![スクリーンショット 2023-01-08 12.14.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/410277a0-bddc-bb87-f3de-16d07ef68ae5.png)
https://hiroyuki.coefont.cloud/hiroyuki

ひろゆきさんに好きな言葉を喋らせることができるこのサイトです。


X(Twitter)でいろんな人が好きな言葉をひろゆきさんに喋らせて、盛り上がっていましたね！

## ドット絵 
![スクリーンショット 2023-01-08 12.24.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/9ee561e1-dd50-a431-e079-551184cd3249.png)
https://dotown.maeda-design-room.net/

無料で商用利用可能なドット絵をダウンロードできるサイトです。

さまざまなメディアで取り上げられたことで、サイト公開１ヶ月ほどで8.3万ダウンロードされたそうです。


## Developer Conference 2022
![スクリーンショット 2023-01-08 12.29.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/7f5a1217-2aa8-2bf4-e70c-98e760d490bb.png)
https://cadc.cyberagent.co.jp/2022/

Cyber Agent 主催のDeveloper Conference 2022の特設サイトです。

スクロールに合わせてアニメーションしたり、クオリティの高い動画や3Dモデリングをつかっていたりとクリエイティビティの高いサイトだと思います。

## 海からみた被災地
![スクリーンショット 2023-01-08 12.36.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/15f2bdc2-dab9-40ed-9510-c0fc6fa631d5.png)
https://www.asahi.com/shinsai_fukkou/undersea/

朝日新聞が東日本大震災から10年を迎え、公開したサイトです。

私の出身が福島県で、当時は中学生だったこともあり、東日本大震災に少し敏感かもしれないですが、
興味のあるテーマ と スクロールをうまく使ったサイトで、記憶に残りました。

## フワちゃん　official webサイト
![スクリーンショット 2023-01-08 12.40.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/4abc629f-1765-566f-5138-ba4a490a6610.png)
https://fuwachan.com/

フワちゃんのofficial webサイトです。

フワちゃんの独特の世界観が十分にwebサイト上で表現されており、デザイナーとして、レイアウトから、配色などに至るまで尊敬しかないです。


## ポケモンカード 
![スクリーンショット 2023-01-08 12.40.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/e36bd600-b936-e97d-90b8-0f9feba5b0d2.png)
https://deck-24abcd.netlify.app/?ref=sidebar

ポケモンカードのレアリティをwebサイト上で表現したサイトです。

2022年で一番感動したサイトだと思います。
シンプルなCSSのプロパティのみで表現されており、ホバーに合わせて３Dに回転する部分もとてもすごいと感じました。

## まとめ
この記事では、2022年に話題になったwebサイトをまとめてみました。

私の独断で、10個のwebサイトを選びましたが、みなさんはどんなサイトが印象深かったですか？
もしよければコメントお願いします。


---

最後まで読んでくださってありがとうございます！

普段はデザインやフロントエンドを中心にQiitaに記事を投稿しているので、ぜひQiitaのフォローとX(Twitter)のフォローをお願いします。

https://twitter.com/degudegu2510