Qiita アップデートサマリー - 2024年10月

![image-thumbnail_update_news_1920×520.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/b6f22069-4bf7-d6d5-3d52-0af95fba802c.png)

## はじめに

Qiitaでは、エンジニアのみなさんからの声をもとに、日々開発を続けています。
これまで「アップデートのお知らせ」として当月にリリースした内容についてお伝えしておりましたが、今月からは「アップデートサマリー」と題してご紹介します。

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

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

## 質問フィードのUIを改善しました

![タグの絞り込みをプルダウンメニューではなくトグルボタンで行えるようになった質問フィードのUI](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/ee99f41d-edd0-25df-ab2d-bc3465f25689.png)

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

[質問フィード](https://qiita.com/question-feed)のUIを改善し、よりアクセシブルになりました。

- フォロー中のタグの絞り込みをトグルボタンで行えるよう変更し、直感的に操作しやすくしました
- 一部のコントラスト比の低いテキストを変更し、AA基準を達成できるようにしました
- ナビゲーションに `nav` タグを使用するようにしました
- すべてのカテゴリーのページでタイトルが「質問」となっていたのを変更し、カテゴリーが区別できるようになりました

## ドロップダウンメニューのアクセシビリティを改善しました

*2024年10月7日、8日 リリース*

以下のページでドロップダウンメニューのアクセシビリティを改善しました。

- ドロップダウンを開いた時に、ドロップダウン内にフォーカスが移動するようにしました
- 上下キーでドロップダウン内を移動できるようにしました
- ドロップダウン内でフォーカスがループするようにしました

それぞれのページの対応状況は下記のとおりです。

### ユーザーページ、タグページ、Qiita 表彰プログラムページのドロップダウンメニュー

- `Escapeキー` でドロップダウンを閉じられるようにしました

### 記事ページのドロップダウンメニュー

- ドロップダウンの開閉の操作を見直しました
  - ボタンをクリックか `スペースキー` でドロップダウンを開くことができます
  - ボタンをクリックか `スペースキー`、またはドロップダウンを開いているときに `Escapeキー` かドロップダウン外をクリックでドロップダウンを閉じることができます
- モバイルサイズで、ドロップダウンメニューが画面外にはみ出さないよう修正しました

## 検索結果ページのUIを変更をしました

![よりアクセシブルになった検索結果ページのUI](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/30e855a4-b0c1-4e11-e6ad-2b0075b59624.png)

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

記事・質問の検索結果ページのUIを見直し、よりアクセシブルになりました。

- 検索フォームにラベルを追加しました
- 一部のコントラスト比が低いテキストを変更し、AA基準を達成できるようにしました
- 並び順の変更機能にアクセスしやすいよう左端に移動しました
- 並び順のドロップダウンのキーボード操作を見直しました
  - ドロップダウンを開いた時に、ドロップダウン内にフォーカスが移動するようにしました
  - 上下キーでドロップダウン内を移動できるようにしました
  - ドロップダウン内でフォーカスがループするようにしました
  - `Escapeキー`でドロップダウンを閉じられるようにしました
- ストック・購読済みの記事の切り替えをタブからトグルボタンに変更しました

## エディタ・コードブロックに和文フォントの指定を追加しました

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

これまでエディタやコードブロックでは等幅フォントを指定していたため、和文フォントがなく日本語の表示がぼやけてしまっていました。
この度、エディタ・コードブロックに和文フォントの指定を追加し、日本語を入力した際も読みやすくなりました。

## 文章修正提案機能を個別にオフできるようにしました

![文章修正提案機能のオン・オフを個別に設定できるようになったエディタページ](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/14d89a22-5c9a-0fc4-720d-1944fbf19417.png)

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

ルールごとの文章修正提案機能で、オン・オフを個別に切り替えられるようにしました。
現在対応したルールは以下のとおりです。

- スペルチェック
- 繰り返し表現のチェック

## アドベントカレンダーページのアクセシビリティを改善しました
![Qiita Advent Calendar 2024](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/72a2a4d0-368b-831d-a2d9-d8973c189d67.png)

*2024年10月11日、15日 リリース*

アドベントカレンダーの以下のページでアクセシビリティを改善しました。

### トップページ
- 左サイドバーの「参加中のカレンダー」を`nav`タグに変更しました
- モバイル時の参加中のカレンダーのセレクトボックスにラベルを追加しました
- 参加中のカレンダーのシリーズのタブをキーボードの矢印キーで移動できるようにしました
- コンテンツ内の要素の順番を変更し、タブキーでの移動順序を改善しました
- イベントスケジュールの日付をスクリーンリーダーで正しく読み上げるようにしました

### カレンダーフィード
- Qiita以外の記事タイトル横に表示される別タブで開くアイコンの読み上げを追加しました
- ユーザーアイコンとユーザー名のリンク・読み上げの重複を解消しました

### カレンダー作成ページ
- ラベルとフォームを紐づけました

## Mermaidを10.9.0から11.3.0にバージョンアップしました

![新しいMermaidで描画されたアーキテクチャ図](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/8de81c12-f415-1a60-e1d9-e4bc52955b8a.png)

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

Mermaidのバージョンを10.9.0から11.3.0に変更し、アーキテクチャ図が描画できるようになりました。

そのほかにも、新たな記法が追加されています。
詳しくは[Mermaidのリリースノート](https://github.com/mermaid-js/mermaid/releases)をご覧ください。

## リリースノートの RSS フィードを公開しました

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

最新のリリースノートを購読することができる RSS フィードを公開しました。
[こちらのURL](https://qiita.com/release-notes/feed)をRSSリーダーから購読すると、Qiitaの最新のアップデート情報が届きます。

## 記事ページのOGP画像にユーザーアイコンを追加しました

![ユーザーアイコンが表示されるようになった新しい記事ページのOGP画像](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/945f5751-d55a-32de-3a09-4688be32e6f6.png)


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

記事ページのOGP画像にユーザーアイコンを追加しました。
SNS等への投稿の際、より投稿者がわかりやすくなります。