Qiita Advent Calendar 2023のアップデートの紹介

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/d25be514-f390-f3a6-d5cf-949319b3c396.jpeg)


## はじめに

今年もQiitaでは毎年恒例の Qiita Advent Calendarを開催します :tada:  :christmas_tree: :tada: 

https://qiita.com/advent-calendar/2023

この記事では、今年のQiita Advent Calendarのアップデートをご紹介します！

## アップデート内容

### 記事エディタで記事に紐づいたアドベントカレンダーを管理できるようになりました

記事がアドベントカレンダーに紐づいている場合、記事エディタの公開設定に表示されます。
アドベントカレンダー期間中はQiita主催のカレンダーが表示され、記事に紐付けることができます。

紐づいているカレンダー|Qiita主催のカレンダー
-|-
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/236c5760-d48a-3796-2556-1dec988026a1.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/d2346268-72e4-0de3-b556-6851bbd45f84.png)


### アドベントカレンダーに紐づいている記事のOGP画像を変更しました

アドベントカレンダーに紐づいている記事のOGP画像を特別仕様に変更しました。
過去のアドベントカレンダーの記事に関しても変更されます。

Before|After
-|-
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/336f6d0f-aaab-fe70-1961-d009a092c92c.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/6a58fe72-cf46-40b9-18c9-6cb03199b0ca.png)

### アドベントカレンダーの開催期間に投稿された記事のみアドベントカレンダーに登録できるようにしました

これまでは、記事が投稿された期間を問わず記事をアドベントカレンダーに登録できましたが、今後は開催期間（アドベントカレンダー開催年の11月以降）に投稿された記事のみ登録できるように変更しました。

限定共有記事として投稿した記事は、期間を問わず予約投稿できます。

合わせてアドベントカレンダーに登録できる記事の条件をわかりやすくするため、登録のモーダルに説明文を追加しました。

Before|After
-|-
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/2d475504-1d64-c288-609c-4eb1464c2657.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/d2cf4956-102d-9214-ced1-6f076fd3d907.png)

### アドベントカレンダーに参加するともらえるバッジを拡充しました

アドベントカレンダーにQiita記事を投稿するごとにバッジがもらえ、25記事投稿すると完走賞のバッジがもらえます。

記事投稿|完走賞
-|-
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/a21ef50f-72da-18d8-28e5-034c8f9eee54.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/3db7341c-8a26-518d-67d9-9c8ee2cd223d.png)


### ヘッダーでカレンダーを検索できるようになりました

今まではカレンダーの検索ページからしか検索できませんでしたが、ヘッダーからもカレンダーの検索できるようになりました。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/809748df-dd75-4779-8ede-2b598c73bb00.gif)

### 参加中のカレンダーが見つけやすくなりました

画面幅が770px以上の端末において、アドベントカレンダーのトップに表示される「参加中のカレンダー」で、どのアドベントカレンダーに何日に参加しているのか見つけやすくなりました。

Before|After
-|-
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/32af4b88-974b-3728-22e4-8c0a2827b6a3.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/50d4da8f-e1d3-e88b-9ff7-7ebe4837c4e7.png)



### モバイル版でページ遷移がしやすくなりました

昨年まではナビゲーションがドロップダウン内に入っていたのを、常に表示させて各メニューにアクセスしやすくしました。

Before|After
-|-
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/94f7c886-a653-a949-f2ed-2c761a10d8d0.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/e9cbe051-c4b2-5633-f8f9-03f18280ca28.png)

### アドベントカレンダーページからQiitaトップに戻りやすくしました

ヘッダーに「Qiitaトップに戻る」のリンクを追加し、Advent CalendarページからQiitaトップに戻りやすくしました。

Desktop|Mobile
-|-
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/2c833be3-f83b-92da-6a34-87c5b61e6f49.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/4f870f9e-eae0-499f-c2f9-0b4708c1e3a1.png)

### カレンダーを探す動線を整理しました

ヘッダーの「カレンダー一覧」をクリックしたときに、直接カテゴリー一覧に遷移するようにしました。

### ヘッダーの高さを低くしました

ヘッダーの高さを低くして、よりコンテンツが見やすくなるようにしました。

Before|After
-|-
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/7dee5bd7-ea1f-bcfe-ce31-982e9ce675a0.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/31e2d280-6daa-5607-51e2-8c6c784d45a9.png)

### アーカイブ一覧をトップページに追加しました

過去のアドベントカレンダーページのアーカイブ一覧を、トップページ下部に追加しました。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/158501/dd5248d2-2901-ef60-eef0-5cbe0780fba2.png)


### その他 修正した不具合

- カレンダーに11/25が含まれる場合に、12/25の記事が表示されてしまう不具合を修正しました（次に発生するのは 2029年！皆様にご確認いただけるのは6年後です）
- 日付が変わっても前日の枠に色がついている不具合を修正しました
- RSSフィードでの通知が届かないバグを修正しました

### ご意見・ご要望をお寄せください！

Qiitaはみなさまからいただいたご意見を元に修正・改善を行っております。
ご意見・ご要望がありましたら、ぜひ [Qiita Discussions](https://github.com/increments/qiita-discussions/discussions) へお寄せください。