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

![Qiitaアップデートのお知らせ（2024年1月）](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/fbab6f74-1581-c5f5-3fde-6dc1f181364e.png)

## はじめに

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

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を変更しました

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

フォロー中のOrganizationは10件、タグは20件までしか表示されず、フォロー中の数がそれより多い場合に分かりやすい見た目にしました。

- 参加中のOrganization
    - タイトルに参加中のOrganizationの数が表示される
- フォロー中のOrganization
    - タイトルにフォロー中のOrganizationの数が表示される
    - 10件以上ある時は「...」が表示される
    - リンクテキストを「すべて見る」に変更
- フォロー中のタグ
    - タイトルにフォロー中のタグの数が表示される
    - 20件以上ある時は「...」が表示される
    - リンクテキストを「すべて見る」に変更

![マイページのサイドバーのUIの変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/a70137df-c39d-dc45-489c-773c46ae4b2d.png)

## アクセストークンをコピーできるボタンを追加しました

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

作成したアクセストークンをクリップボードにコピーできるボタンを追加しました。

![アクセストークンをクリップボードにコピーできるボタンを追加したUIの変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/23072aa7-fce6-406a-b21f-e890f2d0d453.png)

## 記事投稿完了時のモーダルにお正月仕様のQiitanを追加しました

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

記事投稿完了時のモーダルにお正月仕様Qiitanのアニメーションを追加しました。
どんなQiitanだったか見てくれましたか？ 🐉

<img width="500px" alt="2024年お正月仕様のQiitanのアニメーションn" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/8aa74421-6e12-9bf1-df73-9d20e610b43e.gif">

## スナックバーのUIをアップデートしました

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

お知らせに使用していたスナックバーが気が付きづらいUIになっていたため、位置や色を見直し気が付きやすくなるようにしました。

- 位置を左下から、画面上部の中央に移動しました
- 内容がわかりやすいように、アイコンを追加しました
- 文字を黒色にして読みやすくしました
- 閉じるボタンを大きくして、クリックしやすくしました
- スナックバーが表示される時にスクリーンリーダーで読み上げられるようにしました

![スナックバーの変更したUIの変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/48646f66-93aa-f08e-3bd9-ba1c6a5ceaed.png)

## 新しいショートカットをエディタ内で使用できるようになりました

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

- `Alt-↑`、`Alt-↓` で選択した行を移動できるようになりました
- `Shift-Alt-↑`、`Shift-Alt-↓` で選択した行を複製できるようになりました

![新しいショートカットを紹介するアニメーションgif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/9e904ba7-86b9-0183-5097-7729c04b5e7d.gif)



## ダークテーマで、背景透過のOrganizationのロゴが見えづらくなっていたのを修正しました

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

ダークテーマ時に背景が透過されたOrganizationのロゴが見えづらくなっていたため、修正しました。


### organization一覧

![organization一覧ページのダークテーマで背景透過のOrganizationのロゴの見えづらさを解消した対応の変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/4e966eee-bfa1-d7e6-6a6e-66588c7258ac.png)


### organization詳細

![organization比較ページのダークテーマで背景透過のOrganizationのロゴの見えづらさを解消した対応の変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/3ad2ff06-323a-c028-090c-915d58f01ba5.png)

### organization新着一覧

![organization新着一覧ページのダークテーマで背景透過のOrganizationのロゴの見えづらさを解消した対応の変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/24ef3bbb-9f48-1173-43f6-01ceec340237.png)


### 記事ヘッダー

![記事ページヘッダーのダークテーマで背景透過のOrganizationのロゴの見えづらさを解消した対応の変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/a11636b9-065b-7f3b-0c4c-92432f039c97.png)


### 記事投稿者情報

![記事投稿者情報のダークテーマで背景透過のOrganizationのロゴの見えづらさを解消した対応の変更前と変更後の比較](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/28243d50-8443-9d39-3980-f1fd3320fd84.png)

## 文章修正提案機能を正式版として公開しました

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

- ベータ版として公開していた文章修正提案機能を正式版として公開しました
- 記事・質問を執筆する際に、文章に誤りや修正提案がある場合はエディタ上で提案を行います

![文章修正提案機能のUIを紹介する画像](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/bd6de901-7e1c-a4b7-48fe-8811d04423dc.png)

## 新しいシンタックスハイライトに対応しました

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

以下のシンタックスハイライトに対応しました。

- Svelte (svelte)
- CODEOWNERS (codeowners)

![新しいシンタックスハイライトを紹介する画像](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/34170a66-77ab-9d6a-6577-ef934e146a36.png)