「自分は色が見づらいんです」と2人から届いた ─ 色覚サポートを作った話と、20人に1人の色覚特性のこと

今日は、あるお問い合わせから始まった話を書きます。

先日、タイピング無双を遊んでくれている方から、こんな連絡が届きました。

「自分は色覚異常があって、ゲームの色が見づらいんです」

しかも、ひとりではありませんでした。 ほぼ同じ内容が、別々に、2人の方から届いた んです。

読んだとき、正直、ハッとしました。

タイピング無双は、対戦画面で「自分」と「相手」を色で分けたり、ミスを赤で見せたり、 色にたくさん頼って情報を伝えているゲーム です。その色が見分けづらい人がいる、ということに、ぼくはちゃんと向き合えていませんでした。

この記事では、 その2人のために最優先で作った「色覚サポート」機能 の紹介と、せっかくなので 「色覚特性」って何なのか を、少しだけ丁寧に書かせてください。

実は、ぼくは 色彩検定2級 を持っていて、色のことを少しだけ勉強したことがあります。だから、事実を正確に伝えられるように、Claude（AI）と一緒に確認しながら書いていきます。

1. 「色が見づらい」── 2人から、同じ声が届きました

まず、正直に書きます。

ぼくは今まで、タイピング無双の 「アクセシビリティ」に、ちゃんと手が回っていませんでした。

アクセシビリティというのは、 どんな人でも使いやすいように配慮すること です。目の見え方、耳の聞こえ方、手の動かし方 ── 人によって違うそれぞれに、ちゃんと寄り添えているか、ということ。

機能を増やすこと、対戦を面白くすること、そういう「みんなに向けた」ことばかりに追われて、 「特定の誰かが、実は困っている」 という部分に、目が届いていませんでした。

そこへ、あの2件のお問い合わせが届いたんです。

「色覚異常があって、色が見づらい」

2人の方が、わざわざ、自分の見え方のことを打ち明けて、教えてくれました。

これは、ちゃんと応えなきゃいけない。そう思いました。困っている人が、実際に、目の前に2人いる。だったら、 その2人のために作る理由が、もう十分にある。

だから、他の作りかけの機能をいったん止めて、 色覚サポートを、最優先で作ることにしました。

2. だから、まず「色覚サポート」を作りました

作ったものから、先に紹介します。

設定の中に「色覚サポート」というスイッチを、新しく作りました。

場所は、ここです。

設定 → ビジュアル設定 → 色覚サポート

実は、この「ビジュアル設定」の中には、前に 「軽量モード」（学校の重い端末でも軽く動くようにするスイッチ）も作りました。今回の色覚サポートも、その隣に並んでいます。 「見え方・遊びやすさ」を、自分に合わせて調整できる場所 を、少しずつ育てているイメージです。

色覚サポートで選べるのは、次の4つです。

• オフ（従来どおりの配色）

• 1型（P型）

• 2型（D型）

• 3型（T型）

この「1型・2型・3型」というのが、あとで説明する 色覚特性のタイプ です。自分の見え方に近いものを選ぶと、 その見え方でも判別しやすい配色に、画面が切り替わります。

ひとつ、安心してほしいことがあります。

「オフ」のあいだは、これまでとまったく同じ配色です。何も変わりません。

色覚サポートは、 必要な人が、自分でオンにするもの です。今まで通り遊びたい人は、何も触らなくて大丈夫。困っている人だけ、そっと自分の見え方に合わせられる ── そういう作りにしました。

3. 何が変わるのか ── 3つのタイプで、配色を切り替えます

具体的に、何がどう変わるのか。

タイピング無双で「色が見分けづらい」と困りやすいのは、だいたいこの3か所です。

• 自分と相手の色分け（対戦画面）

• ミスや、マイナスの表示（赤で出ることが多い）

• 勝ち・プラスの表示

ここの色を、タイプごとに、 お互いがぶつからない・見分けやすい組み合わせ に置き換えました。

1型（P型）・2型（D型）を選ぶと ── 相手側の色を、赤系ではなく 明るいオレンジ に。ミスやマイナスの表示を 紫系 に変えます。赤と緑が見分けづらいタイプでも区別しやすい「青 ⇔ 黄・オレンジ」の軸に寄せる、という考え方です。

3型（T型）を選ぶと ── 勝ち・プラスの表示を ミントグリーン に、ミス・マイナスを はっきりした赤 に。青と黄が見分けづらいタイプ向けに、「赤 ⇔ 青緑」の軸に寄せています。

正直に、もうひとつ書いておきます。

これで「完璧」だとは、思っていません。

タイピング無双の中には、色に頼った表示が、まだ他にもあります。今回はまず、 対戦でいちばん困る中心の部分から 手をつけました。ここから、気づいたところを、ひとつずつ広げていきます。

だから、 使ってみて「ここがまだ見づらい」というところがあったら、すぐ直します。 どうか、気軽に教えてください。あなたの「見え方」は、あなたにしか分かりません。教えてもらえたぶんだけ、ちゃんと良くできます。

対応が後回しになってしまって、本当にすみませんでした。ここから、少しずつ、でも着実に、進めていきます。

4. ここから少しだけ ── 色覚特性は「20人に1人」の、身近な話

ここからは、機能の話から少し離れて、 「色覚特性」って、そもそも何なのか を書かせてください。

今回2人の方から声をもらって、あらためて思ったんです。 この話、実はすごく身近なのに、あまり知られていないな と。

数字で見ると、こう言われています。

色覚特性を持つ人は、日本人男性のおよそ5%。20人に1人です。
女性は、およそ0.2%（500人に1人ほど）と言われています。

男性の20人に1人 ── これ、けっこう多いです。 40人のクラスがあれば、1人か2人はいる 計算になります。あなたの隣の席にも、部活の仲間にも、たぶん普通にいる。それくらい、身近なことなんです。

そもそも、なぜ「色が見づらい」ということが起きるのか。

ぼくたちの目の中には、 色を感じる3種類のセンサー があります。専門的には「錐体（すいたい）」と呼ばれるもので、それぞれ 赤・緑・青 を担当しています。

この3つがそろって働くことで、ぼくたちは、たくさんの色を見分けられています。

色覚特性というのは、この3つのセンサーのうち、どれかの働きが弱かったり、欠けていたりする状態のこと。

だから、「色がまったく見えない」わけではありません。多くの場合は、 特定の色の組み合わせが、見分けづらい ── そういう見え方です。どのセンサーが弱いかで、見え方のタイプが変わります。それが、次の3つです。

5. 3つの色覚特性 ─ 1型（P型）・2型（D型）・3型（T型）

色覚特性は、大きく3つのタイプに分けられます。 色覚サポートで選べる「1型・2型・3型」は、この分類のこと です。

1型（P型・Protan）── 赤を感じるセンサーが弱いタイプ

赤を担当する「L錐体」の働きが、弱い、または欠けている タイプです。

特徴的なのは、 赤が「暗く沈んで」見えること。 赤の明るさ（輝度）が低く感じられるので、赤が黒っぽく、目立たなく見えます。

だから、 赤信号や、エラー表示の「赤」が、認識しづらい ことがあります。「危険を伝える赤」が目立たない、というのは、けっこう切実な話です。

2型（D型・Deutan）── 緑を感じるセンサーが弱いタイプ

緑を担当する「M錐体」の働きが、弱い、または欠けている タイプです。

実は、 3つの中でいちばん頻度が高い のがこのタイプで、特に男性に多いと言われています。

1型と同じく 赤と緑の区別が難しい のですが、1型と違って、 赤が暗く沈む（輝度が下がる）ことは起きにくい のが特徴です。同じ「赤緑が見分けづらい」でも、見え方は少しずつ違うんですね。

3型（T型・Tritan）── 青を感じるセンサーが弱いタイプ

青を担当する「S錐体」の働きが、弱い、または欠けている タイプです。

これは 非常に稀 で、そして、ほかの2つと違って、 男女でほとんど差がありません。

1型・2型は、遺伝のしかたの関係で男性に多く出るのですが、3型は遺伝のしくみ（常染色体性）が違うため、 男性も女性も、同じくらいの割合 になるんです。

見分けづらいのは、 青と緑、それから黄色とピンク の組み合わせだと言われています。

6. 「こんな人がいるんだ」と、覚えてくれたら、それでいい

ここまで、少し駆け足で説明しました。細かい名前まで覚えてもらう必要は、まったくありません。

ぼくが、いちばん伝えたかったのは、これだけです。

「赤が暗く見える人がいる」「赤と緑が見分けづらい人がいる」── そういう見え方の人が、20人に1人くらい、普通にいるんだ。

これを、頭の片隅に置いてもらえたら、それだけで十分です。

たとえば、資料を作るとき。 「赤字だけで大事なところを強調する」 のは、色が見づらい人には伝わりにくい。太字にする、下線を引く、印をつける ── 色"だけ"に頼らない と決めるだけで、ぐっと伝わりやすくなります。

これは、ぼく自身が今回いちばん反省したことでもあります。タイピング無双も、 色だけで情報を伝えていた部分 が、たくさんありました。色覚サポートは、その最初の一歩です。

「知らなかった」は、しかたない。でも、 「知ってからは、少し気をつける」 ── それだけで、世界は、ちょっとだけ優しくなる気がします。ぼくも、そうありたいです。

7. 余談：色彩検定という試験のこと ─ 夏休みに、何か挑戦したい人へ

最後に、まったくの余談を、ひとつだけ。

さっきから何度か出てきた 「色彩検定」、という試験の話です。

ぼくは、この 色彩検定の2級 を持っています。色のことを勉強したときに、色覚特性についても少し知っていたから、今回のお問い合わせにも、すぐ動くことができました。

これが、本当に面白い試験なんです。

• 色の 組み合わせ（相性のいい配色、悪い配色）

• 日本に昔からある色の名前 ── 慣用色（「茜色」「浅葱色」みたいな、風情のある色の名前）

• そして、今回書いたような 色の"見え方"（色覚特性のこと）

こういう、 普段なんとなく見ている「色」を、ちゃんと言葉で理解できる ようになる。世界の解像度が、ひとつ上がる感じがして、勉強していて純粋に楽しかったです。

難易度でいうと、2級は 1か月くらい真面目に勉強すれば、じゅうぶん手が届くレベル だと思います。

もし、この夏休みに「何か新しいことに挑戦したいな」という人がいたら、色彩検定、ちょっとおすすめです。

デザインやイラストをやる人はもちろん、そうでない人も、 世界の見え方が、ちょっと変わる はずです。ぼくにとっては、それが今回、こうして誰かの役に立つ機能になりました。学んだことは、思わぬところでつながるものですね。

ここまで読んでくれて、本当にありがとうございます。

今回は、 「色が見づらい」と教えてくれた2人の声から作った、色覚サポート の話と、 色覚特性という、20人に1人の身近な話 を書きました。

対応が遅くなってしまったこと、あらためて、ごめんなさい。でも、教えてもらえたから、作れました。 声を上げてくれた2人に、心から感謝しています。

タイピング無双は、まだまだ、みんなにとって完璧に使いやすいゲームではありません。でも、 「困っている」と教えてもらえたら、ぼくは全力で直します。 これからも、気軽に声を届けてください。

まだ遊んだことがなければ、ブラウザでURLを開くだけで、30秒後にはマッチング画面に立てます。ログインも会員登録も要りません。（色が見づらいと感じたら、設定の「色覚サポート」もどうぞ）

「タイピングに自信がないな」という人は、まず道場のホームポジション編から。最後までクリアすると「免許皆伝」の称号がもらえます。

こういう「使いやすくするための小さな改善」も、これからひとつずつ書いていきます。よかったら noteのフォロー もお願いします。

書き手：タイピング無双 開発者（大学1年生・個人開発）
サイト：タイピング無双 typingmusou.com
前回（公開3ヶ月の成長記録）：タイピング対戦ゲーム公開から3ヶ月、数字でふり返る成長記録 ─ 学校でブロックされた月に、いちばん増えたのは「仲間」でした
同じ「設定 → ビジュアル設定」に配慮機能を作った回（軽量モード）：学校でタイピング無双がブロックされた ─ 「ゲーム」判定を解いてもらうために、いまやっていること
ユーザーの声から機能を作った回（七夕の願い49件）：七夕に"ほしい機能"を募ったら49件 ─ 願いをひとつ、本当に叶えました
運営として、届いた声に正直に向き合った回（チート報告→対策）：チート報告が30件届いた日、個人開発のタイピングゲームで不正対策を強化した話
連絡先（見づらかった箇所・要望・感想・アクセシビリティのお願い）：サイト内のお問い合わせフォーム、または musou@schoolbase.jp まで直接メールでもどうぞ