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

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/76458486-b363-6eb3-e3a1-069046d255e5.png)

## はじめに

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

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


## GitHub Sponsorsと連携できるようになりました
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/55e0b0e7-1d7c-54a9-2c2e-e8fa6a654197.png)
*2024年2月2日*

GitHub Sponsorsと連携できるようになりました。
連携をすると、記事ページとマイページに以下のUIが表示されるようになります。

詳しい内容は「[Qiita Blog - GitHub Sponsorsと連携できるようになりました](https://blog.qiita.com/github-sponsors/ ) 」をご覧ください！

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/05652631-de3a-1520-3494-9995b5e3721d.png)


## コマンドによる補完機能をアップデートしました
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/faeebb80-0f43-fe75-8419-8ec9835cab80.png)
*2024年2月2日リリース, 2024年2月16日リリース*

`/` によって利用できる補完機能を選択するときに、`↑キー` と `↓キー` でカーソルを動かせるようになりました。
また、`/table` でタテとヨコが2マスずつの表を挿入できる機能を追加しました。


## Qiitaのカラーパレットを変更しました
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/45392f87-a09f-9cef-a9bb-75da6a076bc1.png)
*2024年2月15日リリース*

アクセシビリティに配慮したUIにするため、Qiitaのカラーパレットを見直し、コントラスト比を考慮したカラーパレットに変更しました。

詳しい内容は「[Qiita Blog - Qiitaのカラーパレットを変更します](https://blog.qiita.com/release-color-pallet/) 」をご覧ください！


## アクセシブルなモーダルをリリースしました
*2024年2月2日リリース*

変更点は以下の通りです。

- **適切な要素にフォーカスが当たるようになりました**
    - モーダルを表示した時、モーダル内のフォーカス可能な要素に移動するようになりました
    - モーダルが閉じた時、モーダルを表示させた要素にフォーカスが移動するようになりました
    - `Tab`, `shift + Tab` で、モーダル外の要素にフォーカスが当たらないようになりました
- **背景が非活性になるようにしました**
    - モーダルが表示されている時、モーダル外にある要素がスクロールしないようになりました
    - `showModal()` メソッドを使って、モーダル外の要素が暗黙的に不活性化するようになりました
- **モーダルを操作できるようにしました**
    - `Esc` でモーダルを閉じられるようになりました
- **WAI-ARIAを設定しました**
    - `<dialog>` を使ったモーダルになりました
    - `showModal()` メソッドを使って、暗黙的に `aria-modal="true"` が設定されるようになりました
    - `aria-label`, `aria-labelledby` 属性でラベルを設定するように変更しました
    - モーダルの説明を含む要素がある場合、`aria-describedby` 属性を設定するように変更しました


## Qiita表彰プログラムページ 年間表彰ページ ２０２３年度を公開しました
*2024年2月2日リリース*

2023年度の[年間表彰ページ](https://qiita.com/qiita-award/annual-top)を公開しました。

「年間TOP Contributor」は、1年間で獲得したContribution数が多い上位10名を表彰します。
「年間TOP Organization」は、1年間で獲得したいいね数が多い上位10企業を表彰します。


## 限定共有記事を全体公開に変更する際に、記事投稿キャンペーンへの登録も同時に行えるようになりました
*2024年2月5日リリース*
限定共有記事の公開範囲を全体公開に変更したときに、そのまま記事投稿キャンペーンに登録できるようになりました。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/9b37202e-a481-3173-1977-e8d50ecaa6d0.png)

## 限定共有記事一覧のデザインを変更しました
*2024年2月6日リリース*

変更点は以下の通りです。

- 記事カードにユーザー名とユーザーアイコンを表示するようにしました
- 記事作成日をユーザー名の下に表示するようにしました
- 記事のタグをカードの下部に移動し、タグのデザインを変更しました

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/74575aa1-f262-ccac-9217-cd4ba0dd7205.png)

## Organization申請フォームのUIを見直しました
*2024年2月6日リリース*

[Organization申請ページ](https://qiita.com/organizations/new)のUIを見直し、よりわかりやすくなるようにしました。

- 項目の種類ごとに見出しを設定し、入力時にわかりやすくしました
- メイン画像とロゴ画像のプレビューを実際の画面と揃えました

Organization設定の基本情報ページも合わせて見直しています。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/1eb4b39b-9c27-e4e3-3be9-469d9457ef1c.png)

## Organization設定ページをダークテーマに対応しました
*2024年2月19日リリース*
Organization設定ページをダークテーマに対応しました。
Organization設定ページには、Organizationの管理者がアクセスできます。

ダークテーマはQiitaにログインした上でOSの設定をダークテーマに設定いただくことで、ダークテーマを利用できます。
[ダークテーマへの切替のヘルプはこちら](https://help.qiita.com/ja/articles/qiita-theme)

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/2e677c97-b34c-eff6-ac8c-e72dad534dea.png)

## AIサジェスト機能をオープンベータ版として公開しました
*2024年2月26日リリース*

AIサジェスト機能をオープンベータ版として公開しました。
詳しい内容は「[Qiita Blog - AIサジェスト機能をオープンベータ版として公開しました](https://blog.qiita.com/ai-suggest-open-beta/) 」をご覧ください！

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/4b28365d-ec0e-052f-fa03-1f1391aedd19.png)

## 記事のOGP画像にOrganization名が表示されるようになりました
*2024年2月29日リリース*

記事のOGP画像にOrganization名が表示されるようになりました。
Organizationに紐付いている記事の場合、Organization名が表示されます。

長いユーザー名やOrganization名の場合に文字が切れてしまう場合がありますが、今後のアップデートで調整する予定です。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/ee067d9b-7510-4892-7b67-3cf9226af00e.png)