AIサブスクに月２万、、、。良かったら遊んでってね。

ホーム / 破綻しない配色設計：デザインシステムにおける「セマンティックカラー」の定義と実践

デザインの話

破綻しない配色設計：デザインシステムにおける「セマンティックカラー」の定義と実践

結城 乃愛 結城 乃愛 · 2026年7月4日 （2026年7月4日 更新）
#UIデザイン #デザインシステム #配色設計 #CSS

多くのWebサイトやアプリケーションをデザイン・開発する際、カラーパレットが肥大化し、最終的にどの色をどこに使うべきか分からなくなるという問題によく直面します。この問題を解決する強力なアプローチが、「セマンティックカラー（Semantic Colors）」の設計です。

UIのセマンティックカラー設計 出典: Florent Bertiaux / Pexels

セマンティックカラーとは、特定の色に「役割」や「意味」を持たせたカラー定義のことです。例えば、「エラー（危険）」「成功」「警告」「インフォメーション」といった意味を色に紐付けることで、UI全体の一貫性を保ち、ユーザーの認知負荷を減らすことができます。

セマンティックカラーが重要である理由

従来のWebデザインでは、「#E03131」などのカラーコードを直接CSSにハードコードしたり、「red-500」といった抽象的な色名トークンをデザインシステムで定義して使っていました。

しかし、このアプローチにはいくつかの問題があります。

  1. ダークモード対応の難しさ: ダークモードを導入する際、ハードコードされた赤色や青色は、暗い背景に対してコントラストが不足し、視認性が低下します。
  2. デザイン変更の伝播: ブランドカラーの青を微調整したい場合、UI全体で使われている青のうち、どこが「リンク」でどこが「プライマリボタン」なのかを識別して修正するのが困難になります。
  3. チーム間のミスコミュニケーション: デザイナーとエンジニアの間で、どのコンポーネントにどの色を適用するべきかの共通認識（コンテキスト）が失われやすくなります。

これらを解消するために、AppleのHuman Interface Guidelines や GoogleのMaterial 3 Color System では、セマンティックカラー（色の役割定義）による設計が標準的に取り入れられています。

セマンティックカラー定義の3ステップ

カラーシステムを構築する際は、カラーコードから直接セマンティックに紐付けるのではなく、「プリミティブ（ベース）」「セマンティック」「コンポーネント」の3層構造（階層型トークン）で設計するのがベストプラクティスです。

ステップ1：プリミティブカラーの定義

まずは、ブランドの基本色やグレースケールを純粋なカラーパレットとして定義します。ここでは色そのものの名前を使い、意味は持たせません。

  • blue-500: #1c7ed6
  • red-500: #e03131
  • green-500: #2b8a3e
  • gray-100: #f1f3f5

ステップ2：セマンティックカラーの定義

次に、プリミティブカラーを参照して、UIにおける「意味（役割）」を定義します。

  • color-primary: blue-500（主要なアクション）
  • color-success: green-500（処理完了、成功）
  • color-danger: red-500（エラー、危険なアクション）
  • color-surface-bg: gray-100（カードなどの背景面）

ステップ3：コンポーネントカラーの定義（必要に応じて）

さらに特定のコンポーネントに特化したエイリアスを作成します。これにより、特定のコンポーネントのみ色を切り替える柔軟性が生まれます。

  • button-primary-bg: color-primary
  • badge-danger-text: color-danger

CSS変数（Custom Properties）を用いた実装

セマンティックカラーの実装には、ネイティブのCSS変数が最適です。ライトモードとダークモードの切り替えを、ルートセマンティクスの上書きだけでシンプルに管理できます。

:root {
  /* プリミティブ（エイリアスとしてのベース定義） */
  --blue-500: #1c7ed6;
  --green-500: #2b8a3e;
  --red-500: #e03131;
  --gray-100: #f1f3f5;
  --gray-900: #212529;

  /* セマンティック */
  --color-primary: var(--blue-500);
  --color-success: var(--green-500);
  --color-danger: var(--red-500);
  --color-bg-main: #ffffff;
  --color-text-main: var(--gray-900);
}

@media (prefers-color-scheme: dark) {
  :root {
    /* ダークモード用にセマンティックの参照先を変更 */
    --color-primary: #3b5bdb; /* ダーク用に少し明度を調整した青 */
    --color-bg-main: var(--gray-900);
    --color-text-main: var(--gray-100);
  }
}

このように、CSSカスタムプロパティを設計することで、HTMLのクラスを変更することなく、テーマに応じた自然な配色制御が可能になります。

意味を破綻させないための注意点

セマンティックカラーの運用で陥りがちな罠は、「役割の乱立」です。役割名が増えすぎると管理が煩雑になり、ルールが形骸化します。

最初は「primary, secondary, neutral, success, warning, danger, info」という最小限のセットから始めることをお勧めします。また、アクセシビリティ担保のために、デジタル庁のイラストレーション・カラーシステム でも示されているような、文字色と背景色のコントラスト比（最低4.5:1以上）をセマンティック定義の段階で検証・確定しておくことが極めて重要です。

美しく論理的なカラーシステムを構築し、デザインと開発の生産性を向上させましょう。

お役立ち情報

結城 乃愛
この記事を書いた人
結城 乃愛 · UIデザイナー

UI/UXデザイナー。アプリやWebの「画面と操作」を、迷わず使えるところまで詰める。原則を実例に落として、なぜ使いやすいのかを言葉にして伝える。

結城 乃愛の記事一覧 →

結城 乃愛の他の記事

タグ一覧

#UIデザイン 33 #海外旅行 19 #認知心理学 18 #絶景 17 #LLM 16 #グルメ 16 #美術館 16 #物理学 16 #食べ歩き 15 #グラフィックデザイン 14 #生成AI 14 #プロダクトデザイン 12 #アフォーダンス 11 #お得情報 11 #タイポグラフィ 11 #温泉 11 #化学 11 #機械工学 11 #鉄道旅 11 #ご当地グルメ 10 #ユーザビリティ 10 #ローカルLLM 10 #材料工学 10 #生物学 10 #天文学 10 #アクセシビリティ 9 #レイアウト 9 #夏旅 9 #視覚科学 9 #世界遺産 9 #エッジAI 8 #機械学習 8 #建築 8 #構造力学 8 #土木工学 8 #流体力学 8 #旅行準備 8 #インタラクション 7 #スタートアップ 7 #ハイキング 7 #ビーチリゾート 7 #数学 7 #地球科学 7 #夜景 7 #量子力学 7 #AI規制 6 #UX 6 #UXデザイン 6 #アメリカ 6 #タイ 6 #ロボティクス 6 #宇宙開発 6 #画像生成 6 #画像生成AI 6 #公園 6 #国立公園 6 #散策 6 #自然 6 #首都圏おでかけ 6 #人間工学 6 #青春18きっぷ 6 #電気工学 6 #電子回路 6 #東京 6 #半導体 6 #AI倫理 5 #CSS 5 #GPU 5 #アート 5 #インタラクションデザイン 5 #ゲシュタルト 5 #ベンチマーク 5 #ヨーロッパ 5 #街歩き 5 #京都 5 #航空宇宙工学 5 #再生可能エネルギー 5 #子連れおでかけ 5 #植物園 5 #信州 5 #水族館 5 #電子工作 5 #日本庭園 5 #防災 5 #UX設計 4 #エネルギー 4 #エネルギー工学 4 #おでかけ 4 #ジェイムズ・ウェッブ宇宙望遠鏡 4 #スマートフォン 4 #セキュリティ 4 #ドライブ 4 #トレッキング 4 #ピクニック 4 #フォーム設計 4 #モデルコース 4 #ローカル線 4 #宇宙論 4 #雨の日おでかけ 4 #海外旅行準備 4 #鎌倉 4 #建築工学 4 #寺社 4 #週末パス 4 #商店街 4 #推論 4 #台湾 4 #日帰り旅行 4 #熱力学 4 #脳科学 4 #避暑 4 #北海道 4 #AIの歴史 3 #ComfyUI 3 #eSIM 3 #LCC 3 #NPU 3 #Ollama 3 #Udio 3 #UI-UX 3 #アジア旅行 3 #あじさい 3 #オープンソース 3 #お得なきっぷ 3 #ガバナンス 3 #デザインシステム 3 #ドット絵 3 #パッキング 3 #バンコク 3 #ファミリー 3 #ブラックホール 3 #フロントエンド 3 #プロンプト設計 3 #ユニバーサルデザイン 3 #ヨーロッパ旅行 3 #レトロゲーム 3 #ロードトリップ 3 #宇宙物理学 3 #横浜 3 #極限環境 3 #結晶構造 3 #建築構造 3 #航空宇宙 3 #国内旅行 3 #錯視 3 #山形 3 #子連れ 3 #自転車 3 #神奈川 3 #生態学 3 #台北 3 #谷根千 3 #長野 3 #庭園 3 #電子工学 3 #渡航準備 3 #日帰り旅 3 #配色 3 #配色設計 3 #旅行ハック 3 #AGI 2 #AIエージェント 2 #AIビジネス 2 #AIモデル 2 #AI投資 2 #Apple Silicon 2 #ASIC 2 #CFRP 2 #ControlNet 2 #FLUX 2 #FLUX.1 2 #Google 2 #JR東日本 2 #Mac 2 #Meta 2 #MMLU 2 #OpenAI 2 #Python 2 #RaspberryPi 2 #SIMカード 2 #Suno 2 #Webデザイン 2 #アーキテクチャ 2 #アート鑑賞 2 #アウトドア 2 #アジア飯 2 #アナログ 2 #アニメーション 2 #アメリカ旅行 2 #アルゴリズム 2 #イタリア 2 #インドネシア 2 #エラー防止 2 #お台場 2 #お得きっぷ 2 #カフェ 2 #クラウド 2 #クラビ 2 #クラフトビール 2 #グラフ理論 2 #グランドキャニオン 2 #クリエイティブ 2 #クルーズ 2 #ゲーム開発 2 #コーヒー 2 #コミュニケーション 2 #システム工学 2 #スケーリング則 2 #スポット紹介 2 #スマートグリッド 2 #ダークモード 2 #ダイビング 2 #ディスプレイ 2 #データ品質 2 #データ分析 2 #デザイン原則 2 #デバウンス 2 #ノイズ対策 2 #バックパッカー 2 #ハプティクス 2 #パリ 2 #ヒックの法則 2 #フェアユース 2 #フランス 2 #フリーパス 2 #プレートテクトニクス 2 #ベトナム 2 #ペロブスカイト太陽電池 2 #マーフシ島 2 #マイスナー効果 2 #マネー 2 #メイラード反応 2 #モバイルデザイン 2 #モルディブ 2 #ユーザー心理学 2 #ユーザー体験 2 #ユーレイルパス 2 #レトロ 2 #ロードバイク 2 #ロケット 2 #ロケットエンジン 2 #一日乗車券 2 #宇宙科学 2 #宇宙工学 2 #映画技術 2 #映像技法 2 #液晶 2 #欧州連合 2 #屋台 2 #音楽生成AI 2 #家族向け 2 #回路設計 2 #海洋学 2 #格安旅行 2 #葛西臨海水族園 2 #観光予約 2 #岩手 2 #機構設計 2 #気象 2 #気象学 2 #軌道力学 2 #金属材料 2 #空間コンピューティング 2 #群馬 2 #建築巡り 2 #減価償却 2 #現代アート 2 #効率化 2 #江の島 2 #紅茶 2 #航空券 2 #香川 2 #高山植物 2 #散歩 2 #讃岐うどん 2 #姿勢制御 2 #市場 2 #思考実験 2 #視覚心理学 2 #視覚認知 2 #視線誘導 2 #歯車 2 #次世代技術 2 #自己修正 2 #自動車 2 #秋田 2 #純喫茶 2 #初期宇宙 2 #昭和レトロ 2 #上高地 2 #進化 2 #水素結合 2 #世田谷 2 #清澄白河 2 #生命の起源 2 #精密機械 2 #静岡 2 #設備投資 2 #素数 2 #組み込み 2 #送電網 2 #太陽光発電 2 #体調管理 2 #大自然 2 #弾性変形 2 #中華街 2 #著作権 2 #超伝導 2 #鉄道 2 #電気回路 2 #都会のオアシス 2 #島根 2 #東海道本線 2 #東京タワー 2 #湯治 2 #動物園 2 #道の駅 2 #日帰り 2 #日帰り温泉 2 #日常の科学 2 #認知科学 2 #秘境 2 #飛行機 2 #尾瀬 2 #評価指標 2 #品川 2 #福岡 2 #複合材料 2 #分子生物学 2 #平泉 2 #包丁研ぎ 2 #防犯 2 #霧ヶ峰 2 #夜市 2 #有機化学 2 #有機化合物 2 #余白 2 #力学 2 #歴史 2 #六本木 2 #3Dプリンター 1 #3Dモデル 1 #3D生成 1 #AIアーキテクチャ 1 #AIインフラ 1 #AIスタートアップ 1 #AIと社会 1 #AIネイティブUI 1 #AI音楽 1 #AI著作権 1 #AI法 1 #AI論文 1 #AlphaProof 1 #Anthropic 1 #APCA 1 #API 1 #APIコスト 1 #Apple Intelligence 1 #BLT 1 #Broadcom 1 #Browser-Use 1 #Chatbot Arena 1 #ChatGPT 1 #Copilot+ PC 1 #CRISPR 1 #CUDA 1 #DirectML 1 #DNA 1 #ELIZA効果 1 #Etched 1 #EU AI Act 1 #EU AI法 1 #eVTOL 1 #FID 1 #GaN 1 #Gemini 1 #Generative UI 1 #GGUF 1 #GNN 1 #Google DeepMind 1 #H3ロケット 1 #Image Playground 1 #InstantID 1 #IP-Adapter 1 #JRパス 1 #JWST 1 #LCC対策 1 #LCM 1 #LGM 1 #Llama 1 #LLaMA 1 #LLM-as-a-Judge 1 #LLM評価 1 #LM Studio 1 #LoRA 1 #Luma 1 #M&A 1 #MCP 1 #MEMS 1 #MEMS技術 1 #MLB 1 #MoE 1 #NCVプロジェクト 1 #NotebookLM 1 #NVIDIA 1 #ONNX Runtime 1 #pH 1 #Pico-8 1 #Pillow 1 #PyTorch 1 #RAG 1 #Ragas 1 #Raspberry Pi 5 1 #Retro Diffusion 1 #ROI 1 #RSA暗号 1 #Runway 1 #SF 1 #SLM 1 #Sparse Autoencoders 1 #SynthID 1 #TTS 1 #UIアニメーション 1 #UIレイアウト 1 #Unified Memory 1 #USB-PD 1 #UXリサーチ 1 #V2G 1 #VAD 1 #Windows 1 #アジア 1 #アジアルート 1 #アセット制作 1 #アナログインターフェース 1 #アナログシンセ 1 #アナログ回路 1 #アニメ 1 #アムステルダム 1 #アメリカ西部 1 #アントシアニン 1 #イエローストーン国立公園 1 #イオンエンジン 1 #イギリス 1 #イベント 1 #インターフェース設計 1 #インタフェース 1 #インフォグラフィック 1 #インフラ 1 #インフラコスト 1 #ウェアラブル 1 #うどん 1 #ウフィツィ美術館 1 #ウミウシ 1 #ウユニ塩湖 1 #エージェントAI 1 #エネルギー効率 1 #エネルギー貯蔵 1 #エピジェネティクス 1 #エルゴノミクス 1 #エレクトロクロミズム 1 #エンジン 1 #オアフ島 1 #オイラー路 1 #オーシャン・センサス 1 #オートメーション 1 #オランダ 1 #オルバースのパラドックス 1 #ガーデンズ・バイ・ザ・ベイ 1 #カーニング 1 #ガウディ 1 #カキ小屋 1 #カナダ 1 #カナディアンロッキー 1 #カメラ 1 #カメラ旅 1 #カラーユニバーサルデザイン 1 #ガラス転移 1 #カラメル化 1 #カリフォルニア 1 #ギア 1 #キーボード 1 #キャッシュレス 1 #キャッシング 1 #キャラクター固定 1 #キャラメル化 1 #グーテンベルク・ダイアグラム 1 #クエン酸 1 #クマムシ 1 #グラフデザイン 1 #グラフニューラルネットワーク 1 #クリーンエネルギー 1 #グリッドシステム 1 #クリプトビオシス 1 #クレジットカード 1 #ゲシュタルト心理学 1 #ゲノム編集 1 #コーヒー器具 1 #コンコルド 1 #コンセプチュアル・アート, カルチャー 1 #コンテキスト 1 #コンデンサ 1 #コントラスト 1 #コントラスト比 1 #コンピュータサイエンス 1 #コンプライアント・メカニズム 1 #サイクリング 1 #サウンドトラック 1 #サステナビリティ 1 #サフラン 1 #シーフード 1 #ジェイムズ・ウェッブ 1 #ジェイル効果 1 #ジェットエンジン 1 #シグニファイア 1 #しながわ水族館 1 #しまなみ海道 1 #シミュレーション 1 #ジャイロ効果 1 #シュノーケリング 1 #シュレーディンガーの猫 1 #ショー 1 #ジョージタウン 1 #シリコン素材 1 #シンガポール 1 #スイーツ 1 #スイレン 1 #スイングバイ 1 #スケルトンスクリーン 1 #ストリートアート 1 #スパイス 1 #スペイン 1 #スマートガラス 1 #スマートタグ 1 #スマホ 1 #スマホ設定 1 #セルフうどん 1 #セルロースナノファイバー 1 #センサー 1 #セントラルドグマ 1 #ソウル 1 #ダークエネルギー 1 #ダークパターン 1 #タイヤ 1 #タッチ決済 1 #ダム 1 #たらい舟 1 #チェコ 1 #チェンマイ 1 #チップチューン 1 #チャタリング 1 #チュートリアル 1 #チューンドマスダンパー 1 #デエイジング 1 #データセンター 1 #データ可視化 1 #デート 1 #デートコース 1 #デートスポット 1 #デザイン 1 #デザイントークン 1 #デジタルアート 1 #デジタル嗅覚 1 #テックジャイアント 1 #テンセグリティ 1 #テンプ 1 #トークン化 1 #トラベルノート 1 #トランスミッション 1 #ドローン 1 #ドロップシャドウ 1 #ナノテクノロジー 1 #ニティノール 1 #ニュートリノ振動 1 #ヌサペニダ 1 #ぬる湯 1 #ノイズ 1 #ノスタルジー 1 #バイオテクノロジー 1 #バイオルミネセンス 1 #バイナリー発電 1 #ハイブリッドAI 1 #ハス 1 #パズル 1 #バックパック 1 #ハノイ 1 #はやぶさ 1 #はやぶさ2 1 #バリ島 1 #ハルシネーション 1 #バルセロナ 1 #パワー半導体 1 #ハワイ 1 #ハンドドリップ 1 #バンフ国立公園 1 #ビーチ 1 #ヒートポンプ 1 #ヒストン 1 #ピピ島 1 #ヒューマノイド 1 #ピン留め効果 1 #ファミコン 1 #フィッツの法則 1 #フィレンツェ 1 #プーケット 1 #フェライトコア 1 #フォッサマグナ 1 #フォント 1 #ブラウザ挙動 1 #プラハ 1 #ブランディング 1 #ブルージュ 1 #プルキンエ現象 1 #フローティングラベル 1 #プロンプト 1 #プロンプト工学 1 #ベイズの定理 1 #ベイズ統計 1 #ペナン島 1 #ベネチア 1 #ベルギー 1 #ホイアン 1 #ボース＝アインシュタイン凝縮 1 #ボリビア 1 #ポルトガル 1 #マルチメーター 1 #マルチモーダル 1 #マルテンサイト変態 1 #マレーシア 1 #みなとみらい 1 #ミニマリスト 1 #メタセコイア 1 #メニュー設計 1 #メモリ帯域 1 #メモリ壁 1 #メンタルモデル 1 #メンテナンス 1 #モーター 1 #モール温泉 1 #モデルプラン 1 #ものづくり 1 #モバイルアプリ 1 #モバイル通信 1 #モンティ・ホール問題 1 #ヤワラート 1 #ユークリッド 1 #ユーザー心理 1 #ユタ州 1 #ヨセミテ国立公園 1 #ラーメン 1 #ライフハック 1 #ラジャ・アンパット 1 #ラベンダー 1 #ランタン上げ 1 #リスキリング 1 #リゾート 1 #リゾートしらかみ 1 #ルーヴル美術館 1 #ルシフェリン 1 #レイリー散乱 1 #レインボーブリッジ 1 #レスポンシブデザイン 1 #レトロデザイン 1 #レンタサイクル 1 #レンタルWiFi 1 #ローカル 1 #ローカルAI 1 #ローカルフード 1 #ローカル生成 1 #ローカル鉄道 1 #ローワー・サード 1 #ロストバゲージ 1 #ロボット 1 #ロンドン 1 #ワークフロー 1 #ワイヤーフレーム 1 #安全要件 1 #暗号理論 1 #異常気象 1 #移動 1 #遺伝学 1 #遺伝子 1 #遺伝子工学 1 #磯渡り 1 #一貫性 1 #一人旅 1 #宇治田原 1 #宇宙探査 1 #宇宙天気予報 1 #宇宙膨張 1 #碓氷峠 1 #運河クルーズ 1 #映画 1 #映画制作 1 #奥多摩 1 #奥飛騨温泉郷 1 #応用化学 1 #横浜みなとみらい 1 #屋台グルメ 1 #屋内遊び場 1 #温泉旅 1 #音楽テクノロジー 1 #音声UI 1 #音声合成 1 #音声生成 1 #音声対話 1 #下町グルメ 1 #下町巡り 1 #夏バテ防止 1 #家族旅行 1 #家庭の化学 1 #科学館 1 #科学哲学 1 #火星 1 #画像認識 1 #解釈可能性 1 #回転力学 1 #海鮮丼 1 #海洋生物 1 #海洋生物学 1 #界面活性剤 1 #開発 1 #開発者ツール 1 #外湯 1 #拡散モデル 1 #確率論 1 #割引 1 #活版印刷 1 #葛飾柴又 1 #環境技術 1 #環境保護 1 #観光モデルコース 1 #観光放水 1 #観光列車 1 #韓国旅行 1 #顔認識 1 #企業導入 1 #基礎知識 1 #基盤モデル 1 #岐阜 1 #揮発性有機化合物 1 #機械式時計 1 #機械設計 1 #機構学 1 #機内持ち込み 1 #機能美 1 #気候学 1 #気象メカニズム 1 #規制 1 #吉祥寺 1 #砧公園 1 #休日 1 #宮島 1 #急速充電 1 #居酒屋 1 #巨大銀河 1 #強化学習 1 #郷土料理 1 #金属工学 1 #金属疲労 1 #銀山温泉 1 #九份 1 #空間UI 1 #空飛ぶクルマ 1 #熊本 1 #形式検証 1 #形状記憶合金 1 #恵比寿 1 #系外惑星 1 #経済安全保障 1 #計測器 1 #計測技術 1 #軽量高強度 1 #決算 1 #結晶欠陥 1 #月島もんじゃ 1 #健康管理 1 #建築めぐり 1 #建築環境工学 1 #原子力発電 1 #厳島神社 1 #減速機 1 #個人旅行 1 #古民家 1 #戸越銀座 1 #雇用・労働 1 #五能線 1 #語源 1 #光 1 #光の吸収 1 #光学調整 1 #光合成 1 #工場夜景 1 #広島 1 #構造化出力 1 #構造工学 1 #構造材料 1 #江ノ電 1 #江戸川区 1 #江戸東京たてもの園 1 #江東区 1 #航空工学 1 #酵素反応 1 #香りの科学 1 #香水 1 #高松 1 #高尾山 1 #高分子化学 1 #国外運転免許証 1 #国立西洋美術館 1 #黒川温泉 1 #黒部ダム 1 #混雑回避 1 #佐原 1 #佐渡金山 1 #佐渡島 1 #細胞 1 #細胞生物学 1 #材料力学 1 #作曲 1 #錯覚 1 #三浦半島 1 #山登り 1 #山梨 1 #酸化 1 #使い方 1 #市場分析 1 #糸島 1 #視覚的階層 1 #寺院 1 #寺院巡り 1 #持ち物 1 #時間の遅れ 1 #時間論 1 #時計工学 1 #時差ボケ 1 #次世代モビリティ 1 #次世代素材 1 #磁気浮上 1 #自己修復材料 1 #自作キーボード 1 #自動販売機 1 #実用・お得 1 #柴又帝釈天 1 #芝公園 1 #写真 1 #社会制度 1 #手帳術 1 #集中豪雨 1 #充電器 1 #十勝川温泉 1 #十分 1 #渋温泉 1 #重曹 1 #重力レンズ 1 #出雲大社 1 #小金井 1 #小江戸 1 #小石川 1 #小惑星 1 #湘南 1 #省エネ 1 #省エネ技術 1 #省電力 1 #衝撃波 1 #上野 1 #乗り鉄 1 #乗り放題きっぷ 1 #城めぐり 1 #常温超伝導 1 #植物 1 #色彩 1 #色彩科学 1 #色彩設計 1 #触覚フィードバック 1 #食品化学 1 #心理学 1 #新潟 1 #新幹線 1 #新種発見 1 #新宿 1 #新宿御苑 1 #新穂高ロープウェイ 1 #深海生物 1 #深海探査 1 #神社巡り 1 #神保町 1 #人工衛星 1 #人工筋肉 1 #人工知能 1 #推進工学 1 #推論時間計算 1 #推論特化 1 #水郷 1 #水元公園 1 #水素エネルギー 1 #水中写真 1 #数学AI 1 #世界モデル 1 #世田谷美術館 1 #瀬戸内 1 #制御工学 1 #性能評価 1 #星空観察 1 #清澄庭園 1 #生産技術 1 #生物化学 1 #生物知能 1 #生物発光 1 #精密工学 1 #西武鉄道 1 #青森 1 #石造建築 1 #石塀小路 1 #設計原則 1 #絶対零度 1 #千曲 1 #千葉 1 #川越 1 #川崎 1 #川床 1 #線状降水帯 1 #素粒子物理学 1 #組込み 1 #双眼鏡 1 #掃除 1 #相対性理論 1 #窓断熱 1 #送電 1 #造波抵抗 1 #足立美術館 1 #太陽フレア 1 #体感速度 1 #耐震 1 #耐震技術 1 #耐風設計 1 #帯広 1 #待ち行列理論 1 #台風 1 #台北101 1 #大気科学 1 #大原 1 #大人旅 1 #大正ロマン 1 #大統領令 1 #只見線 1 #脱進機 1 #棚田 1 #谷中銀座 1 #地下街 1 #地質学 1 #地震 1 #地震学 1 #地熱発電 1 #蓄電池 1 #中尊寺 1 #中和反応 1 #著作権訴訟 1 #朝活 1 #調布 1 #超知能 1 #長距離フライト 1 #長周期地震動 1 #通知バッジ 1 #吊り橋 1 #低温物理学 1 #鉄道史 1 #天気図 1 #天文 1 #展望台 1 #伝統技術 1 #伝熱工学 1 #電気自動車 1 #電気推進 1 #電源回路 1 #電源設計 1 #電磁気学 1 #電磁気嵐 1 #電力インフラ 1 #電力系統 1 #登山 1 #登山ギア 1 #都営地下鉄 1 #都電荒川線 1 #土質力学 1 #土木技術 1 #投資 1 #東京グルメ 1 #東京シティビュー 1 #東京フリーきっぷ 1 #東京メトロ 1 #東京大学物性研究所 1 #東京都現代美術館 1 #東京湾 1 #東山 1 #東武鉄道 1 #盗葉緑体 1 #等々力渓谷 1 #統計 1 #統計学 1 #統合メモリ 1 #陶芸 1 #動画生成 1 #道具の歴史 1 #特産品 1 #独占禁止法 1 #豚丼 1 #日原鍾乳洞 1 #日光 1 #日常生活 1 #日本科学未来館 1 #日本列島 1 #乳頭温泉郷 1 #入湯手形 1 #認知バイアス 1 #認知負荷 1 #粘菌 1 #廃線跡 1 #梅雨前線 1 #買収 1 #博多うどん 1 #博物館 1 #函館 1 #八島湿原 1 #発酵 1 #発電効率 1 #飯田橋 1 #秘湯 1 #避暑地 1 #飛騨高山 1 #微細加工 1 #美ヶ原高原 1 #美術鑑賞 1 #表参道 1 #評価 1 #評価手法 1 #富山 1 #富良野 1 #風鈴 1 #福島 1 #物質科学 1 #物性 1 #物性化学 1 #物理AI 1 #物理化学 1 #分子 1 #文房具 1 #兵庫 1 #平渓線 1 #片手操作 1 #保存 1 #法務 1 #北アルプス 1 #北陸アーチパス 1 #北陸新幹線 1 #万座温泉 1 #万年筆 1 #味覚 1 #夢の島熱帯植物館 1 #無料スポット 1 #明暗順応 1 #免震 1 #免税 1 #麺類 1 #毛越寺 1 #網膜 1 #木場公園 1 #目黒 1 #夜のお散歩 1 #野球観戦 1 #有馬温泉 1 #湧水 1 #遊星歯車 1 #夕涼み 1 #揚水発電 1 #揚力 1 #用語の由来 1 #嵐山 1 #立山黒部アルペンルート 1 #立体化学 1 #旅客機 1 #旅行記 1 #旅行術 1 #旅行保険 1 #旅程設計 1 #料理科学 1 #量子コンピュータ 1 #量子デコヒーレンス 1 #量子暗号 1 #量子化 1 #量子消しゴム 1 #量子論 1 #倫理的デザイン 1 #歴史的建造物 1 #路地裏散歩 1 #路面電車 1 #露天風呂 1 #露天風呂巡り 1 #六本木ヒルズ 1 #論理パズル 1 #嗅覚 1 #嗅覚受容体 1 #姨捨 1 #淹れ方 1 #鱧料理 1