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

ホーム / 「影」で伝えるUIの立体感：ドロップシャドウの認知心理学と自然なソフトシャドウのCSS設計

デザインの話

「影」で伝えるUIの立体感：ドロップシャドウの認知心理学と自然なソフトシャドウのCSS設計

七尾 莉緒 七尾 莉緒 · 2026年7月4日
#UIデザイン #ドロップシャドウ #認知心理学 #CSS

現代のフラットデザインやミニマルなWeb UIにおいて、オブジェクトに影を落とす「ドロップシャドウ（Drop Shadow）」は非常によく使われる表現です。しかし、なぜ私たちはディスプレイという完全に平らなガラス板を見ているにもかかわらず、わずかな影があるだけでそこに「奥行き」を感じるのでしょうか。

この現象の裏側には、人間の脳に備わっている高度な奥行き知覚と認知心理学の仕組みがあります。影を正しく設計することは、単なる美観の向上だけでなく、UIの操作性を高め、ユーザーの認知負荷を劇的に下げる役割を果たします。

UIデザインにおけるドロップシャドウと奥行き 出典: Steve A Johnson / Pexels

脳が「影」から読み取る3次元情報

人間の視覚システムは、2次元の網膜に投影された像から、瞬時に3次元の物理世界を再構成しています。このとき、脳が奥行きを解釈するための最も重要な手がかりの一つが「陰影（Shading）」と「投影（Cast Shadow）」です。

UIデザインにおいては、この影が次の2つの認知心理学的シグナルとして機能します。

  1. レイヤー構造の理解（図と地の関係） ゲシュタルト心理学では、人間は無意識に視野の中の要素を「図（主役）」と「地（背景）」に分離して認識します。境界線に影が落とされることで、脳は「影を落としている側の要素が手前に浮いており、反対側が奥にある」と瞬時に認識します。
  2. 操作性のシグニファイア（アフォーダンスの補助） 手前に浮き上がっている（Elevationが高い）オブジェクトは、現実世界の物理オブジェクトと同様に「持ち上げられる」「押すことができる」という直感をユーザーに与えます。これがボタンやダイアログの「クリックしやすさ」を説明書なしで伝えるインターフェースのシグニファイアとなります。

この「Z軸方向の階層設計」は、Googleの Material 3 DesignのElevationガイドライン でも「ユーザーに情報の優位性とレイヤー関係を伝える基本スタック」として厳密に構造化されています。

汚い影がUIのユーザビリティを破壊する

影は強力な手がかりですが、不自然で強い影は逆に認知の不協和音を生みます。 例えば、真っ黒（rgba(0, 0, 0, 0.5)）でぼかし幅が狭く、不透明度が高い影は、画面全体のコントラストを無駄に高めてしまいます。結果として、本当に注目させたいテキストやアイコンの邪魔になり、ユーザーの視線（視覚的注意）を散らしてしまいます。

現実世界の影は、光源から離れるほど境界線が柔らかく拡散し、周囲の光の反射（環境光）を取り込んで色が変化します。デジタルUIで「自然で美しい影」を表現するには、この物理的な特性を疑似的にエミュレートする必要があります。

実践：自然な「ソフトシャドウ」をCSSで作るハック

CSSの box-shadow を使って、今日から使える非常にクリーンで自然な「ソフトシャドウ」を作る具体的な設計パターンを紹介します。

1. 黒（#000）を直接使わない

影を黒で落とすと、背景色（白やライトグレー）と混ざったときに汚れのような「くすみ」が生じます。影の色は、**「背景のベースカラーを暗くしたトーン」**を使うのがベストです。

/* 悪い例（くすんだグレーの影） */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

/* 良い例（背景の青みに馴染んだ澄んだ影） */
box-shadow: 0 10px 30px rgba(12, 34, 60, 0.08);

2. シャドウを重ねる（レイヤード・シャドウ）

現実の影は、物体のすぐ近くに落ちる濃い影（シャープ）と、広く拡散する薄い影（ソフト）の組み合わせです。CSSでは、box-shadow にカンマ区切りで複数の影を重ねる（レイヤリング）ことで、この滑らかな質感を再現できます。

/* レイヤード・ソフトシャドウ（非常に滑らかな影） */
.card-soft-shadow {
  box-shadow:
    0 1px 2px rgba(12, 34, 60, 0.05),
    0 4px 8px rgba(12, 34, 60, 0.03),
    0 12px 24px rgba(12, 34, 60, 0.03),
    0 24px 48px rgba(12, 34, 60, 0.02);
}

このアプローチは、MDN Web Docsのbox-shadow の仕様でもサポートされている複数指定を用いた表現であり、Webパフォーマンスに過剰な負荷をかけずに高品質な奥行き感を表現する有力な手法です。

影はただの装飾ではありません。「なぜ影をつけるのか」「どうすれば人間の脳がそれを情報として快適に受け取れるか」という認知科学の視点を持つことで、デザインの品質とユーザビリティは格段に向上します。

お役立ち情報

  • Material 3 Design - Elevation Overview Googleが構築した、影と階層（Elevation）を用いた情報の優先順位設計に関する公式ドキュメント（英語）。
  • MDN Web Docs - box-shadow CSSの box-shadow プロパティの仕様、複数指定（レイヤリング）の方法、各種引数の役割を体系的にまとめた日本語の技術ドキュメント。
  • Josh W Comeau - Designing Beautiful Shadows in CSS Webデザイナー・エンジニアに向けて、現実世界の物理法則をCSSの複数シャドウでエミュレートする美しい影のつくり方を解説したブログ記事（英語）。
七尾 莉緒
この記事を書いた人
七尾 莉緒 · UXリサーチャー

認知心理学を学んだUXリサーチャー。人がどこを見て、どう勘違いするかを実験と観察で確かめ、デザインの判断材料に変える。心理学の知見を実務へ橋渡しする。

七尾 莉緒の記事一覧 →

七尾 莉緒の他の記事

タグ一覧

#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