Qiita アップデートのお知らせ - 2024年 06月

![Title.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/0c658d66-e49d-8b0b-3d44-2d0696fe6ff7.png)

## はじめに
Qiitaでは、エンジニアのみなさんからの声をもとに、日々開発を続けています。
この記事では、2024年 06月にリリースした内容を紹介します。

Qiitaでアップデートやバグ修正をリリースしたら、[リリースノート](https://qiita.com/release-notes)、[Qiita 公式 Twitter](https://twitter.com/Qiita)、[Qiita Blog](https://blog.qiita.com/)でお知らせしています。

また、Qiitaへの質問や機能の要望などがありましたら、[Qiita Discussions](https://github.com/increments/qiita-discussions) へご投稿ください。

## ヘッダーが追従する機能を正式にリリースしました

ベータ版としてリリースしていたヘッダーが追従する機能を正式にリリースしました。
ベータ版リリース時のリリースノートはこちら：[ヘッダーが追従する機能をベータ版として公開しました](https://qiita.com/release-notes/2024-04-26)
記事ページ・質問ページでは上にスクロールした時のみヘッダーのナビゲーションが表示されます。
記事ページ・質問ページ以外のページでは下にスクロールするとヘッダーのナビゲーションのみが表示され、上にスクロールするとヘッダー全てが表示されます。

### 記事ページ・質問ページの挙動

![記事ページ・質問ページの挙動見本のアニメーション](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/07f0ea96-28eb-2d13-9875-58fc72143910.gif)

*2024年 06月03日 リリース*

### 記事ページ・質問ページ以外の挙動

![記事ページ・質問ページ以外の挙動見本のアニメーション](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/f2dccbbf-8daf-d293-21de-1ac44cdc725c.gif)

*2024年 06月03日 リリース*


## ホームにトレンドの上位3記事を表示しました

![ホームにトレンドの上位3記事の表示が追加されたことを紹介するスクリーンショット](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/5310b84f-cfa7-4594-05b6-d5c8fd51a238.png)

*2024年 06月04日 リリース*

ホームからトレンド記事が見つけやすいように、トレンドの上位3記事を表示するようにUIを変更しました。


## 記事内のテキストリンクに下線をつけるように変更しました

![記事内のテキストリンクに下線がつけられたときのUI見本](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/e56c805c-0d87-fdc9-f4d7-6ca3963e56d2.png)


*2024年 06月04日 リリース*

記事内のテキストリンクが通常のテキストと見分けやすいように下線をつけました。

## 記事内の脚注が見やすくなるようにブラケットを追加しました

![記事内の脚注の変更前・変更後のスクリーンショット](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/57bea35f-01f6-c940-9a3f-51fe066dfb33.png)

*2024年 06月06日 リリース*

記事内の脚注が見やすくなるように、テキストの前後にブラケット（ `[]` ）を追加しました。



## 検索結果ページの記事・質問の表示件数を増やしました

*2024年 06月06日 リリース*

検索結果ページで記事・質問を見つけやすくなるよう、記事・質問の表示件数を10件から20件に増やしました。


## ヘッダーの一部のアクセシビリティ改善をしました


*2024年 06月10日 リリース*

- 検索フォームの検索アイコンの色が薄かったため、色を変更しました
- ヘッダーのナビゲーションに「グローバル」、フッターのナビゲーションに「フッター」の `aria-label` を追加しました
- 通知やユーザーメニューなどのアイコンボタンのクリック範囲を広げました
- 通知の未読件数のコントラスト比と読み上げを見直しました
    - 文字色と背景色のコントラスト比が足りていなかったため、色を変更しました
    - 変更前は数値のみ読み上げられていましたが、「未読が3件あります」のように読み上げるようにしました

## 記事投稿キャンペーンの参加者一覧ページを追加しました

![記事投稿キャンペーンの参加者一覧ページのスクリーンショット](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/0a7265e0-309c-f627-7fc4-1d8f1f4504e8.png)

*2024年 06月14日 リリース*

記事投稿キャンペーンページから記事投稿キャンペーンに参加しているユーザー一覧が見れるようになりました。
サイドバーの「参加人数」から参加者一覧ページにアクセスできます。

## 記事ページの下部にタグのトレンド記事を表示するようにしました

![記事ページの下部のトレンド記事一覧のUI](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/ce975ac1-e4c4-a3e6-3a21-bae850f0f158.png)

*2024年 06月18日 リリース*

記事ページの下部に、記事のタグに関連するトレンド記事を表示するようにしました。
タグに関連するトレンド記事がない場合は、通常のトレンド記事一覧が表示されます。


## ショートカットでリンクの Markdown が挿入できるようになりました

![ショートカットでMarkdownが挿入できるようになりました](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/959cd84a-c305-78a6-693e-4c7af7133335.gif)

*2024年 06月20日 リリース*

`command+K (Mac)` , `Ctrl+K (Windows)` でリンクの Markdown が挿入できるようになりました。

## トレンドページのドロップダウンのアクセシビリティ改善をしました


*2024年 06月25日 リリース*

- トレンドページのドロップダウンのアクセシビリティ改善をしました
    - ドロップダウンを開いた時に、ドロップダウン内にフォーカスが移動するようにしました
    - 上下キーでドロップダウン内を移動できるようにしました
    - ドロップダウン内でフォーカスがループするようにしました