{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "林知远",
  "home_page_url": "https://stlin256.github.io/OpenHomepage-V2/",
  "feed_url": "https://stlin256.github.io/OpenHomepage-V2/ja/feed.json",
  "language": "ja",
  "description": "林知远の個人ホームページ：機械学習研究、オープンソース、読書記録",
  "items": [
    {
      "id": "https://stlin256.github.io/OpenHomepage-V2/ja/features",
      "url": "https://stlin256.github.io/OpenHomepage-V2/ja/features",
      "title": "機能",
      "content_html": "<p>このページでは、サイトがサポートするすべてのコンテンツタイプを実演します。ソースはプレーンなマークダウンファイル（<code>data/pages/ja/features.md</code>）です——エディタで開いて見比べてみてください。</p>\n<h2>テキストとタイポグラフィ</h2>\n<p><strong>太字</strong>、<em>斜体</em>、<del>取り消し線</del>、<code>インラインコード</code>、そして<a href=\"https://example.com\" title=\"hover me\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link\">タイトル付きリンク<svg class=\"external-link-icon\" viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17 17 7\"></path><path d=\"M7 7h10v10\"></path></svg></a>。</p>\n<blockquote>\n<p>マガジンタイポグラフィにおいて、引用ブロックは呼吸する余白である。\n— あるタイポグラフィ愛好家</p>\n</blockquote>\n<ul class=\"contains-task-list\">\n<li>\n<p>順序なし項目 A</p>\n</li>\n<li>\n<p>順序なし項目 B</p>\n<ul>\n<li>ネストされた項目</li>\n</ul>\n</li>\n<li class=\"task-list-item\">\n<p><input type=\"checkbox\" checked disabled> 完了：静的サイトパイプライン</p>\n</li>\n<li class=\"task-list-item\">\n<p><input type=\"checkbox\" checked disabled> 完了：マークダウンレンダリング</p>\n</li>\n<li class=\"task-list-item\">\n<p><input type=\"checkbox\" disabled> 進行中：コンテンツをもっと書く</p>\n</li>\n</ul>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"md-table-wrap\"><table><thead><tr><th>機能</th><th>構文</th><th>レンダラー</th></tr></thead><tbody><tr><td>コードハイライト</td><td><code>```python</code></td><td>Shiki</td></tr><tr><td>数式</td><td><code>$E=mc^2$</code></td><td>KaTeX</td></tr><tr><td>埋め込みプレイヤー</td><td><code>::bilibili{}</code></td><td>カスタムディレクティブ</td></tr></tbody></table></div>\n<h2>コードハイライト</h2>\n<pre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\" tabindex=\"0\" data-language=\"python\"><code class=\"language-python\"><span class=\"line\"><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> torch</span></span>\n<span class=\"line\"></span>\n<span class=\"line\"><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">def</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> cosine_lr</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(step: </span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">int</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, total: </span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">int</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">, base: </span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">float</span><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =</span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> 3e-4</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">) -> </span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">float</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">:</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">    \"\"\"Cosine-annealed learning rate.\"\"\"</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    t </span><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> min</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(step </span><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">/</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> total, </span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">1.0</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">)</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">    return</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> base </span><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">*</span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> 0.5</span><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> *</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> (</span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">1</span><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> +</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> torch.cos(torch.tensor(t </span><span style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">*</span><span style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> 3.14159</span><span style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">)))</span></span></code></pre>\n<h2>数式</h2>\n<p>インライン <span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\"><semantics><mrow><msup><mi>e</mi><mrow><mi>i</mi><mi>π</mi></mrow></msup><mo>+</mo><mn>1</mn><mo>=</mo><mn>0</mn></mrow><annotation encoding=\"application/x-tex\">e^{i\\pi} + 1 = 0</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.908em;vertical-align:-0.0833em;\"></span><span class=\"mord\"><span class=\"mord mathnormal\">e</span><span class=\"msupsub\"><span class=\"vlist-t\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.8247em;\"><span style=\"top:-3.063em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mathnormal mtight\" style=\"margin-right:0.0359em;\">iπ</span></span></span></span></span></span></span></span></span><span class=\"mspace\" style=\"margin-right:0.2222em;\"></span><span class=\"mbin\">+</span><span class=\"mspace\" style=\"margin-right:0.2222em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:0.6444em;\"></span><span class=\"mord\">1</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:0.6444em;\"></span><span class=\"mord\">0</span></span></span></span>、そしてブロックレベルの softmax：</p>\n<span class=\"katex-display\"><span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\" display=\"block\"><semantics><mrow><mrow><mi mathvariant=\"normal\">s</mi><mi mathvariant=\"normal\">o</mi><mi mathvariant=\"normal\">f</mi><mi mathvariant=\"normal\">t</mi><mi mathvariant=\"normal\">m</mi><mi mathvariant=\"normal\">a</mi><mi mathvariant=\"normal\">x</mi></mrow><mo stretchy=\"false\">(</mo><msub><mi>z</mi><mi>i</mi></msub><mo stretchy=\"false\">)</mo><mo>=</mo><mfrac><mrow><mi>exp</mi><mo>⁡</mo><mo stretchy=\"false\">(</mo><msub><mi>z</mi><mi>i</mi></msub><mo stretchy=\"false\">)</mo></mrow><mrow><msubsup><mo>∑</mo><mrow><mi>j</mi><mo>=</mo><mn>1</mn></mrow><mi>K</mi></msubsup><mi>exp</mi><mo>⁡</mo><mo stretchy=\"false\">(</mo><msub><mi>z</mi><mi>j</mi></msub><mo stretchy=\"false\">)</mo></mrow></mfrac></mrow><annotation encoding=\"application/x-tex\">\\mathrm{softmax}(z_i) = \\frac{\\exp(z_i)}{\\sum\\nolimits_{j=1}^{K} \\exp(z_j)}</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:1em;vertical-align:-0.25em;\"></span><span class=\"mord\"><span class=\"mord mathrm\">softmax</span></span><span class=\"mopen\">(</span><span class=\"mord\"><span class=\"mord mathnormal\" style=\"margin-right:0.044em;\">z</span><span class=\"msupsub\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.3117em;\"><span style=\"top:-2.55em;margin-left:-0.044em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mathnormal mtight\">i</span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.15em;\"><span></span></span></span></span></span></span><span class=\"mclose\">)</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:2.734em;vertical-align:-1.307em;\"></span><span class=\"mord\"><span class=\"mopen nulldelimiter\"></span><span class=\"mfrac\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:1.427em;\"><span style=\"top:-2.1288em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"mord\"><span class=\"mop\"><span class=\"mop op-symbol small-op\" style=\"position:relative;top:0em;\">∑</span><span class=\"msupsub\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.9812em;\"><span style=\"top:-2.4003em;margin-left:0em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mathnormal mtight\" style=\"margin-right:0.0572em;\">j</span><span class=\"mrel mtight\">=</span><span class=\"mord mtight\">1</span></span></span></span><span style=\"top:-3.2029em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mathnormal mtight\" style=\"margin-right:0.0715em;\">K</span></span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.4358em;\"><span></span></span></span></span></span></span><span class=\"mspace\" style=\"margin-right:0.1667em;\"></span><span class=\"mop\">exp</span><span class=\"mopen\">(</span><span class=\"mord\"><span class=\"mord mathnormal\" style=\"margin-right:0.044em;\">z</span><span class=\"msupsub\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.3117em;\"><span style=\"top:-2.55em;margin-left:-0.044em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mathnormal mtight\" style=\"margin-right:0.0572em;\">j</span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.2861em;\"><span></span></span></span></span></span></span><span class=\"mclose\">)</span></span></span><span style=\"top:-3.23em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"frac-line\" style=\"border-bottom-width:0.04em;\"></span></span><span style=\"top:-3.677em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"mord\"><span class=\"mop\">exp</span><span class=\"mopen\">(</span><span class=\"mord\"><span class=\"mord mathnormal\" style=\"margin-right:0.044em;\">z</span><span class=\"msupsub\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.3117em;\"><span style=\"top:-2.55em;margin-left:-0.044em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mathnormal mtight\">i</span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.15em;\"><span></span></span></span></span></span></span><span class=\"mclose\">)</span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:1.307em;\"><span></span></span></span></span></span><span class=\"mclose nulldelimiter\"></span></span></span></span></span></span>\n<h2>図とグリッド</h2>\n<figure style=\"width:72%\"><img src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/figure-1.jpg\" alt=\"図 1：頭上を低空で飛ぶ中国商飛 C909（幅とキャプション付きの figure ディレクティブ）\" loading=\"lazy\"><figcaption>図 1：頭上を低空で飛ぶ中国商飛 C909（幅とキャプション付きの figure ディレクティブ）</figcaption></figure>\n<p>2 カラムグリッド（モバイルでは 1 カラムに折りたたまれます）：</p>\n<div class=\"md-grid\" style=\"grid-template-columns:repeat(2,1fr)\"><div class=\"md-grid-cell\"><p>左側にテキスト。マガジンタイポグラフィの本質は装飾ではなく、<strong>余白とアライメント</strong>です。</p></div><div class=\"md-grid-cell\"><figure style=\"width:100%\"><img src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/figure-2.jpg\" alt=\"海心橋に沈む夕日\" loading=\"lazy\"><figcaption>海心橋に沈む夕日</figcaption></figure></div></div>\n<h2>埋め込みプレイヤー</h2>\n<p>プレイヤーは公式の iframe をレスポンシブな 16:9 コンテナに直接レンダリングします（<code>loading=\"lazy\"</code> なので初回ペイントは高速のままです）：</p>\n<div class=\"embed-player embed-youtube\" data-embed-kind=\"youtube\" data-embed-id=\"aircAruvnKk\" data-embed-src=\"https://www.youtube-nocookie.com/embed/aircAruvnKk?autoplay=1\" data-embed-title=\"But what is a neural network? | Deep learning chapter 1\" role=\"region\" aria-label=\"But what is a neural network? | Deep learning chapter 1\" tabindex=\"0\"><img class=\"embed-poster\" src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/cover-youtube-aircaruvnkk.jpg\" alt=\"But what is a neural network? | Deep learning chapter 1\" loading=\"lazy\" decoding=\"async\" referrerpolicy=\"no-referrer\"><div class=\"embed-topbar\"><span class=\"embed-brand-icon\"><svg class=\"embed-brand-svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M23.5 6.2c-.3-1-1-1.8-2-2.1C19.7 3.5 12 3.5 12 3.5s-7.7 0-9.5.6c-1 .3-1.7 1.1-2 2.1C0 8 0 12 0 12s0 4 .5 5.8c.3 1 1 1.8 2 2.1 1.8.6 9.5.6 9.5.6s7.7 0 9.5-.6c1-.3 1.7-1.1 2-2.1.5-1.8.5-5.8.5-5.8s0-4-.5-5.8zM9.5 15.5v-7l6 3.5-6 3.5z\"></path></svg></span><span class=\"embed-title\">But what is a neural network? | Deep learning chapter 1</span></div><button type=\"button\" class=\"embed-play-btn embed-play-btn-yt\" aria-label=\"YouTube 動画を再生: But what is a neural network? | Deep learning chapter 1\"><svg class=\"embed-yt-svg\" viewBox=\"0 0 68 48\" width=\"68\" height=\"48\" aria-hidden=\"true\"><path class=\"embed-yt-btn-bg\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\"></path><path class=\"embed-yt-btn-arrow\" d=\"M 45,24 27,14 27,34\" fill=\"#ffffff\"></path></svg></button><div class=\"embed-bottombar\"><span class=\"embed-corner-badge\">YouTube</span></div></div>\n<div class=\"embed-player embed-bilibili\" data-embed-kind=\"bilibili\" data-embed-id=\"BV13z421U7cs\" data-embed-src=\"https://player.bilibili.com/player.html?bvid=BV13z421U7cs&#x26;autoplay=1\" data-embed-title=\"【官方双语】GPT是什么？直观解释Transformer | 深度学习第5章\" role=\"region\" aria-label=\"【官方双语】GPT是什么？直观解释Transformer | 深度学习第5章\" tabindex=\"0\"><img class=\"embed-poster\" src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/cover-bilibili-bv13z421u7cs.jpg\" alt=\"【官方双语】GPT是什么？直观解释Transformer | 深度学习第5章\" loading=\"lazy\" decoding=\"async\" referrerpolicy=\"no-referrer\"><div class=\"embed-topbar\"><span class=\"embed-brand-icon\"><svg class=\"embed-brand-svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c0-.373.129-.689.386-.947.258-.257.574-.386.947-.386zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373Z\"></path></svg></span><span class=\"embed-title\">【官方双语】GPT是什么？直观解释Transformer | 深度学习第5章</span></div><button type=\"button\" class=\"embed-play-btn embed-play-btn-bili\" aria-label=\"bilibili 動画を再生: 【官方双语】GPT是什么？直观解释Transformer | 深度学习第5章\"><svg class=\"embed-bili-svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\" aria-hidden=\"true\"><circle class=\"embed-bili-btn-circle\" cx=\"32\" cy=\"32\" r=\"28\"></circle><path class=\"embed-bili-btn-arrow\" d=\"M 26,20 L 46,32 L 26,44 Z\" fill=\"#ffffff\"></path></svg></button><div class=\"embed-bottombar\"><span class=\"embed-corner-badge\">bilibili</span></div></div>\n<p>セルフホストメディア（ネイティブタグ）：</p>\n<video src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/feature-flower.mp4\" controls preload=\"metadata\" poster=\"/OpenHomepage-V2/assets/feature-flower-poster.jpg\"></video>\n<div class=\"audio-player md-audio\" data-src=\"/OpenHomepage-V2/assets/bgm.mp3\" data-mode=\"compact\" role=\"group\" aria-label=\"Goldberg Variations, BWV 988 · Aria\" data-title=\"Goldberg Variations, BWV 988 · Aria\"><div class=\"audio-user\"><button class=\"btn-toggle\" type=\"button\" aria-label=\"再生\"><svg class=\"icon-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"></path></svg><svg class=\"icon-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"></path></svg></button><div class=\"audio-meta\"><span class=\"audio-scroll\"><span class=\"audio-title audio-scroll-text\" data-marquee=\"true\">Goldberg Variations, BWV 988 · Aria</span></span><div class=\"audio-bottom\"><span class=\"audio-time\">--:-- / --:--</span><span class=\"audio-bars-mini\" aria-hidden=\"true\"><span></span><span></span><span></span><span></span><span></span></span></div></div></div><div class=\"audio-track\"><div class=\"audio-fill\"></div></div></div>\n<div class=\"audio-player md-audio audio-card\" data-src=\"/OpenHomepage-V2/assets/bgm.mp3\" data-mode=\"card\" role=\"group\" aria-label=\"Bach: The Goldberg Variations, BWV 988 — Aria\" data-title=\"Bach: The Goldberg Variations, BWV 988 — Aria\" data-desc=\"Johann Sebastian Bach · The 1981 Recordings\" data-cover=\"/OpenHomepage-V2/assets/goldberg-aria-cover.jpg\"><div class=\"audio-cover\"><img src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/goldberg-aria-cover.jpg\" alt=\"Bach: The Goldberg Variations, BWV 988 — Aria\" loading=\"lazy\" decoding=\"async\"></div><div class=\"audio-content\"><div class=\"audio-scroll\"><span class=\"audio-title audio-scroll-text\" data-marquee=\"true\">Bach: The Goldberg Variations, BWV 988 — Aria</span></div><div class=\"audio-scroll\"><span class=\"audio-desc audio-scroll-text\" data-marquee=\"true\">Johann Sebastian Bach · The 1981 Recordings</span></div><div class=\"audio-bottom\"><button class=\"btn-toggle\" type=\"button\" aria-label=\"再生\"><svg class=\"icon-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"></path></svg><svg class=\"icon-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"></path></svg></button><span class=\"audio-time\">--:-- / --:--</span></div><div class=\"audio-track\"><div class=\"audio-fill\"></div></div></div></div>\n<h2>機能ディレクティブ</h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"md-table-wrap\"><table><thead><tr><th>コンポーネント</th><th>用途</th></tr></thead><tbody><tr><td>GitHub リポジトリーカード</td><td>ピン留めキャッシュから生成する単一リポジトリーカード</td></tr><tr><td>ストリーミングブロック</td><td>リプレイ付きの LLM ストリーミング出力</td></tr><tr><td>エディトリアルブロック</td><td>アクション、リストカード、タイル、アーカイブカード、区切り線</td></tr></tbody></table></div>\n<p><strong>GitHub リポジトリーカード</strong>：</p>\n<div class=\"gh-card\" data-repo=\"ggml-org/llama.cpp\"></div>\n<p><strong>ストリーミングブロック</strong>：</p>\n<div class=\"stream-block\" data-stream-id=\"welcome\"></div>\n<h2>エディトリアルコンポーネント</h2>\n<p>以下の完全なキットは、<code>site.yaml</code> の <code>editorial_blocks</code> から <code>::editorial{id=\"features\"}</code> で埋め込まれています。アクション、番号付きリストカード、タイル、アーカイブカード、区切り線を網羅しています：</p>\n<div class=\"editorial-embed\" data-editorial-id=\"features\"></div>\n<p>連絡先カード、QR モーダル、ライト／ダークテーマ、言語スイッチャー、バックグラウンドミュージック、画像ライトボックス、スクロールリビールはグローバルコンポーネントです。このページを操作して試してみてください。</p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"md-table-wrap\"><table><thead><tr><th>グローバルコンポーネント</th><th>入口</th></tr></thead><tbody><tr><td>連絡先カード / QR モーダル</td><td>右下のカード。クリックで QR モーダルを表示</td></tr><tr><td>テーマ切替</td><td>右上の太陽／月ボタン</td></tr><tr><td>言語スイッチャー</td><td>右上の言語ボタン</td></tr><tr><td>BGM 切替</td><td>右上の再生／一時停止ボタン</td></tr><tr><td>ライトボックス</td><td>本文中の画像をクリック</td></tr><tr><td>スクロールリビール</td><td>ページのスクロールに合わせてブロックが出現</td></tr></tbody></table></div>\n<p>ホームページ専用のプロフィールブロック、GitHub ブロック、RSS ブロックも以下に完全にレンダリングされています。これらはホームページレイアウトに依存しません。</p>\n<h2>Profile Block · プロフィール</h2>\n<div data-feature-slot=\"profile\"></div>\n<h2>GitHub Block · 貢献ヒートマップ + リポジトリカード</h2>\n<div data-feature-slot=\"github\"></div>\n<h2>RSS Block · コンテンツカード</h2>\n<div data-feature-slot=\"rss\"></div>\n<h2>ページコントロール</h2>\n<p>ページコントロールはページ単位で設定されるページレベルのウィジェットです（グローバルではありません）。各ページは frontmatter で独立に定義でき、ページを開き直すたびに再表示され、ページ固有のお知らせや操作を提供します。</p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"md-table-wrap\"><table><thead><tr><th>ページコントロール</th><th>設定</th><th>説明</th></tr></thead><tbody><tr><td>通知バナー</td><td>frontmatter で <code>notice: \"...\"</code> または <code>notice: { text: \"...\", color: \"yellow\" }</code> を設定</td><td>ページ読み込みから 0.5 秒後にポップイン。4 種のカラーモード（<code>accent</code>、<code>yellow</code>、<code>red</code>、<code>custom</code>）に対応。ページ固有で訪問ごとに再表示。✕ をクリックして手動で閉じる。インラインリンクと書式をサポート</td></tr><tr><td>目次 (TOC)</td><td>frontmatter で <code>toc: true</code> を設定</td><td>デスクトップでは右側に固定され ScrollSpy で現在の見出しを追跡。モバイルでは折りたたみ式ドロワーとして表示</td></tr><tr><td>読書プログレスバー (Reading Progress Bar)</td><td>frontmatter で <code>reading_progress: true</code> を設定</td><td>画面上部に 2px の細線プログレスバーを配置し、スクロールに応じてリアルタイムで読書進捗を表示。この機能ページでも現在有効化されています</td></tr></tbody></table></div>\n<blockquote>\n<p>💡 例：このサイトの<a href=\"https://stlin256.github.io/OpenHomepage-V2/\">ホームページ</a>には、読み込みから 0.5 秒後に表示される目立つ黄色の通知バナー（<code>notice: { text: \"これはデモページです。内容はプロジェクト機能の展示のみを目的としています。\", color: \"yellow\" }</code>）が設置されています。</p>\n</blockquote>\n<h2>生 HTML の混在</h2>\n<p>この行はネイティブ HTML の mark タグを使っています。<code>&#x3C;script></code> のような危険なタグはホワイトリストでフィルタリングされます。</p>\n<h2>Callout &#x26; Timeline</h2>\n<p>P0 のコンテンツディレクティブは実行時にスクリプトを追加しません。Callout は説明と警告、Timeline は学歴・経歴・マイルストーンに使います。</p>\n<aside class=\"callout callout-note\" role=\"note\"><div class=\"callout-header\"><span class=\"callout-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M4 4h16v12H8l-4 4V4z\"></path></svg></span><p class=\"callout-title\">再現可能な入口</p></div><p>論文、ツール、実験記録を同じインデックスに残します。</p></aside>\n<aside class=\"callout callout-tip\" role=\"note\"><div class=\"callout-header\"><span class=\"callout-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l2.4 6.1L21 9.3l-5 4.4L17.5 20 12 16.7 6.5 20 8 13.7 3 9.3l6.6-1.2L12 2z\"></path></svg></span><p class=\"callout-title\">性能の境界</p></div><p>新しいコンテンツディレクティブはビルド時に描画され、初画面の JavaScript を増やしません。</p></aside>\n<aside class=\"callout callout-warning\" role=\"note\"><div class=\"callout-header\"><span class=\"callout-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 3l9 16H3l9-16zm-1 6v5h2V9h-2zm0 7v2h2v-2h-2z\"></path></svg></span><p class=\"callout-title\">慎重な結論</p></div><p>単一のベンチマークスコアは分布報告の代わりになりません。</p></aside>\n<aside class=\"callout callout-quote\" role=\"note\"><div class=\"callout-header\"><span class=\"callout-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M7 6c-2.2 0-4 1.8-4 4s1.8 4 4 4c0 2-1 3-3 3v2c3.3 0 5-2.3 5-6V10c0-2.2-1.8-4-4-4zm10 0c-2.2 0-4 1.8-4 4s1.8 4 4 4c0 2-1 3-3 3v2c3.3 0 5-2.3 5-6V10c0-2.2-1.8-4-4-4z\"></path></svg></span><p class=\"callout-title\">Field Note</p></div><p>システム最適化の価値は、再現できる測定にあります。</p><p class=\"callout-source\">Zhiyuan Lin, 2026</p></aside>\n<section class=\"timeline reveal\"><h2 class=\"timeline-title\">Education &#x26; Experience</h2><ol class=\"timeline-items\"><li class=\"timeline-item reveal\" data-highlight=\"true\" style=\"--delay:0ms\"><p class=\"timeline-range\">2022–2026</p><div class=\"timeline-item-meta\"><a class=\"timeline-item-title\" href=\"https://stlin256.github.io/OpenHomepage-V2/research\">PhD Candidate</a><p class=\"timeline-org\">Example University</p></div><div class=\"timeline-item-body\"><p>機械学習とシステム、特に推論スケジューリングと再現可能な評価を研究。</p></div></li><li class=\"timeline-item reveal\" style=\"--delay:90ms\"><p class=\"timeline-range\">2026 · 現在</p><div class=\"timeline-item-meta\"><h3 class=\"timeline-item-title\">Research Intern</h3><p class=\"timeline-org\">Example Lab</p></div><div class=\"timeline-item-body\"><p>エッジデバイスでの LLM 推論実験に参加。</p></div></li></ol></section>\n<h2>論文リストと文献注釈</h2>\n<p><code>data/publications.yaml</code> が権威あるデータソースで、<code>publications.bib</code> がキーごとに元の BibTeX を提供します。絞り込み・并べ替え・グループ化はビルド時に完了します。</p>\n<section class=\"publications\" data-group=\"year\"><section class=\"publication-group\"><h3 class=\"publication-group-title\">2026</h3><article class=\"publication-item\" data-has-teaser=\"true\">\n      <div class=\"publication-index\">01</div>\n      <div class=\"publication-main\">\n        <p class=\"publication-meta\"><span>OSDI 2026</span><span class=\"publication-badge\">oral</span></p>\n        <h3 class=\"publication-title\">Efficient Inference with Adaptive Scheduling</h3>\n        <p class=\"publication-authors\"><strong>Zhiyuan Lin</strong>, Alice Doe, Bob Smith</p>\n        <p class=\"publication-note\">First author; led scheduler design and evaluation.</p>\n        <details class=\"publication-abstract\"><summary>概要</summary><div class=\"abstract-content\"><p>An adaptive inference scheduler for interactive workloads, evaluated with distribution reports on real traces.</p></div></details>\n        <div class=\"publication-actions\"><nav class=\"publication-links\" aria-label=\"論文リンク\"><a href=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/figure-1.jpg\" target=\"_blank\" rel=\"noopener\">PDF</a><a href=\"https://github.com/stlin256/OpenHomepage-V2\" target=\"_blank\" rel=\"noopener\">Code</a><a href=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/research\" target=\"_blank\" rel=\"noopener\">Project</a><button type=\"button\" class=\"publication-copy\" data-copy-bibtex=\"bibtex-efficient-inference-2026\">BibTeX をコピー</button></nav></div>\n        <div class=\"publication-bibtex\"><pre id=\"bibtex-efficient-inference-2026\" tabindex=\"0\" data-pagefind-ignore>@article{lin2026efficient,\n  author = {Lin, Zhiyuan and Doe, Alice and Smith, Bob}</pre></div>\n      </div>\n      <picture class=\"publication-teaser\"><img src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/publication-01.jpg\" alt=\"Efficient Inference with Adaptive Scheduling figure\" loading=\"lazy\" decoding=\"async\" sizes=\"(max-width: 768px) 100vw, 220px\"></picture>\n    </article><article class=\"publication-item\" data-has-teaser=\"true\">\n      <div class=\"publication-index\">02</div>\n      <div class=\"publication-main\">\n        <p class=\"publication-meta\"><span>MLSys Evaluation Workshop</span></p>\n        <h3 class=\"publication-title\">Reproducible Evaluation for Open Models</h3>\n        <p class=\"publication-authors\">Alice Doe, <strong>Zhiyuan Lin</strong></p>\n        <p class=\"publication-note\">Co-author; built the evaluation set and reporting scripts.</p>\n        \n        <div class=\"publication-actions\"><nav class=\"publication-links\" aria-label=\"論文リンク\"><a href=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/figure-2.jpg\" target=\"_blank\" rel=\"noopener\">PDF</a><a href=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/research\" target=\"_blank\" rel=\"noopener\">Project</a><button type=\"button\" class=\"publication-copy\" data-copy-bibtex=\"bibtex-reproducible-eval-2026\">BibTeX をコピー</button></nav></div>\n        <div class=\"publication-bibtex\"><pre id=\"bibtex-reproducible-eval-2026\" tabindex=\"0\" data-pagefind-ignore>@inproceedings{doe2026reproducible,\n  author = {Doe, Alice and Lin, Zhiyuan}</pre></div>\n      </div>\n      <picture class=\"publication-teaser\"><img src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/publication-02.jpg\" alt=\"Reproducible Evaluation for Open Models figure\" loading=\"lazy\" decoding=\"async\" sizes=\"(max-width: 768px) 100vw, 220px\"></picture>\n    </article></section><section class=\"publication-group\"><h3 class=\"publication-group-title\">2025</h3><article class=\"publication-item\" data-has-teaser=\"true\">\n      <div class=\"publication-index\">01</div>\n      <div class=\"publication-main\">\n        <p class=\"publication-meta\"><span>Journal of Machine Learning Systems</span><span class=\"publication-badge\">artifact</span></p>\n        <h3 class=\"publication-title\">Edge KV Cache Compression</h3>\n        <p class=\"publication-authors\">Bob Smith, <strong>Zhiyuan Lin</strong></p>\n        \n        \n        <div class=\"publication-actions\"><nav class=\"publication-links\" aria-label=\"論文リンク\"><a href=\"https://github.com/stlin256/OpenHomepage-V2\" target=\"_blank\" rel=\"noopener\">Code</a><button type=\"button\" class=\"publication-copy\" data-copy-bibtex=\"bibtex-edge-cache-2025\">BibTeX をコピー</button></nav></div>\n        <div class=\"publication-bibtex\"><pre id=\"bibtex-edge-cache-2025\" tabindex=\"0\" data-pagefind-ignore>@article{smith2025edge,\n  author = {Smith, Bob and Lin, Zhiyuan}</pre></div>\n      </div>\n      <picture class=\"publication-teaser\"><img src=\"https://stlin256.github.io/OpenHomepage-V2/OpenHomepage-V2/assets/publication-03.jpg\" alt=\"Edge KV Cache Compression figure\" loading=\"lazy\" decoding=\"async\" sizes=\"(max-width: 768px) 100vw, 220px\"></picture>\n    </article></section></section>\n<p>本サイトは学術文献の引用と<strong>リッチメディア対話型脚注</strong><sup><a href=\"#user-content-fn-fn-academic\" id=\"user-content-fnref-fn-academic\" data-footnote-ref=\"\" aria-describedby=\"footnote-label\" class=\"footnote-ref\">1</a></sup>にネイティブ対応しています。デスクトップでは角標ホバーでスマートなポップオーバーが開き、コードや数式を含む注釈<sup><a href=\"#user-content-fn-fn-tech\" id=\"user-content-fnref-fn-tech\" data-footnote-ref=\"\" aria-describedby=\"footnote-label\" class=\"footnote-ref\">2</a></sup>をスムーズに確認できます。モバイルではボトムドロワーが展開され、文末には完全な参考文献付録とスムーズなバックリンクナビゲーションを提供します<sup><a href=\"#user-content-fn-fn-spec\" id=\"user-content-fnref-fn-spec\" data-footnote-ref=\"\" aria-describedby=\"footnote-label\" class=\"footnote-ref\">3</a></sup>。</p>\n<section data-footnotes=\"\" class=\"footnotes reveal\" style=\"--delay:120ms\"><h2 class=\"footnotes-title\" id=\"footnote-label\">脚注</h2>\n<ol class=\"footnotes-list\">\n<li id=\"user-content-fn-fn-academic\" class=\"footnote-item\">\n<p><strong>Vaswani et al. (2017)</strong>. <em>Attention Is All You Need</em>. Advances in Neural Information Processing Systems (NeurIPS 2017). <a href=\"https://arxiv.org/abs/1706.03762\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link\">arXiv:1706.03762<svg class=\"external-link-icon\" viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17 17 7\"></path><path d=\"M7 7h10v10\"></path></svg></a> <a href=\"#user-content-fnref-fn-academic\" data-footnote-backref=\"\" aria-label=\"参照 1 に戻る\" class=\"data-footnote-backref\"><svg class=\"footnote-backref-icon\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 14 4 9l5-5\"></path><path d=\"M20 20v-7a4 4 0 0 0-4-4H4\"></path></svg></a></p>\n</li>\n<li id=\"user-content-fn-fn-tech\" class=\"footnote-item\">\n<p>脚注内に <code>O(N \\log N)</code> などのインラインコードや数式 <span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\"><semantics><mrow><mi>L</mi><mo>=</mo><mo>−</mo><mo>∑</mo><mi>y</mi><mi>log</mi><mo>⁡</mo><mover accent=\"true\"><mi>y</mi><mo>^</mo></mover></mrow><annotation encoding=\"application/x-tex\">L = -\\sum y \\log \\hat{y}</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:0.6833em;\"></span><span class=\"mord mathnormal\">L</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span><span class=\"mrel\">=</span><span class=\"mspace\" style=\"margin-right:0.2778em;\"></span></span><span class=\"base\"><span class=\"strut\" style=\"height:1em;vertical-align:-0.25em;\"></span><span class=\"mord\">−</span><span class=\"mspace\" style=\"margin-right:0.1667em;\"></span><span class=\"mop op-symbol small-op\" style=\"position:relative;top:0em;\">∑</span><span class=\"mspace\" style=\"margin-right:0.1667em;\"></span><span class=\"mord mathnormal\" style=\"margin-right:0.0359em;\">y</span><span class=\"mspace\" style=\"margin-right:0.1667em;\"></span><span class=\"mop\">lo<span style=\"margin-right:0.0139em;\">g</span></span><span class=\"mspace\" style=\"margin-right:0.1667em;\"></span><span class=\"mord accent\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.6944em;\"><span style=\"top:-3em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"mord mathnormal\" style=\"margin-right:0.0359em;\">y</span></span><span style=\"top:-3em;\"><span class=\"pstrut\" style=\"height:3em;\"></span><span class=\"accent-body\" style=\"left:-0.1944em;\"><span class=\"mord\">^</span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.1944em;\"><span></span></span></span></span></span></span></span></span> を埋め込むことができます。 <a href=\"#user-content-fnref-fn-tech\" data-footnote-backref=\"\" aria-label=\"参照 2 に戻る\" class=\"data-footnote-backref\"><svg class=\"footnote-backref-icon\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 14 4 9l5-5\"></path><path d=\"M20 20v-7a4 4 0 0 0-4-4H4\"></path></svg></a></p>\n</li>\n<li id=\"user-content-fn-fn-spec\" class=\"footnote-item\">\n<p>標準的な GFM 脚注構文を拡張し、デスクトップでのホバーポップオーバーとモバイルでのボトムドロワーを提供します。 <a href=\"#user-content-fnref-fn-spec\" data-footnote-backref=\"\" aria-label=\"参照 3 に戻る\" class=\"data-footnote-backref\"><svg class=\"footnote-backref-icon\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 14 4 9l5-5\"></path><path d=\"M20 20v-7a4 4 0 0 0-4-4H4\"></path></svg></a></p>\n</li>\n</ol>\n</section>",
      "summary": "このサイトのマークダウンレンダリングでできることの全機能ツアー",
      "date_published": "2026-08-29T00:00:00.000Z",
      "date_modified": "2026-08-29T00:00:00.000Z",
      "language": "ja"
    }
  ]
}