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

<img width="1920" alt="Qiitaの2024年7月アップデートのお知らせの画像" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/afb226e7-3c09-c5c3-276b-a5e5b4527bb4.png">





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

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) へご投稿ください。


## **エディタページのコントラスト比を改善しました**
*2024年 07月01日 リリース*

以下の要素でAA基準のコントラスト比を達成しました。

- 自動保存した際に表示されるメッセージの文字色
- 画像の添付や絵文字などを挿入するボタンのアイコンの色
- スライドモード、同時スクロールのトグルボタンの背景色
- エディタのプレビューボタンが選択された際のアイコンの色
- placeholder「エンジニアに関わる知識をMarkdown記法で書いて共有しよう」の文字色


参考: [WCAG 2.0 ガイドライン コントラスト(最低限)](https://waic.jp/translations/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html)

<img width="1920" alt="エディタページのコントラスト比の変更を紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/3f753904-08a8-0991-ab98-86609daaee0f.png">






## **ヘッダーのドロップダウンメニューの開閉操作とキーボードナビゲーションを改善しました**
*2024年 07月02日 リリース*

 - ドロップダウンの開閉の操作を見直しました
     - ボタンをクリックか `スペースキー`でドロップダウンを開くことができます
     - ボタンをクリックか `スペースキー`、またはドロップダウンを開いているときに`Escapeキー`かドロップダウン外をクリックでドロップダウンを閉じることができます
- ドロップダウンを開いた時に、ドロップダウン内にフォーカスが移動するようにしました
- 上下キーでドロップダウン内を移動できるようにしました
- ドロップダウン内でフォーカスがループするようにしました

<img width="auto" alt="ドロップダウンメニューの開閉操作とキーボードナビゲーションの改善を紹介するgif" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/f4de238b-2798-60f3-6899-1cf3a25bb90f.gif">







## **編集リクエストのdiffページで表示される見出しの変更差分を太くしました**
*2024年 07月04日 リリース*

編集リクエストのdiffページで、見出しの変更差分のfont-weightが通常になっていましたが、見出しに合わせて太くしました。

<img width="1920" alt="編集リクエストのdiffページで表示される見出しの変更差分を太くしたことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/44019fa8-4dc0-ea8a-1cb8-28a69f8bfa4f.png">


## **記事ページで、支援技術でのコンテンツ遷移がスムーズになりました**
*2024年 07月08日 リリース*

記事ページでHTMLの`main`要素や`article`要素を使うようにしました。
これにより、スクリーンリーダーなどの支援技術を使った際に、コンテンツへの遷移がスムーズになりました。

## **文章修正提案機能のルールを緩和しました**
*2024年 07月09日 リリース*

同じ語が連続する場合には修正提案が出ていましたが、以下の表現は許可するように変更しました。

- ......
- まあまあ
- めでたしめでたし
- よくよく
- ！！
- ？？

<img width="1920" alt="文章修正提案機能のルールを緩和したことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/0b53f4f2-6949-ab28-d2ae-02472eb52f16.png">


## **エディタから記事・質問の投稿をするとき、エラーがあった場合わかりやすいように下記の変更をしました**
*2024年 07月10日 リリース*

- エラーの表示タイミングを変更しました
    - 旧: 「公開設定」ボタン→「記事を投稿する」ボタン→エラーがある場合メッセージが表示される
    - 新: 「公開設定」ボタン→エラーがある場合メッセージが表示される
- エラーメッセージの表示を変更しました
    - 旧: スナックバーでまとめて表示
    - 新: エラーの該当項目のそばに表示

<img width="1920" alt="エディタから記事・質問の投稿をするときのエラーをわかりやすくしたことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/0829c958-bea6-8806-a91f-7355d273fa14.png">




## **ストックカテゴリーポップアップのデザインを変更しました**

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

- カテゴリーのホバー時に背景色を付けました
- 「ストックを編集する」というリンクを追加し、ストック一覧へ遷移できるようにしました

<img width="1920" alt="ストックカテゴリーポップアップのデザインを変更したことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/a75e20ae-c8f3-e523-fc9a-27df0f1f26c8.png">


## **ユーザーページに閲覧中のユーザーの記事・質問を検索する導線を追加しました**
*2024年 07月24日 リリース*

ユーザーページの「記事・質問・いいね」のナビゲーションの並びに、閲覧中のユーザーを検索条件に指定した検索結果ページに遷移する導線を追加しました。

- 「記事」のタブ選択中に「検索する」を押すと、閲覧中のユーザーの記事を検索します
- 「質問」のタブ選択中に「検索する」を押すと、閲覧中のユーザーの質問を検索します

更に詳細な検索をしたい場合、検索結果ページで検索条件を追加することで詳細な検索が可能です。

### **導線を追加した場所**
<img width="1920" alt="ユーザーページに閲覧中のユーザーの記事・質問を検索する導線を追加したことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/0859b051-fa3f-dc39-d1dd-c91e76194332.png">


## **質問ページのOGP画像を設定しました**
*2024年 07月24日 リリース*

質問ページのOGP画像を設定しました。
質問ページのURLをSNS等で共有した際、OGP画像にタイトル等が表示されます。

<img width="1920" alt="質問ページのOGP画像を設定したことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/ec74f4cf-e27e-599d-00c3-c91728652622.png">



## **ページネーションのデザインを変更しました**
*2024年 07月25日 リリース*

ページネーションで「前のページ」「次のページ」ボタンだけでなく、「各ページへのボタン」や「最初のページ」「最後のページ」に遷移するボタンを追加し、遷移をしやすくしました。

<img width="1920" alt="ページネーションのデザインを変更したことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/3be2c835-1382-61ca-39ab-57158c2ab8a8.png">




## **記事下の投稿者のプロフィールにピックアップ記事が表示されるようになりました**
*2024年 07月29日 リリース*

マイページでピックアップ記事を設定している場合、記事下の投稿者のプロフィールのセクションに、ピックアップ記事が表示されるようになりました。

<img width="1920" alt="投稿者のプロフィールにピックアップ記事が表示されるようになったことを紹介するスクリーンショット" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/094043c5-80cd-3d70-c281-2c5abb7f51cc.png">