こんにちは、Qiita運営です。
今日は「QiitaのMarkdownパーサーの互換性サポート終了」についてお知らせいたします。
2022年2月に行ったMarkdownパーサーの変更後も変更前のパース結果を保つために互換性をサポートしておりましたが、開発リソース最適化のため、2024年10月をもちまして終了とさせていただきました。
この度は事後のご報告となってしまい、大変申し訳ございません。
上記サポートの終了に伴いまして、パーサー変更前に投稿された記事の表示が変わってしまう箇所がございます。
記法の変更箇所についての詳細は、下記の解説記事をご参照ください。
QiitaのMarkdownパーサー変更にともなう注意点について
今後は、開発リソースを新しい開発に集中させることで、更によりよいサービス提供に取り組んで参ります。
みなさまにはご不便をおかけいたしますが、何卒ご理解を賜りますようお願い申し上げます。
こんにちは、Qiita運営スタッフです。
今回は、Qiita Advent Calendar 2024のQiita賞・特別企画のご紹介をしていきます🎉
大人気の公式マスコットQiitanぬいぐるみなどのグッズが貰えるチャンス！
Qiita賞は、Qiita Advent Calendar の参加者に対し、Qiita運営から表彰される賞です🎅
特別企画は、Qiita運営によるテーマカレンダーや、Qiitaと複数の団体様とのコラボレーションカレンダーです。
今年もQiita Advent Calendarを最高に楽しんでいただけるように3部門の表彰をご用意しました。
投稿された全記事の中から、いいねが最も多かった記事の執筆者上位3名に贈られます。
Qiita Advent Calendar 2024に記事を投稿していただきます。
Qiita上で記事を投稿された方が対象となります（ブログ記事などは対象外となりますのでご注意ください）
第1位：Qiitanぬいぐるみ（ニコニコver）1体＋Qiita Tシャツ1枚+Qiitan ピンバッジ1個
第2位：Qiita Tシャツ1枚+Qiitan ピンバッジ1個
第3位：Qiita Tシャツ1枚
Qiita記事に1人で25記事投稿しきった方∞名を表彰します。（複数のカレンダーで計25記事の投稿も対象）
※最終的な達成者は、コミュニティガイドラインに則していない記事（再利用性・汎用性が低い、文章として成立していないメモや走り書きの記事、正しいかどうかを検証していない記事など ）か運営が内容確認・審査をした上で選定いたします。
Qiita Advent Calendar 2024にカレンダーを作成、記事を投稿していただきます。
Qiita上で記事を投稿された方が対象となります（ブログ記事などは対象外となりますのでご注意ください）
2024年12月25日（月）23:59までに25記事以上投稿されていれば条件を満たすものとします。
Qiitaノベルティセット（Qiitanぬいぐるみ 1体、Qiita シャツ1個、Qiitanキーキャップ1個）、バッジ（電子）
Qiita Advent Calendar 2024に記事を投稿された方の中から抽選で50名を選出いたします。
Qiita Advent Calendar 2024のいずれのカレンダーに紐づいて投稿した記事が抽選券となります。（ブログ記事などは対象外となりますのでご注意ください）
特賞（3名）：Qiita パーカー1枚
1等（7名）：Qiita Tシャツ1枚、Qiitanストレスボール1個
2等（10名）：Qiita Tシャツ1枚
3等（30名）：Qiitan ピンバッジ1個
メンバー数11名以上のOrganizationの中から、いいねが最も多かったOrganizationカレンダーを作成したチームに贈られます。
Organizationカテゴリでカレンダーを作成し、チームメンバー（11名以上）で12月1日〜25日を完走（全ての日付で記事投稿）していただきます。
カレンダー作成時にOrganizationの紐付けが必要です（カレンダー作成後の紐付けはできないためご注意ください） 。
Qiitanぬいぐるみ（ニコニコver）最大25個
メンバー数10名以下のOrganizationの中から、いいねが最も多かったOrganizationカレンダーを作成したチームに贈られます。
Organizationカテゴリでカレンダーを作成し、チームメンバー（10名以下）で12月1日〜25日を完走（全ての日付で記事投稿）していただきます。
カレンダー作成時にOrganizationの紐付けが必要です（カレンダー作成後の紐付けはできないためご注意ください） 。
Qiitanぬいぐるみ（ニコニコver）最大10個
Organizationカレンダーに参加したOrganizationの中から、抽選で1つのOrganizationに贈られます。
Organizationカテゴリでカレンダーを作成し、チームメンバーで12月1日〜25日を完走（全ての日付で記事投稿）していただきます。
カレンダー作成時にOrganizationの紐付けが必要です（カレンダー作成後の紐付けはできないためご注意ください） 。
Qiita Tシャツ最大25枚
はじめてのアドベントカレンダーに投稿された全記事の中から、いいねが最も多かった記事の執筆者上位3名に贈られます。
「はじめてのアドベントカレンダー」のQiita Advent Clendarに記事を投稿していただきます。
Qiita上で記事を投稿された方が対象となります（ブログ記事などは対象外となりますのでご注意ください）
Qiita Tシャツ
はじめてのアドベントカレンダーに投稿された全記事の中から抽選で贈られます。
「はじめてのアドベントカレンダー」のQiita Advent Clendarに記事を投稿していただきます。
Qiita上で記事を投稿された方が対象となります（ブログ記事などは対象外となりますのでご注意ください）
「Qiita全国学生対抗戦」に投稿いただいた記事の中から、いいねが最も多かった記事の執筆者に贈られます。
「Qiita全国学生対抗戦」のQiita Advent Clendarに記事を投稿していただきます。
Qiita上で記事を投稿された方が対象となります（ブログ記事などは対象外となりますのでご注意ください）
Qiitaノベルティセット（Qiitanぬいぐるみ（ニコニコVer）1体、Qiita Tシャツ1枚）
今回のQiita賞・特別企画をきっかけに、ひとりでも多くの方にご参加いただけますと幸いです。
皆さまとQiita Advent Calendar を盛り上げていきましょう！
こんにちは！Qiita運営スタッフです！
今年もQiita Advent Calendarの季節が近づいてまいりました。
今回は毎年恒例のプレゼントカレンダーについてご紹介します。
今年は総額200万円以上のプレゼントをご用意いたしました🎁
気になるカレンダーがありましたら、ぜひ参加してみてください🎄
Qiita Advent Calendar 2024 プレゼントカレンダーはこちら
プレゼントカレンダーとは、特定のテーマで良い記事を投稿していただくとサンタクロース🎅（スポンサー企業様）からプレゼントがもらえる企画です。
Qiita常連の方も、最近投稿していないけど久しぶりに投稿してみようかなという方も、プレゼントのために初めて投稿するぞという方も大歓迎です！2024年の締めくくりとして、ぜひ盛り上がっていただけますと幸いです。
今年のサンタクロース（スポンサー企業様）はこちらです🤶
Qiita賞・特別企画では、大人気の公式マスコットQiitanぬいぐるみなどをプレゼントいたします！
こちらもぜひご参加ください。
▼詳細はこちらよりご覧ください。
Qiita Advent Calendar 2024 Qiita賞・特別企画の参加方法・選定基準について
今回も豪華なプレゼントがもらえるチャンス！
どのカレンダーに書くか決めていない人も、決めている人も奮ってご参加ください🙌
Qiita Advent Calendar 2024 プレゼントカレンダーはこちら
※プレゼントの内容は変更となる場合がございます。ご了承ください。
なお、プレゼント対象者の発表はアドベントカレンダー終了後の2025年1月17日（金）Qiita Advent Calendar Online Meetup（ライブ配信）にて発表予定です。
こちらのイベントは12月中に登録開始を予定しておりますので、ぜひご参加ください。
こんにちは、Qiita運営です！
日頃Qiitaをご利用いただいている皆さまに、ユーザーアンケートのお願いです。皆さまの現在のお仕事や働き方、使用されている開発言語・ツール、Qiitaのご利用状況などについて教えてください。
アンケートに回答いただいた方の中から抽選で20名様にAmazonギフトカード5,000円分をプレゼントいたします。ぜひご協力いただけますと幸いです。
Qiitaでは、アンケートでエンジニアの皆さまの志向性や取り巻く環境の変化などの調査を行い、そこで得られたデータや知見を、年に一度のペースで還元したいと考えています。
本調査の結果が、皆さまの今後の取り組みやキャリアパスのお役に立てれば幸いです。
抽選で20名様にAmazonギフトカード5,000円分（Eメールタイプ）をプレゼントいたします。プレゼントに関する詳細・条件などは以下の通りです。
アンケートにお答えいただく場合、【個人情報の取り扱いについて】という項目で「同意する」を選択していただく必要があります。「同意しない」を選択した場合、アンケートは終了します。
※本キャンペーンはQiita株式会社による提供です。
※本キャンペーンについてのお問い合わせはAmazonではお受けしておりません。
※Qiita運営スタッフまでお願いいたします。
※Amazon、Amazon.co.jp およびそれらのロゴは Amazon.com, Inc.またはその関連会社の商標です。
ーーーーーーーーーー
【Qiita運営スタッフ】
Eメール : support@qiita.com
営業時間 : 土日祝日を除く午前11時～午後7時
ーーーーーーーーーー
Qiitaアカウントをお持ちの方が対象となります。アカウントをお持ちでない方は、https://qiita.com/signup よりご登録ください。なお、重複して同一人物が複数回答いただいていると判断した場合には、1件として取り扱います。
当選された方を対象として、2024年11月下旬頃に、Qiitaで登録いただいているメールアドレス宛でメールにてご連絡いたします。なお、当選されなかった方にはご連絡いたしませんのでご了承ください。
①回答頂いた内容は以下の利用目的で利用します。
②当社のプライバシーポリシー
当社プライバシーポリシー：https://qiita.com/privacy
以下の日程で Qiita, Qiita Team の計画メンテナンスを実施いたします。
ご不便をおかけしますが、ご理解いただけますと幸いです。
2024年09月23日 (月) 14:00開始、16:00終了予定
※ 終了時間は前後する可能性がございます
メンテナンス実施中は一時的に Qiita, Qiita Team にアクセスすることが出来ません。
ご利用の皆様にはご迷惑をおかけしますが、よろしくお願いいたします。
暑い日が続く毎日ですが、どのようにお過ごしでしょうか🔥
Qiita運営スタッフです。
7月25日（木）開催のQiita Engineer Festa 2024 後夜祭 ～アウトプットの祭典！でも先行発表しましたが、本記事で改めて受賞者の結果発表を行います🚀
2024年は7社の企業さまにご協賛いただき、豪華な賞品が揃いました！
ユーザーの皆さまも盛り上がっていただけましたら幸いです。
また、ご参加いただいたスポンサー企業の皆さま、ご協賛いただきありがとうございました！
それでは、早速各賞の発表をしていきます！
🏆株式会社ネクスウェイ
🏆エヌ・ティ・ティ・コミュニケーションズ株式会社
🏆株式会社PE-BANK
🏆株式会社PHONE APPLI
🏆ソプラ株式会社
🏆テクマトリックス株式会社
🏆株式会社トップテン
営業電話についての最新ITテクノロジーを使った解決策を真剣に考えてみた （@bon10さん）
「封筒」で送られる情報には、情報以上の価値がある時代になっている。 （@haihaikazumaさん）
みんなが「見聞色の覇気」を習得できる社会になるには？ （@CornerBookさん）
sponsored by Qmonus Value Stream アプリケーション開発に注力するための工夫をシェアしよう！
開発環境を改善するためにチームに提案して実践したこと （@ryosuke-horieさん）
プロダクトの価値の最大化に集中する （@TairaNozawaさん）
2人目の開発者を迎える前に決めておきたいルール/設定 （@nicco_miraiさん）
なんだか助かる便利なおっちゃんになりたい （@koji-yamauchiさん）
エンジニア2年目経験なし。1年で給料を2倍にしたキャリア戦略 （@Sicut_studyさん）
「組織」や「チーム」でのコミュニケーションについて、あなたの考えをシェアしよう!
「なぜ」と聞かずに理由を引き出す！「詰めてる」感を減らす言い換えテク （@ynmc0214さん）
ワーキングアグリーメントでお互いの価値観を共有しよう （@kojimadevさん）
成長に必要なのはティーチング？それともコーチング？ （@mooooroiさん）
CodeAGIで実際にコードを自動生成してレビューを投稿しよう！
【生成AI】知らないと後悔する、GPT-4oだけでシステム開発を300%効率化するハック【CodeAGI】 （@nqdiorさん）
CodeAGIや他の生成AIを組み合わせて開発してみた （@phibi-soonさん）
CodeAGI、テキトーExcel設計書でも動くのか？ （@NUNOGAWAさん）
TestRail実践！テスト自動化と管理で生産性を劇的改善してみた （@tom_a_12さん）
【推し機能有〼】TestRailを触って、感銘を受けた！ （@Syahu_Writerさん）
TestRailに乗り換えて1年：Excelからの移行で見えたメリットと使い勝手 （@pdc-ujoyさん）
markdown AI で子ども向けのクリエイティブツールを公開 （@shikuno_devさん）
markdown AIを使って夏休みの自由研究内容をウェブ公開してみる （@moromi25さん）
markdown AIの使用感と(子どもによる)活用方法の考察 （@phibi-soonさん）
エンジニアにも知って欲しいChatGPT基本テクニック （＠b-menteさん）
読まないと後悔する技術書30選 （＠Sicut_studyさん）
コミット履歴が ” きれい ” なPRはすごく助かる。ありがたい。好き。 （＠_miさん）
＠0dn09g3y726519さん
＠hrb_yoshiさん
Qiita Engineer Festa 2024に38記事投稿したユーザーの皆さまには全員にプレゼント！
※コミュニティガイドラインに則り、運営で記事の内容を確認・審査を行います。その結果、無効とカウントする記事が出る場合もございます。
@akinamiさん、@axoloto210さん、@baku2sanさん、@bmjugglerさん、@c9h11o2さん、@cardeneさん、@carol0226さん、@CinnamonSea2073さん、@comet725さん、@course_kさん、@dai_chiさん、@degudegu2510さん、@DEmodoriGatsuOさん、@does_not_existさん、@e99h2121さん、@ekzemplaroさん、@engineer_tackyさん、@enumura1さん、@eric50905さん、@EveSquareさん、@firesign2023さん、@furu_39さん、@gomAnomalocarisさん、@H_Stephenさん、@hudebakononakaさん、@JavaLangRuntimeExceptionさん、@jouleさん、@kaizen_nagoyaさん、@kazuya-sugawaraさん、@Keiji_otsuboさん、@keitaMaxさん、@kimuni-iさん、@kk0128さん、@kohki_takatamaさん、@koji0705さん、@koji-yamauchiさん、@mai_lljさん、@manabianさん、@maplejavaさん、@mashuelさん、@maskot1977さん、@mebiさん、@MelonPanUryuuさん、@mikecat_mixcさん、@miriwoさん、@mkt_hanadaさん、@moonWalfさん、@mr_noppoさん、@nak435さん、@namn1125さん、@nqdiorさん、@NUNOGAWAさん、@ohisama@githubさん、@phibi-soonさん、@r1999さん、@RyoWakabayashiさん、@RyutoYodaさん、@SBS_Takumiさん、@Senritsu420さん、@sequencemakerさん、@shikuno_devさん、@shinryさん、@Shuhei-ppさん、@SI_Monxyさん、@t1k2aさん、@Tadataka_Takahashiさん、@taka_yayoiさん、@taka000さん、@Takaaさん、@Takkesanさん、@tanimoto-hikariさん、@tftigersさん、@tkmskさん、@tobita_yoshikiさん、@torifukukaiouさん、@tsukasaIさん、@Tunaponさん、@twrcd1227さん、@Umamusume22さん、@umekikazuyaさん、@wa-chan222さん、@xrxoxcxoxさん、@y-vectorfieldさん、@yam_devさん、@Yasushi-Moさん、@youtoyさん、@ys_dirardさん、@yu_ukさん、@Yuki-N-1016さん、@yukihkさん、@ZONO33LHDさん
Qiita Engineer Festa 2024に19記事投稿したユーザーの皆さまには全員にプレゼント！
※コミュニティガイドラインに則り、運営で記事の内容を確認・審査を行います。その結果、無効とカウントする記事が出る場合もございます。
@aki_number16さん、@Akuuuunさん、@aoikuさん、@emuynさん、@GameDevEggさん、@goronekoさん、@gotanda_kazutakaさん、@i-am-misakiさん、@isanakamishiro2さん、@Kage_0702さん、@karaagekun20さん、@KyongminSさん、@kyuu2197さん、@LekcentMさん、@lpsyunさん、@Maki-HamarukiLabさん、@mikkaさん、@mlabさん、@mochi_2225さん、@mokonaclさん、@moritalousさん、@mtmtssさん、@muratasub70さん、@Myabaouさん、@nanbuwksさん、@nnn112358さん、@nogizakapythonさん、@nomurasanさん、@noritakaIzumiさん、@odendayokoさん、@ohtsuka-shotaさん、@owayoさん、@PowerPlatform4さん、@realmadridmarceloさん、@ripple_naipさん、@Saito5656さん、@sakura11054さん、@SASNEWSさん、@shisojuiceさん、@Sicut_studyさん、@taka-dさん、@Tanmayさん、@tatsu-hysさん、@tiger98さん、@TooMeさん、@Tri_Engiさん、@vossibopさん、@yaskitieさん
受賞者の皆さまにはQiitaにご登録いただいているメールアドレス宛に、2024年8月初旬までに賞品の送付先を伺うご連絡を差し上げます。お手数ですがご対応いただけますと幸いです。
※期日までにご返信をいただけない場合は次の対象者の方へプレゼント贈与させていただきます、ご了承ください。
※Qiitanストレスボール送付対象の受賞者の方には、2024年8月中旬から下旬にかけてストレスボールをお届けする予定です。なお、他の景品を併せてお送りする場合も、ストレスボールと同じ時期に発送いたします。
※商品の入荷状況により発送が遅れる場合がございます。予めご了承ください。
Qiita Engineer Festa 2024はいかがでしたでしょうか。
今年は過去のQiita Engineer Festaの中で最大の投稿数、参加者数となりました。皆さま、投稿してくださり、ありがとうございます！！
今後もエンジニアを最高に幸せにするために、より良いサービスの提供ができるよう努めてまいります。
これからもQiitaをよろしくお願いします🚀
こんにちは、Qiita運営です。
今回は、5月20日から実施する「未ログイン状態のユーザーさま向けの広告位置の変更テスト」についてお知らせいたします。
Qiitaはサービスを開始して以降、多くのユーザーに利用していただきつつ、
たくさんの新機能開発や改善をしていきました。
ユーザーの満足を持続的に追求する過程では、新機能の開発や既存機能の改善が不可欠となります。
それには、運営チームはQiitaというコミニュティを維持するためのコストを賄う必要があります。
運営コストに充てるために「広告」という仕組みで収益を獲得しつつ、企業とユーザーであるエンジニアの皆さんを繋ぐことでコミニュティが盛り上がると考えています。
結果として提供できるサービスの質を向上させることを目的としています。
記事の閲覧体験を損なわない範囲で、広告の視認性を高める位置への変更を予定しています。
具体的には一部の未ログインユーザーに対して、記事ページでの広告表示位置を、現在表示されている記事の下部から記事の上部に変更する予定です。
イメージ図
変更後もQiitaを快適にご利用いただけるよう、広告表示の最適化に努めてまいります。
ご不便を感じられる点がございましたら、お気軽にフィードバックをお寄せください。
皆様からの貴重なご意見をもとに、改善を重ねていく予定です。
今後ともQiitaをより良いプラットフォームに進化させていくため、皆様のご理解とご協力を心よりお願い申し上げます。
今後もエンジニアのみなさまにとって価値あるものであり続けられるよう、新機能や改善の開発に取り組んで参ります。
今後の目標や取り組みについては、よろしければこちらもご覧ください。
また、新たなリリース情報はリリースノート、Qiita 公式 X（Twitter）、Qiita Blogでお知らせしていきます。
これからも改善に取り組んでいきますので、ご意見・ご要望がありましたら、Qiita Discussionsでぜひお聞かせください。引き続きよろしくお願いします。
こんにちは、Qiitaのデザイナーのかべちよです。
Qiita は 2024年5月16日（木）にオンラインで開催されるGAAD Japan 2024に協賛することをお知らせいたします。
GAAD Japan 2024は、毎年5月の第3木曜日に開催されるアクセシビリティをテーマにしたオンラインセミナーです。
Qiitaでは日々アクセシビリティ改善に取り組んでいます。
取り組みの内容はこちらのブログをご覧ください
アクセシビリティ改善プロジェクトを立ち上げました – Qiita Blog
また、アクセシビリティの知見共有を盛り上げるために、アクセシビリティの記事投稿キャンペーンを実施する予定です。
5月7日（火）から開催しますのでぜひご参加ください。
こんにちは、Qiitaのデザイナーのかべちよです。
（最近はSUZURIさんで販売中のQiitaグッズをデザインしました 
）
Qiitaでは誰もがQiitaを利用できるように、アクセシビリティ改善プロジェクトを進めています。
今回はその取り組みの背景、現状、そして今後の展望についてご紹介します。
Qiitaは、「エンジニアを最高に幸せにする」というMissonを掲げています。
この「エンジニア」には、年齢や障害の有無にかかわらずあらゆる人たちが含まれます。
そのため、アクセシビリティ向上に取り組むことは私たちのミッション達成に必要であると考えています。
加えて、Qiitaは技術情報を共有するためのプラットフォームです。
環境や状態に関わらず誰でもQiitaを利用できるようにすることが、技術情報の共有をより促進できると考えています。
Qiitaでは元々、「アクセシビリティを向上させていきたい」という共通の意識がありました。
これまでにも、以下のようなことに取り組んできました。
outline: noneを削除し、リンクやボタンにフォーカスした時にインジゲーターが表示されるようにするdivで実装されているボタンやリンクを修正する
これにより、「アクセシビリティとは何か」「なぜ取り組むのか」といった基礎知識がチーム内で共有されてきました。
これまでも各々が自主的にキャッチアップをし、気付いた範囲でアクセシビリティに取り組んできていました。
しかし対応する人や状況によってばらつきがあったり、実際にスクリーンリーダーでどう読み上げられるかやキーボードのみで操作できるかなどは確認できていませんでした。
そこでさらなるアクセシビリティの向上を目指して、アクセシビリティ改善プロジェクトを立ち上げました。主な取り組みの内容は以下の通りです。
まずはアクセシビリティ対応の範囲と基準を決めました。
QiitaのWebサイト全体を対象とし、適合レベルAAに一部準拠を目標として設定しました。
特に重要なページから順次チェックを進めています。
次に、適合レベルに達しているかのアクセシビリティチェックを実施しています。
チェックはfreeeさんが公開しているアクセシビリティー・チェック・リストを参考にしています。
アクセシビリティチェックで見つけた問題点をissue化し、順次対応しています。
いくつか今までに対応した問題を紹介します。
今までのカラーパレットでは、ボタンやリンクなどでコントラスト比が確保できていませんでした。
また、アイコンやテキストに使う色もどの組み合わせならコントラストが確保できるかなどが整理されておらず、適宜デザイナーが調整する必要がありました。
そこでカラーパレットを見直し、ライトテーマ・ダークテーマともにコントラスト比が確保できるようにしました。
詳細はカラーパレット変更についてのブログをご覧ください。
今までのモーダルウィンドウは、開いてもすぐにフォーカスできなかったり、裏側の要素を操作できてしまったりしていました。
そこで、適切にフォーカスでき、裏側の要素が非活性になるモーダルウィンドウを作成して置き換えました。
詳細はモーダルウィンドウについてのリリースノートをご覧ください。
Qiitaのアクセシビリティ対応はまだまだこれからです。
今後も改善を続け、新たなリリース情報はリリースノート、Qiita 公式 X（Twitter）、Qiita Blogでお知らせしていきます。
アクセシビリティに関するご意見・ご要望がありましたら、Qiita Discussionsでぜひお聞かせください。
平素より当社のサービスをご利用いただき、誠にありがとうございます。
この度、個人情報保護法の施行規則・ガイドライン一部改正に伴い、当社のプライバシーポリシーと利用規約の内容を改定することとなりました。
主な変更点を、以下のとおり、ご案内させていただきます。
2024年4月1日
改定後のプライバシーポリシー・利用規約については以下のURLからご確認いただけます。
今後とも、当社のサービスへのご愛顧を賜りますよう、お願い申し上げます。
2024年3月28日
Qiita株式会社
代表取締役社長 柴田 健介
こんにちは、Qiita運営です。
今日はQiitaのクローズドベータ版として公開していたAIサジェスト機能をオープンベータ版として公開したことをお知らせします 🚀
クローズドベータ版をご利用いただき、フィードバックしてくださったユーザーの皆様ありがとうございました😊
近年、生成系AIの技術が発達し、さまざまなシーンで使われるようになってきています。
Qiitaでも生成系AIの技術を用いることで、今まで提供できていなかった新しい体験を提供することができないか検証を行っていました。
今回検証の中で開発した機能についてクローズドベータ版でユーザーの皆様にも評価いただいたため、より多くの方に使用していただけるようオープンベータ版として公開させていただくことになりました。
AIサジェスト機能とは、記事において執筆した内容をもとに、続きの文章の提案を行う機能です。
この機能を用いることで、文章の続きを考える際などにAI（人工知能）に続きのアイディアをもらうことが可能になります。
ベータ版に切り替えると、以下の手順でAIサジェストを利用できるようになります。
ベータ版切り替えはこちら
/コマンドを入力するaisuggestを選択する
オープンベータ版として公開後は、いただいたフィードバックをもとに更に機能の改善を行い正式リリース予定です。
ぜひご利用いただき、フィードバックをいただけますと幸いです。
アップデート情報については、追ってQiita BlogやQiita Discussionsにてお知らせします。
Qiitaで生成系AIを活用するアイディアなどあればぜひご意見いただけますと幸いです。
これからもQiitaの改善に取り組んでいきます。
もし、ご意見・ご要望がありましたらベータ版フィードバックよりいつでもお寄せください。
こんにちは、デザインG の @degudegu2510 です。
本日はQiitaのカラーパレットを変更したことについてお知らせします！
Qiita運営メンバーでは、「エンジニアを最高に幸せにする」というMissonを達成するため、日頃からアクセシビリティ改善の議論を重ねています。
今回は、Qiitaのアクセシビリティの課題の1つである、「WCAG 2.1 1.4.3：コントラスト（最低限）」 の解決に向けての第一歩であるカラーパレットの変更を行いました。
QiitaのUIでは、背景色に以下の4色が使われています。
#FFFFFF・#F5F6F6#1d2020・#2f3232これらの背景色上にコントラスト比 4.5：1 以上になる色を、各テーマ・各階調 4色以上確保できるように以下のようなカラーパレットを作成しました。
| 色 | 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Gray | #ffffff | #f5f6f6 | #edeeee | #dfe0e0 | #bcbdbd | #9c9e9e | #7a7d7d | #5e6060 | #494b4b | #3a3c3c | #2f3232 | #1d2020 |
| Green | #f0fae9 | #dff4cf | #c7ecab | #aae280 | #8ad74f | #67cb1b | #4cb100 | #357a00 | #2b6300 | #1c4100 | #102500 | |
| Blue | #eff6fc | #dbebf8 | #c0ddf3 | #a0cbed | #7bb7e6 | #54a2df | #3987c4 | #2c6897 | #204c6e | #153248 | #0c1d2a | |
| Yellow | #fbf5e0 | #fff0b3 | #ffe380 | #ffdb57 | #ffce1f | #e0af00 | #ae8803 | #866903 | #685103 | #3f3203 | #261e03 | |
| Red | #fff0f0 | #ffdbdb | #ffb8b8 | #ff7575 | #ff4d4d | #ec1313 | #bd0505 | #970404 | #6d0303 | #460202 | #2a0101 |
ライトテーマの背景色上では、Gray70番以上の5色がコントラスト比 4.5：1 以上になるように調整し、ダークテーマの背景色上では、Gray50番以下の6色がコントラスト比 4.5：1 以上になるように調整しています。
| Gray | 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
#FFFFFFとのコントラスト比 | 1:1 | 1.1:1 | 1.2:1 | 1.3:1 | 1.9:1 | 2.7:1 | 4.2:1 | 6.3:1 | 8.8:1 | 11.1:1 | 12.9:1 | 16.2:1 |
#F5F6F6とのコントラスト比 | 1.1:1 | 1:1 | 1.1:1 | 1.2:1 | 1.7:1 | 2.5:1 | 3.8:1 | 5.8:1 | 8.1:1 | 10.3:1 | 11.9:1 | 15:1 |
#1d2020とのコントラスト比 | 12.9:1 | 11.9:1 | 11.1:1 | 9.8:1 | 6.9:1 | 4.8:1 | 3.1:1 | 2:1 | 1.5:1 | 1.2:1 | 1:1 | 1.3:1 |
#2f3232とのコントラスト比 | 16.2:1 | 15:1 | 14:1 | 12.3:1 | 8.6:1 | 6:1 | 3.9:1 | 2.6:1 | 1.8:1 | 1.5:1 | 1.3:1 | 1:1 |
ライトテーマの背景色上では、Green80番以上の4色がコントラスト比 4.5：1 以上になるように調整し、ダークテーマの背景色上では、Green70番以下の7色がコントラスト比 4.5：1 以上になるように調整しています。
Greenのプライマリーカラーには、各テーマで以下の色を設定し、UI上でコントラスト比が4.5以上になるようにしています。
#357A00#67CB1B
| Green | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 |
|---|---|---|---|---|---|---|---|---|---|---|---|
#FFFFFFとのコントラスト比 | 1.1:1 | 1.2:1 | 1.3:1 | 1.5:1 | 1.8:1 | 2.1:1 | 2.8:1 | 5.3:1 | 7.3:1 | 11.6:1 | 16.3:1 |
#F5F6F6とのコントラスト比 | 1:1 | 1.1:1 | 1.2:1 | 1.4:1 | 1.6:1 | 1.9:1 | 2.6:1 | 4.9:1 | 6.7:1 | 10.7:1 | 15.1:1 |
#1d2020とのコントラスト比 | 12:1 | 11.1:1 | 9.9:1 | 8.6:1 | 7.3:1 | 6.2:1 | 4.7:1 | 2.4:1 | 1.8:1 | 1.1:1 | 1.3:1 |
#2f3232とのコントラスト比 | 15.1:1 | 13.9:1 | 12.4:1 | 10.7:1 | 9.2:1 | 7.8:1 | 5.9:1 | 3:1 | 2.2:1 | 1.4:1 | 1:1 |
ライトテーマの背景色上では、Blue80番以上の4色がコントラスト比 4.5：1 以上になるように調整し、ダークテーマの背景色上では、Blue60番以下の6色がコントラスト比 4.5：1 以上になるように調整しています。
Blueのプライマリーカラーには、各テーマで以下の色を設定し、UI上でコントラスト比が4.5以上になるようにしています。
#2C6897#A0CBED
| Blue | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 |
|---|---|---|---|---|---|---|---|---|---|---|---|
#FFFFFFとのコントラスト比 | 1.1:1 | 1.2:1 | 1.4:1 | 1.7:1 | 2.2:1 | 2.8:1 | 3.9:1 | 5.9:1 | 9.1:1 | 13.3:1 | 17.1:1 |
#F5F6F6とのコントラスト比 | 1:1 | 1.1:1 | 1.3:1 | 1.6:1 | 2:1 | 2.5:1 | 3.6:1 | 5.5:1 | 8.4:1 | 12.3:1 | 15.8:1 |
#1d2020とのコントラスト比 | 11.9:1 | 10.6:1 | 9.2:1 | 7.6:1 | 6:1 | 4.7:1 | 3.3:1 | 2.2:1 | 1.4:1 | 1:1 | 1.3:1 |
#2f3232とのコントラスト比 | 14.9:1 | 13.3:1 | 11.5:1 | 9.5:1 | 7.5:1 | 5.9:1 | 4.2:1 | 2.7:1 | 1.8:1 | 1.2:1 | 1.1:1 |
ライトテーマの背景色上では、Yellow80番以上の4色がコントラスト比 4.5：1 以上になるように調整し、ダークテーマの背景色上では、Yellow60番以下の6色がコントラスト比 4.5：1 以上になるように調整しています。
Yellowのプライマリーカラーには、各テーマで以下の色を設定し、UI上でコントラスト比が4.5以上になるようにしています。
#866903#FFCE1F
| Yellow | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 |
|---|---|---|---|---|---|---|---|---|---|---|---|
#FFFFFFとのコントラスト比 | 1.1:1 | 1.1:1 | 1.3:1 | 1.4:1 | 1.5:1 | 2:1 | 3.3:1 | 5.3:1 | 7.6:1 | 12.6:1 | 16.5:1 |
#F5F6F6とのコントラスト比 | 1:1 | 1.1:1 | 1.2:1 | 1.3:1 | 1.4:1 | 1.9:1 | 3.1:1 | 4.9:1 | 7:1 | 11.6:1 | 15.3:1 |
#1d2020とのコントラスト比 | 11.9:1 | 11.3:1 | 10.2:1 | 9.5:1 | 8.7:1 | 6.4:1 | 3.9:1 | 2.5:1 | 1.7:1 | 1:1 | 1.3:1 |
#2f3232とのコントラスト比 | 14.9:1 | 14.2:1 | 12.8:1 | 12:1 | 10.9:1 | 8:1 | 4.9:1 | 3.1:1 | 2.1:1 | 1.3:1 | 1:1 |
ライトテーマの背景色上では、Red70番以上の5色がコントラスト比 4.5：1 以上になるように調整し、ダークテーマの背景色上では、Red40番以下の4色がコントラスト比 4.5：1 以上になるように調整しています。
Redのプライマリーカラーには、各テーマで以下の色を設定し、UI上でコントラスト比が4.5以上になるようにしています。
#BD0505#FF7575
| Red | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 |
|---|---|---|---|---|---|---|---|---|---|---|---|
#FFFFFFとのコントラスト比 | 1.1:1 | 1.3:1 | 1.6:1 | 2.6:1 | 3.3:1 | 4.5:1 | 6.6:1 | 9:1 | 12.6:1 | 16.5:1 | 19:1 |
#F5F6F6とのコントラスト比 | 1:1 | 1.2:1 | 1.5:1 | 2.4:1 | 3:1 | 4.2:1 | 6.1:1 | 8.3:1 | 11.6:1 | 15.3:1 | 17.6:1 |
#1d2020とのコントラスト比 | 11.7:1 | 10.1:1 | 7.9:1 | 5:1 | 4:1 | 2.9:1 | 2:1 | 1.4:1 | 1:1 | 1.3:1 | 1.5:1 |
#2f3232とのコントラスト比 | 14.6:1 | 12.7:1 | 9.9:1 | 6.2:1 | 4.9:1 | 3.6:1 | 2.5:1 | 1.8:1 | 1.3:1 | 1:1 | 1.2:1 |
冒頭にも記載した通り、今回は、Qiitaのアクセシビリティの課題の1つである、「WCAG 2.1 1.4.3：コントラスト（最低限）」 の解決に向けての第一歩であるカラーパレットの変更を行いました。
UI上ではまだ「WCAG 2.1 1.4.3：コントラスト（最低限）」の解決ができていないため、引き続きアクセシビリティの改善に取り組んでいきたいと思います。
ご意見・ご要望がありましたらQiita Discussionsよりいつでもお寄せください。