<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>プロジェクト | 個人ウェブサイト</title><link>https://yuchao-wang.netlify.app/ja/project/</link><atom:link href="https://yuchao-wang.netlify.app/ja/project/index.xml" rel="self" type="application/rss+xml"/><description>プロジェクト</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>ja-JP</language><image><url>https://yuchao-wang.netlify.app/media/logo_hu_3214bcd0aed3837d.png</url><title>プロジェクト</title><link>https://yuchao-wang.netlify.app/ja/project/</link></image><item><title>PACGA ミク ポスター</title><link>https://yuchao-wang.netlify.app/ja/project/pacga-miku-poster/</link><pubDate>Tue, 01 Apr 2025 00:00:00 +0000</pubDate><guid>https://yuchao-wang.netlify.app/ja/project/pacga-miku-poster/</guid><description>&lt;p&gt;これは2025年4月1日に印刷および配布された、パデュー大学アニメ・コミック・ゲーム協会（PACGA）のポスターデザインに関するドキュメントです。&lt;/p&gt;
&lt;h2 id="中心キャラクター初音ミク"&gt;中心キャラクター：初音ミク&lt;/h2&gt;
&lt;p&gt;このポスターは、クリプトン・フューチャー・メディアのVocaloidソフトウェアから誕生した、世界的に有名なバーチャルシンガーである初音ミクを中心に据えています。アニメや「オタク」文化の礎として、彼女は創造性、テクノロジー、そしてコミュニティを象徴しており、これらの価値観はPACGAの理念と深く共鳴しています。彼女の象徴的な地位と幅広い認知度は、この学生主体のエンターテインメント協会におけるふさわしいアンバサダーとして機能しています。&lt;/p&gt;
&lt;h2 id="ターゲット層"&gt;ターゲット層&lt;/h2&gt;
&lt;p&gt;このポスターのターゲット層は、パデュー大学に在籍する中国語圏の人々です。&lt;/p&gt;
&lt;h2 id="デザインコンセプトと文化的インスピレーション"&gt;デザインコンセプトと文化的インスピレーション&lt;/h2&gt;
&lt;p&gt;初音ミクは、仏教の図像やユーモアのあるミーム「初音菩薩」にインスピレーションを得た、足を組んで瞑想するポーズで描かれています。このコンセプトは、「初音」と「観音」（仏教の慈悲の女神）の両方に「音」の文字が含まれているという言葉遊びに由来しています。さらにこのテーマに結びつく要素として、「パデュー大学」の中国語表記「普渡大学（Pǔdù Dàxué）」の音の響きが、仏教の概念である「普渡衆生（あまねく衆生を救済する）」を連想させます。パデュー大学の中国語圏のコミュニティで親しまれているこれらの文化的な参照は、繁体字中国語の使用に表れているように、ポスターのターゲット層に完璧に合致しており、テーマの深みとユーモアを強調しています。&lt;/p&gt;
&lt;h2 id="デザインプロセスと技術的ワークフロー"&gt;デザインプロセスと技術的ワークフロー&lt;/h2&gt;
&lt;p&gt;制作プロセスには約1週間を要し、高度なAIツールを活用して複数の段階を経て構築されました。画像生成においては、ComfyUIフレームワーク内でStable Diffusion XL (SDXL)を利用し、ControlNetのOpenPoseを用いて初音ミクの瞑想ポーズを正確に制御しています。&lt;/p&gt;
&lt;p&gt;ポストプロセッシングとして、初期出力画像をPaint.NETで微調整した後、img2imgワークフローを通じて強化およびアップスケールを行い、複雑なディテールを追加しました。&lt;/p&gt;
&lt;p&gt;モデルの選択に関して、2025年4月時点ではStable Diffusion 3.5 LargeやFLUX devといった新しいモデルも利用可能でしたが、コミュニティにおいてComfyUIやWebUIの強力なプラグインエコシステムを持つSDXLおよびSD1.5を採用しました。これらは制御性に優れ、アニメ調の生成において非常に優れた性能を発揮するため、本プロジェクトの美学に最適でした。&lt;/p&gt;
&lt;h2 id="最終的な構成とタイポグラフィ"&gt;最終的な構成とタイポグラフィ&lt;/h2&gt;
&lt;p&gt;ポスターの仕上げはPhotoshopで行われ、主要なデザイン要素を統合して完成度を高めました。フォントには、レトロで遊び心のあるピクセルフォント「JFドット東雲明朝12」を選択しています。これはPACGAのカジュアルで学生主体の精神を反映し、ピクセルアートのテーマを補完するものです。右側にはMorganiteフォントによるグラデーションテキストを配置し、視線をQRコードと行動喚起（コールトゥアクション）へと誘導しています。&lt;/p&gt;
&lt;p&gt;レイアウトとしては、ダークブルーからパープルへのグラデーション背景に繊細なピクセル処理を施して初音ミクを引き立てつつ、繁体字中国語の追加テキストによってコミュニティへの参加を促す構成となっています。&lt;/p&gt;
&lt;h2 id="制作の軌跡とaiの影響"&gt;制作の軌跡とAIの影響&lt;/h2&gt;
&lt;p&gt;約1週間にわたるこのプロジェクトでは、キャラクターのポーズやレイアウトについて広範な概念化が行われました。特にStable DiffusionなどのAIワークフローの導入は、制作プロセスに変革をもたらすものでした。瞑想するポーズの初音ミクの画像を用意することは、AIなしではほぼ不可能であり、高額な依頼費用や膨大な検索時間を必要としたはずです。この技術は制作プロセスを民主化し、個人的な創作を可能にするとともに、時間と労力を大幅に節約しました。この経験は、デザインに革命をもたらすAIの可能性を浮き彫りにし、その将来の応用に対する期待を高めるものです。&lt;/p&gt;
&lt;p&gt;このポスターは、文化的な機知、技術的な革新、そしてコミュニティの精神を融合させたものです。PACGAの重要なターゲット層と使命に合わせた、視覚的に魅力的で意義深いデザインを提供しています。&lt;/p&gt;</description></item><item><title>離散GPUデータベース</title><link>https://yuchao-wang.netlify.app/ja/project/gpu-db/</link><pubDate>Fri, 28 Mar 2025 00:00:00 +0000</pubDate><guid>https://yuchao-wang.netlify.app/ja/project/gpu-db/</guid><description>&lt;style&gt;
.scrollable-table {
max-width: 100%;
max-height: 80vh;
overflow: auto;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
margin: 2rem 0;
position: relative;
--tbl-bg: #ffffff;
--tbl-bg-alt: #f2f3f5;
--tbl-hover: #e4e6e9;
--tbl-hover-active: #d5d8dc;
--tbl-border: #e1e3e6;
}
body.dark .scrollable-table,
html.dark .scrollable-table,
html[data-theme="dark"] .scrollable-table {
--tbl-bg: #161616;
--tbl-bg-alt: #202020;
--tbl-hover: #2c2c2c;
--tbl-hover-active: #383838;
--tbl-border: #333333;
}
.scrollable-table table.sortable {
border-collapse: separate;
border-spacing: 0;
width: max-content;
margin: 0;
}
.scrollable-table th,
.scrollable-table td {
padding: 10px 16px;
font-size: 0.85rem;
white-space: nowrap;
font-variant-numeric: tabular-nums;
border-bottom: 1px solid var(--tbl-border);
transition: background-color 0.1s ease;
}
.scrollable-table tbody tr:nth-child(odd) td,
.scrollable-table tbody tr:nth-child(odd) th {
background-color: var(--tbl-bg);
}
.scrollable-table tbody tr:nth-child(even) td,
.scrollable-table tbody tr:nth-child(even) th {
background-color: var(--tbl-bg-alt);
}
.scrollable-table thead th {
position: sticky;
top: 0;
z-index: 2;
background-color: var(--tbl-bg) !important;
font-weight: 600;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.scrollable-table th:first-child,
.scrollable-table td:first-child {
position: sticky;
left: 0;
z-index: 1;
border-right: 1px solid var(--tbl-border);
font-weight: 500;
}
.scrollable-table thead th:first-child {
z-index: 3;
background-color: var(--tbl-bg) !important;
}
.scrollable-table tbody tr:hover td,
.scrollable-table tbody tr:hover th {
background-color: var(--tbl-hover) !important;
}
.scrollable-table tbody tr:hover td:hover,
.scrollable-table tbody tr:hover th:hover {
background-color: var(--tbl-hover-active) !important;
}
.scrollable-table tr.brand-nv td:first-child { border-left: 4px solid #76b900; }
.scrollable-table tr.brand-amd td:first-child { border-left: 4px solid #ed1c24; }
.scrollable-table tr.brand-intel td:first-child { border-left: 4px solid #0071c5; }
.scrollable-table::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.scrollable-table::-webkit-scrollbar-track {
background: transparent;
}
.scrollable-table::-webkit-scrollbar-thumb {
background: rgba(125, 125, 125, 0.3);
border-radius: 4px;
}
.scrollable-table::-webkit-scrollbar-thumb:hover {
background: rgba(125, 125, 125, 0.5);
}
&lt;/style&gt;
&lt;div class="scrollable-table"&gt;
&lt;table class="sortable"&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;GPU 製品名&lt;/th&gt;
&lt;th&gt;ブランド&lt;/th&gt;
&lt;th&gt;発売日時&lt;/th&gt;
&lt;th&gt;発売価格&lt;/th&gt;
&lt;th&gt;アーキテクチャ&lt;/th&gt;
&lt;th&gt;ファウンドリ&lt;/th&gt;
&lt;th&gt;プロセスノード&lt;/th&gt;
&lt;th&gt;ダイ名&lt;/th&gt;
&lt;th&gt;ダイバリアント&lt;/th&gt;
&lt;th&gt;バスインターフェース&lt;/th&gt;
&lt;th&gt;シェーディングユニット&lt;/th&gt;
&lt;th&gt;TMU&lt;/th&gt;
&lt;th&gt;ROP&lt;/th&gt;
&lt;th&gt;ロジッククラスター&lt;/th&gt;
&lt;th&gt;テンソルコア&lt;/th&gt;
&lt;th&gt;RTコア&lt;/th&gt;
&lt;th&gt;L0キャッシュ&lt;/th&gt;
&lt;th&gt;L1キャッシュ&lt;/th&gt;
&lt;th&gt;L2キャッシュ&lt;/th&gt;
&lt;th&gt;L3キャッシュ&lt;/th&gt;
&lt;th&gt;メモリ容量&lt;/th&gt;
&lt;th&gt;メモリタイプ&lt;/th&gt;
&lt;th&gt;メモリバス&lt;/th&gt;
&lt;th&gt;バンド幅&lt;/th&gt;
&lt;th&gt;ベースクロック&lt;/th&gt;
&lt;th&gt;ブーストクロック&lt;/th&gt;
&lt;th&gt;メモリクロック&lt;/th&gt;
&lt;th&gt;実効メモリ速度&lt;/th&gt;
&lt;th&gt;TDP&lt;/th&gt;
&lt;th&gt;FP16 (GFLOPS)&lt;/th&gt;
&lt;th&gt;FP32 (GFLOPS)&lt;/th&gt;
&lt;th&gt;FP64 (GFLOPS)&lt;/th&gt;
&lt;th&gt;ピクセルレート&lt;/th&gt;
&lt;th&gt;テクスチャレート&lt;/th&gt;
&lt;th&gt;DirectX&lt;/th&gt;
&lt;th&gt;OpenGL&lt;/th&gt;
&lt;th&gt;OpenCL&lt;/th&gt;
&lt;th&gt;Vulkan&lt;/th&gt;
&lt;th&gt;CUDA計算能力&lt;/th&gt;
&lt;th&gt;シェーダーモデル&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;GeForce 8800 Ultra&lt;/td&gt;
&lt;td&gt;NVIDIA&lt;/td&gt;
&lt;td&gt;2007-05-02&lt;/td&gt;
&lt;td&gt;829 USD&lt;/td&gt;
&lt;td&gt;Tesla&lt;/td&gt;
&lt;td&gt;TSMC&lt;/td&gt;
&lt;td&gt;90 nm&lt;/td&gt;
&lt;td&gt;G80&lt;/td&gt;
&lt;td&gt;G80-450-A3&lt;/td&gt;
&lt;td&gt;PCIe 1.0 x16&lt;/td&gt;
&lt;td&gt;128&lt;/td&gt;
&lt;td&gt;32&lt;/td&gt;
&lt;td&gt;24&lt;/td&gt;
&lt;td&gt;16 SMs&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;96 KB&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;768 MB&lt;/td&gt;
&lt;td&gt;GDDR3&lt;/td&gt;
&lt;td&gt;384 bit&lt;/td&gt;
&lt;td&gt;103.7 GB/s&lt;/td&gt;
&lt;td&gt;612 MHz&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1080 MHz&lt;/td&gt;
&lt;td&gt;2.2 Gbps&lt;/td&gt;
&lt;td&gt;171 W&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;387.1&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;14.69 GPixel/s&lt;/td&gt;
&lt;td&gt;39.17 GTexel/s&lt;/td&gt;
&lt;td&gt;11.1 (10_0)&lt;/td&gt;
&lt;td&gt;3.3&lt;/td&gt;
&lt;td&gt;1.1 (1.0)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1.0&lt;/td&gt;
&lt;td&gt;4.0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Quadro FX 5600&lt;/td&gt;
&lt;td&gt;NVIDIA&lt;/td&gt;
&lt;td&gt;2007-03-05&lt;/td&gt;
&lt;td&gt;2,999 USD&lt;/td&gt;
&lt;td&gt;Tesla&lt;/td&gt;
&lt;td&gt;TSMC&lt;/td&gt;
&lt;td&gt;90 nm&lt;/td&gt;
&lt;td&gt;G80&lt;/td&gt;
&lt;td&gt;G80-875-A2&lt;/td&gt;
&lt;td&gt;PCIe 1.0 x16&lt;/td&gt;
&lt;td&gt;128&lt;/td&gt;
&lt;td&gt;32&lt;/td&gt;
&lt;td&gt;24&lt;/td&gt;
&lt;td&gt;16 SMs&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;96 KB&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1536 MB&lt;/td&gt;
&lt;td&gt;GDDR3&lt;/td&gt;
&lt;td&gt;384 bit&lt;/td&gt;
&lt;td&gt;76.8 GB/s&lt;/td&gt;
&lt;td&gt;600 MHz&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;800 MHz&lt;/td&gt;
&lt;td&gt;1.6 Gbps&lt;/td&gt;
&lt;td&gt;171 W&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;345.6&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;14.40 GPixel/s&lt;/td&gt;
&lt;td&gt;38.40 GTexel/s&lt;/td&gt;
&lt;td&gt;11.1 (10_0)&lt;/td&gt;
&lt;td&gt;3.3&lt;/td&gt;
&lt;td&gt;1.1 (1.0)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1.0&lt;/td&gt;
&lt;td&gt;4.0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Tesla C870&lt;/td&gt;
&lt;td&gt;NVIDIA&lt;/td&gt;
&lt;td&gt;2007-05-02&lt;/td&gt;
&lt;td&gt;1,499 USD&lt;/td&gt;
&lt;td&gt;Tesla&lt;/td&gt;
&lt;td&gt;TSMC&lt;/td&gt;
&lt;td&gt;90 nm&lt;/td&gt;
&lt;td&gt;G80&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;PCIe 1.0 x16&lt;/td&gt;
&lt;td&gt;128&lt;/td&gt;
&lt;td&gt;32&lt;/td&gt;
&lt;td&gt;24&lt;/td&gt;
&lt;td&gt;16 SMs&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;96 KB&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1536 MB&lt;/td&gt;
&lt;td&gt;GDDR3&lt;/td&gt;
&lt;td&gt;384 bit&lt;/td&gt;
&lt;td&gt;76.8 GB/s&lt;/td&gt;
&lt;td&gt;600 MHz&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;800 MHz&lt;/td&gt;
&lt;td&gt;1.6 Gbps&lt;/td&gt;
&lt;td&gt;171 W&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;345.6&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;14.40 GPixel/s&lt;/td&gt;
&lt;td&gt;38.40 GTexel/s&lt;/td&gt;
&lt;td&gt;11.1 (10_0)&lt;/td&gt;
&lt;td&gt;3.3&lt;/td&gt;
&lt;td&gt;1.1 (1.0)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1.0&lt;/td&gt;
&lt;td&gt;4.0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;GeForce 8800 GTX&lt;/td&gt;
&lt;td&gt;NVIDIA&lt;/td&gt;
&lt;td&gt;2006-11-08&lt;/td&gt;
&lt;td&gt;599 USD&lt;/td&gt;
&lt;td&gt;Tesla&lt;/td&gt;
&lt;td&gt;TSMC&lt;/td&gt;
&lt;td&gt;90 nm&lt;/td&gt;
&lt;td&gt;G80&lt;/td&gt;
&lt;td&gt;G80-300-A2&lt;/td&gt;
&lt;td&gt;PCIe 1.0 x16&lt;/td&gt;
&lt;td&gt;128&lt;/td&gt;
&lt;td&gt;32&lt;/td&gt;
&lt;td&gt;24&lt;/td&gt;
&lt;td&gt;16 SMs&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;96 KB&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;768 MB&lt;/td&gt;
&lt;td&gt;GDDR3&lt;/td&gt;
&lt;td&gt;384 bit&lt;/td&gt;
&lt;td&gt;86.4 GB/s&lt;/td&gt;
&lt;td&gt;576 MHz&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;900 MHz&lt;/td&gt;
&lt;td&gt;1.8 Gbps&lt;/td&gt;
&lt;td&gt;155 W&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;345.6&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;13.82 GPixel/s&lt;/td&gt;
&lt;td&gt;36.86 GTexel/s&lt;/td&gt;
&lt;td&gt;11.1 (10_0)&lt;/td&gt;
&lt;td&gt;3.3&lt;/td&gt;
&lt;td&gt;1.1 (1.0)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1.0&lt;/td&gt;
&lt;td&gt;4.0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;GeForce 9800 GTX&lt;/td&gt;
&lt;td&gt;NVIDIA&lt;/td&gt;
&lt;td&gt;2008-03-28&lt;/td&gt;
&lt;td&gt;299 USD&lt;/td&gt;
&lt;td&gt;Tesla&lt;/td&gt;
&lt;td&gt;TSMC&lt;/td&gt;
&lt;td&gt;65 nm&lt;/td&gt;
&lt;td&gt;G92&lt;/td&gt;
&lt;td&gt;G92-420-A2&lt;/td&gt;
&lt;td&gt;PCIe 2.0 x16&lt;/td&gt;
&lt;td&gt;128&lt;/td&gt;
&lt;td&gt;64&lt;/td&gt;
&lt;td&gt;16&lt;/td&gt;
&lt;td&gt;16 SMs&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;64 KB&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;512 MB&lt;/td&gt;
&lt;td&gt;GDDR3&lt;/td&gt;
&lt;td&gt;256 bit&lt;/td&gt;
&lt;td&gt;70.4 GB/s&lt;/td&gt;
&lt;td&gt;675 MHz&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1100 MHz&lt;/td&gt;
&lt;td&gt;2.2 Gbps&lt;/td&gt;
&lt;td&gt;140 W&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;432.1&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;10.80 GPixel/s&lt;/td&gt;
&lt;td&gt;43.20 GTexel/s&lt;/td&gt;
&lt;td&gt;11.1 (10_0)&lt;/td&gt;
&lt;td&gt;3.3&lt;/td&gt;
&lt;td&gt;1.1&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1.1&lt;/td&gt;
&lt;td&gt;4.0&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;script&gt;
document.addEventListener('DOMContentLoaded', function() {
let styleBlock = document.getElementById('col-hover-style');
if (!styleBlock) {
styleBlock = document.createElement('style');
styleBlock.id = 'col-hover-style';
document.head.appendChild(styleBlock);
}
function applyTableEnhancements() {
const tableContainer = document.querySelector('.scrollable-table');
if(!tableContainer) return;
const rows = tableContainer.querySelectorAll('tbody tr');
rows.forEach(row =&gt; {
const brandCell = row.querySelector('td:nth-child(2)');
if(brandCell) {
const brand = brandCell.textContent.trim().toLowerCase();
if(brand.includes('nvidia')) {
row.classList.add('brand-nv');
} else if(brand.includes('amd') || brand.includes('ati')) {
row.classList.add('brand-amd');
} else if(brand.includes('intel')) {
row.classList.add('brand-intel');
}
}
});
tableContainer.addEventListener('mouseover', function(e) {
const cell = e.target.closest('td, th');
if (!cell) return;
const colIndex = cell.cellIndex + 1;
styleBlock.textContent = `.scrollable-table tbody td:nth-child(${colIndex}), .scrollable-table thead th:nth-child(${colIndex}) { background-color: var(--tbl-hover) !important; }`;
});
tableContainer.addEventListener('mouseout', function(e) {
styleBlock.textContent = '';
});
}
const observer = new MutationObserver(function(mutations, observer) {
const table = document.querySelector('.scrollable-table .sortable');
if (table &amp;&amp; table.offsetWidth &gt; 0) {
applyTableEnhancements();
document.dispatchEvent(new Event('tableRendered'));
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
setTimeout(() =&gt; {
if (document.querySelector('.scrollable-table .sortable')) {
applyTableEnhancements();
}
}, 300);
});
&lt;/script&gt;
&lt;p&gt;&lt;em&gt;(完全なデータは省略されています)&lt;/em&gt;&lt;/p&gt;</description></item></channel></rss>