完全に理解する Storyboard & UIKit (Day 27): ダークモード対応とアセットカタログ

iOS 13でシステム全体を黒基調にする「ダークモード」が導入されました。現在では多くのユーザーがダークモードを常用しており、これに対応していないアプリは「眩しすぎる」「古臭い」という印象を与えてしまいます。

UIKitにおいては、コードを書かずに Asset Catalog (Assets.xcassets) を活用するだけで、驚くほど簡単に完全なダークモード対応（動的切り替え）を実現できます。

1. System Colors (動的カラー) を使う

iOSが標準で提供している色（System Colors）は、初めからライトモード/ダークモードに対応した動的（Dynamic）な色になっています。

StoryboardのAttributes Inspectorやコードで色を指定する際、「カスタムカラー（固定のRGB値）」を設定してしまうとダークモードでもその色のままになってしまいます。

❌ 固定色: UIColor.white、UIColor(red: 1, green: 1, blue: 1, alpha: 1) （常に真っ白）
✅ 動的色: UIColor.systemBackground（ライト時は白、ダーク時は黒になる）
✅ 動的色: UIColor.label（ライト時は黒、ダーク時は白になる標準テキスト色）

基本的には、背景には System Background Color、文字には Label Color（または Secondary Label Color）を指定していれば、自動的に完璧なダークモード対応が完了します。

自社のブランドカラー（例: プライマリーブルー）を使いたい場合、ライトモードでは良くても、ダークモードの黒背景だと見えづらくなったり、眩しすぎたりします。この場合、Asset Catalog で「Color Set」を作成 し、「ライト用」と「ダーク用」の2つの色を1つの名前で登録します。

プロジェクト内の Assets.xcassets を開きます。
左下の + ボタンを押し、Color Set を選択します。
作成されたカラーセット（色が入る四角が2つ出るはずです）の名前を BrandPrimary などに変更します。
"Any Appearance" (ライトモード用) の四角を選択し、右側のAttributes InspectorでRGB値を指定します（例: 明るい青）。
"Dark Appearance" (ダークモード用) の四角を選択し、RGB値を指定します（例: 少し明度を落とした落ち着いた青）。
- ※もし四角が1つしかない場合は、Attributes Inspectorの Appearances 項目を Any, Dark に변경してください。

Storyboardで: 色の選択プルダウンを開くと「Named Colors」という欄に先ほど作った BrandPrimary が登場しているので、これを選択します。
コードで: 以下のように名前指定で初期化します。
```
swift
myButton.backgroundColor = UIColor(named: "BrandPrimary")
```

これで、端末の設定がダークモードに切り替わった瞬間、アプリを再起動することなくシームレスに BrandPrimary が「明るい青」から「落ち着いた青」に変化します！

色だけでなく、「ロゴ画像」や「アイコン」もダークモード時には明るい画像に変えたい場合があります。これも Color Set と同じ仕組み（Image Set）で簡単に実現できます。

Assets.xcassets を開きます。
対象の画像アセット（Image Set）を選択します。
右側のAttributes Inspectorを開き、Appearances を Any, Dark に変更します。
すると画像を入れるスロットが2つに増増えるので、「Any Appearance」に黒いロゴを、「Dark Appearance」に白いロゴをドラッグ＆ドロップします。

これだけで、UIImageView はモードに応じて自動的に画像を差し替えてくれます。

シミュレータの上部メニュー Features > Toggle Appearance をクリックするか、キーボードショートカット ⇧⌘A (Shift + Cmd + A) を押すことで、一瞬でライト/ダークを切り替えてテストできます。

予算や時間の都合でどうしてもダークモード対応が間に合わない場合、「強制的にライトモードで表示する」逃げ道があります。プロジェクトの Info.plist を開き、以下のキーと値を追加します。

これで、ユーザーが端末をダークモードにしていても、このアプリだけは常にライトモードで表示されます（ただしAppleは非推奨としており、最終手段に留めるべきです）。

SwiftUIへの移行が進む中でも、仕組みは共通。ダークモード対応の基本は固定のRGB値や UIColor.white ではなく、動的な Semantic Color（systemBackground や label）を使うこと。
独自の色は、Assets.xcassets 内で Color Set を作成し、ライトとダークの2色を登録して使用する。
画像自体もアセットカタログの Appearances 属性を変更 することで、モードによって画像を出し分けることができる。

これで、現代のアプリとしてユーザーから求められる当たり前の配慮（ダークモード）を満たしました。明日の Day 28 では、さらに一歩進んだ「誰にでも使えるアプリ」を目指すためのUI設計、Accessibility（VoiceOver対応など） の実装基礎を学びます。