<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>記録 on Ich denke -夢ノ軌跡-</title>
        <link>https://ich-denke.pages.dev/categories/%E8%A8%98%E9%8C%B2/</link>
        <description>Recent content in 記録 on Ich denke -夢ノ軌跡-</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja</language>
        <lastBuildDate>Sun, 26 Apr 2026 00:00:00 +0900</lastBuildDate><atom:link href="https://ich-denke.pages.dev/categories/%E8%A8%98%E9%8C%B2/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>マイ・ライフ・ログ - My Daily Life Note - 2026 / Part.1</title>
            <link>https://ich-denke.pages.dev/p/2026-1-mylifelog/</link>
            <pubDate>Sun, 26 Apr 2026 00:00:00 +0900</pubDate>
            <guid>https://ich-denke.pages.dev/p/2026-1-mylifelog/</guid>
            <description>&lt;img src=&#34;https://ich-denke.pages.dev/&#34; alt=&#34;Featured image of post マイ・ライフ・ログ - My Daily Life Note - 2026 / Part.1&#34; /&gt;&lt;img src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/2026-1-mylifelog/image1.webp&#34; alt=&#34;&#34; style=&#34;max-width:100%; height:auto;&#34;&gt;  &#xA;&lt;div class=&#34;memo-block&#34;&gt;&#xA;  &lt;span class=&#34;memo-label&#34;&gt;— note —&lt;/span&gt;&#xA;  &lt;div class=&#34;memo-content&#34;&gt;日々の生活や仕事、学びの中で生まれた小さな変化や気づきをログとして残す。&lt;br&gt;&#xA;あとから振り返れるように活動の軌跡を静かにたどるための記録です。&lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;h2 id=&#34;振り返り&#34;&gt;振り返り&#xA;&lt;/h2&gt;&lt;p&gt;前記事でご紹介できなかった看板娘「天乃 澄音（あまの すみね）」が本記事を担当します。&lt;/p&gt;&#xA;&lt;a href=&#34;https://ich-denke.pages.dev/p/2026-04-18-note/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; style=&#34;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--card-separator-color);border-radius:8px;text-decoration:none;color:inherit;margin:1.5rem 0;background:var(--card-background);&#34;&gt;&lt;div style=&#34;width:80px;height:80px;border-radius:4px;flex-shrink:0;background:var(--card-separator-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--card-text-color-secondary);&#34;&gt;No Image&lt;/div&gt;&lt;div style=&#34;flex:1;min-width:0;&#34;&gt;&#xA;        &lt;div style=&#34;font-weight:600;font-size:1.5rem;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;ブログ環境の整備と今後の活動について（Hugo 移行編）&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.2rem;color:var(--card-text-color-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;&#34;&gt;&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.1rem;color:var(--card-text-color-tertiary);margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;https://ich-denke.pages.dev/p/2026-04-18-note/&lt;/div&gt;&#xA;      &lt;/div&gt;&#xA;    &lt;/a&gt;&#xA;&lt;p&gt;未登場の子として「篠原 寧々（しのはら ねね）」が控えており、次々回あたりで登場予定です。&lt;br&gt;&#xA;4月なので、春をテーマに天乃 澄音（あまの すみね）ちゃんの画像を用意しました。&lt;/p&gt;&#xA;&lt;p&gt;今後は、灯・澄音・寧々の三名を軸にローテーションで進めていく予定です。&lt;br&gt;&#xA;それでは本編に戻りますので、以後三名をよろしくお願いいたします。&lt;/p&gt;&#xA;&lt;h3 id=&#34;日常&#34;&gt;日常&#xA;&lt;/h3&gt;&lt;div class=&#34;balloon-wrap balloon-left&#34;&gt;&#xA;  &lt;div class=&#34;balloon-avatar&#34;&gt;&#xA;    &#xA;    &lt;img src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/mylifelog/sumine1.webp&#34; alt=&#34;&#34; class=&#34;balloon-img&#34; loading=&#34;lazy&#34;&gt;&#xA;    &#xA;    &#xA;  &lt;/div&gt;&#xA;  &lt;div class=&#34;balloon-bubble&#34;&gt;&#xA;    &lt;div class=&#34;balloon-content&#34;&gt;日常の記録です&lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;hr&gt;&#xA;&lt;h5 id=&#34;新年会という名の近況報告会&#34;&gt;新年会という名の“近況報告会”&#xA;&lt;/h5&gt;&lt;p&gt;転職前の現場メンバー（後輩）と新年会をしてきて、みんな元気そうで久しぶりに顔を合わせられて安心しました。&lt;/p&gt;&#xA;&lt;a href=&#34;https://tabelog.com/tokyo/A1304/A130401/13203258/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; style=&#34;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--card-separator-color);border-radius:8px;text-decoration:none;color:inherit;margin:1.5rem 0;background:var(--card-background);&#34;&gt;&lt;img src=&#34;https://tblg.k-img.com/resize/640x640c/restaurant/images/Rvw/94852/94852671.jpg?token=500bd30&amp;amp;amp;api=v2&#34; alt=&#34;&#34;&#xA;           onerror=&#34;this.outerHTML=&#39;&lt;div style=\&#39;width:80px;height:80px;border-radius:4px;flex-shrink:0;background:var(--card-separator-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--card-text-color-secondary);\&#39;&gt;No Image&lt;/div&gt;&#39;&#34;&#xA;           style=&#34;width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0;&#34;&gt;&lt;div style=&#34;flex:1;min-width:0;&#34;&gt;&#xA;        &lt;div style=&#34;font-weight:600;font-size:1.5rem;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;シュラスコ&amp;amp;amp;シカゴピザ食べ放題 個室肉バル Mission 新宿西口店 (新宿/肉バル)&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.2rem;color:var(--card-text-color-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;&#34;&gt;★★★☆☆3.16 ■【新宿西口徒歩3分】歓送迎会に◎チーズフォンデュやステーキ食べ放題コースが2200円～♪ ■予算(夜):￥3,000～￥3,999&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.1rem;color:var(--card-text-color-tertiary);margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;https://tabelog.com/tokyo/A1304/A130401/13203258/&lt;/div&gt;&#xA;      &lt;/div&gt;&#xA;    &lt;/a&gt;&#xA;&lt;p&gt;料理は肉寿司とチーズフォンデュ、揚げ物が中心。&lt;br&gt;&#xA;味は悪くなく、値段を考えれば十分に満足できる内容でした。&lt;br&gt;&#xA;スタッフは外国人のみで人数も少ないため、ところどころ待ち時間は発生しました。&lt;br&gt;&#xA;途中で宴会利用のお客が10人ほど増えたこともあり、提供は全体的にゆっくりめでした。&lt;/p&gt;&#xA;&lt;p&gt;4000円以内で収まるので、コスパとしては及第点  。&#xA;また機会があれば利用したい気持ちです。&lt;/p&gt;&#xA;&lt;p&gt;次回は夏頃を目処に、時期が近づいたら調整くんで招待 （強制召還） を送りつけて、同じメンツを召集して何かできればいいな～。&lt;/p&gt;&#xA;&lt;h5 id=&#34;苦行の水有利古戦場グラブルと春アニメ走りと積みの二本立て&#34;&gt;苦行の水有利古戦場（グラブル）と春アニメ～走りと積みの二本立て～&#xA;&lt;/h5&gt;&lt;p&gt;古戦場直前にBAN（不正ツール利用）刻印マークの団員を発見し、急遽解雇。&lt;br&gt;&#xA;チェックが遅れてしまい、その結果、29名で古戦場に突入することに。&lt;br&gt;&#xA;団長歴8年目ではじめて見ましたよ、あのマーク……（驚愕）&lt;/p&gt;&#xA;&lt;p&gt;さておき、古戦場の感想ですが、いつも通りの苦行で極星器は0でフィニッシュ。&lt;br&gt;&#xA;10万位以内ボーダーも相変わらず高すぎて、本当にしんどい。&lt;br&gt;&#xA;テレワーク＆有給、さらに土日という優遇スケジュールでなければ厳しかったと思います。&lt;/p&gt;&#xA;&lt;p&gt;そういえば、春アニメが始まりましたね。&#xA;今のところ雰囲気が気に入ったのは以下の作品です。&lt;/p&gt;&#xA;&lt;a href=&#34;https://kusunokitei.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; style=&#34;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--card-separator-color);border-radius:8px;text-decoration:none;color:inherit;margin:1.5rem 0;background:var(--card-background);&#34;&gt;&lt;img src=&#34;https://kusunokitei.com/core_sys/images/others/ogp.jpg&#34; alt=&#34;&#34;&#xA;           onerror=&#34;this.outerHTML=&#39;&lt;div style=\&#39;width:80px;height:80px;border-radius:4px;flex-shrink:0;background:var(--card-separator-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--card-text-color-secondary);\&#39;&gt;No Image&lt;/div&gt;&#39;&#34;&#xA;           style=&#34;width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0;&#34;&gt;&lt;div style=&#34;flex:1;min-width:0;&#34;&gt;&#xA;        &lt;div style=&#34;font-weight:600;font-size:1.5rem;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;TVアニメ「神の庭付き楠木邸」公式サイト&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.2rem;color:var(--card-text-color-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;&#34;&gt;田舎の一軒家の管理人を任された楠木湊。そこは、悪霊がはびこるとんでもない物件……のはずが、規格外の力で知らぬ間に悪霊を一掃してしまう！お隣の山神さんたちとほのぼの田舎暮らし、はじまりはじまり。&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.1rem;color:var(--card-text-color-tertiary);margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;https://kusunokitei.com&lt;/div&gt;&#xA;      &lt;/div&gt;&#xA;    &lt;/a&gt;&#xA;&lt;p&gt;何も考えずに見られるのがいい感じです。&#xA;転スラなど続編アニメもいくつか追っているので、息抜きにゆるく見ていこうと思います。&lt;/p&gt;&#xA;&lt;h3 id=&#34;仕事&#34;&gt;仕事&#xA;&lt;/h3&gt;&lt;div class=&#34;balloon-wrap balloon-right&#34;&gt;&#xA;  &lt;div class=&#34;balloon-avatar&#34;&gt;&#xA;    &#xA;    &lt;img src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/mylifelog/sumine2.webp&#34; alt=&#34;&#34; class=&#34;balloon-img&#34; loading=&#34;lazy&#34;&gt;&#xA;    &#xA;    &#xA;  &lt;/div&gt;&#xA;  &lt;div class=&#34;balloon-bubble&#34;&gt;&#xA;    &lt;div class=&#34;balloon-content&#34;&gt;仕事に関わる記録です&lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;hr&gt;&#xA;&lt;h5 id=&#34;底辺エンジニアの独り言&#34;&gt;底辺エンジニアの独り言&#xA;&lt;/h5&gt;&lt;p&gt;世間の給与事情や、熱意の強い未経験層の“やる気ツイート”ばかりがタイムラインに流れてきて、Xくんの嫌がらせ攻撃にげんなり。&lt;/p&gt;&#xA;&lt;p&gt;自分の力不足というより、これまでの無計画さが今になって響いていて、気持ちが沈む瞬間があります。自業自得とはいえ、何も感じないのも人間らしくないので、こういう気分になるのは仕方ないですね。&lt;/p&gt;&#xA;&lt;p&gt;やれる範囲で続けていくしかないので、自分のペースで着実に進めていく所存です。&lt;br&gt;&#xA;体調管理には気をつけながら、経験を積み重ねて確実に成長していきたい。&lt;/p&gt;&#xA;&lt;h5 id=&#34;モチベ--底辺ムーブ発動&#34;&gt;モチベ → 底辺ムーブ発動&#xA;&lt;/h5&gt;&lt;p&gt;5月病になるのはまだ早いのでは？と言いたくなるほど、1週間まったく勉強しない期間が発生してしまいました。&#xA;継続して毎日学習していたのに、一時期途切れてしまったのは後悔点です。&lt;/p&gt;&#xA;&lt;p&gt;モチベーションの維持はやはり難しいですが、受験日程はすでに決まっているので、計画を立て直しながら挽回を図ることにします。&lt;/p&gt;&#xA;&lt;h3 id=&#34;技術&#34;&gt;技術&#xA;&lt;/h3&gt;&lt;div class=&#34;balloon-wrap balloon-left&#34;&gt;&#xA;  &lt;div class=&#34;balloon-avatar&#34;&gt;&#xA;    &#xA;    &lt;img src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/mylifelog/sumine3.webp&#34; alt=&#34;&#34; class=&#34;balloon-img&#34; loading=&#34;lazy&#34;&gt;&#xA;    &#xA;    &#xA;  &lt;/div&gt;&#xA;  &lt;div class=&#34;balloon-bubble&#34;&gt;&#xA;    &lt;div class=&#34;balloon-content&#34;&gt;触った技術の記録です&lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;hr&gt;&#xA;&lt;h5 id=&#34;hugo-のローカル環境--nasdockerへ移行&#34;&gt;Hugo のローカル環境 → NAS（Docker）へ移行&#xA;&lt;/h5&gt;&lt;p&gt;PC で毎回 Hugo サーバーを起動する手間をなくすため、Hugo を NAS 上の Docker に移し、常時アクセスできる開発環境にした。&lt;/p&gt;&#xA;&lt;p&gt;【以下の環境を前提とする】&lt;br&gt;&#xA;・Windows 11 のローカル環境に Hugo がインストール済み、プロジェクトデータが存在すること&lt;br&gt;&#xA;・NAS 環境に Docker が構築されていること&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;▼対応手順&lt;/p&gt;&#xA;&lt;h6 id=&#34;プロジェクトデータをnasへコピー&#34;&gt;プロジェクトデータをNASへコピー&#xA;&lt;/h6&gt;&lt;p&gt;Hugo データを NAS 上の任意の場所へコピーする。&lt;/p&gt;&#xA;&lt;br&gt;&#xA;&lt;h6 id=&#34;portainer-で-hugo-コンテナを作成&#34;&gt;Portainer で Hugo コンテナを作成&#xA;&lt;/h6&gt;&lt;p&gt;NAS 上で動かしている Docker は Portainer で管理している。&lt;br&gt;&#xA;そのため、Hugo コンテナを新規作成し、Stack 名を Hugo としてデプロイした。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-yaml&#34; data-lang=&#34;yaml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;services&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;  &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;name&amp;gt;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;image&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;hugomods/hugo:latest&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;container_name&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;&amp;lt;name&amp;gt;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;volumes&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;      &lt;/span&gt;- &lt;span class=&#34;l&#34;&gt;&amp;lt;path&amp;gt;:/src&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;ports&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;      &lt;/span&gt;- &lt;span class=&#34;s2&#34;&gt;&amp;#34;&amp;lt;port&amp;gt;:1313&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;command&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;hugo server --bind 0.0.0.0 --baseURL http://XXX.XXX.XXX.XXX:XXXX/&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;working_dir&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;/src&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;w&#34;&gt;    &lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;restart&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;l&#34;&gt;always&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;次はドメイン名でのアクセスに対応するため、リバースプロキシサーバーを利用する。&lt;/p&gt;&#xA;&lt;br&gt;&#xA;&lt;h6 id=&#34;リバースプロキシでローカルドメインを設定&#34;&gt;リバースプロキシでローカルドメインを設定&#xA;&lt;/h6&gt;&lt;p&gt;ローカルドメイン blog.local を割り当てし、WebSocket 対応を ON にして反映。&lt;/p&gt;&#xA;&lt;br&gt;&#xA;&lt;h6 id=&#34;windows-の-hosts-にローカルドメインを追加&#34;&gt;Windows の hosts にローカルドメインを追加&#xA;&lt;/h6&gt;&lt;p&gt;ローカルでの名前解決用に hosts を編集。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&amp;lt;NAS-IP&amp;gt;    blog.local&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;br&gt;&#xA;&lt;h6 id=&#34;git-操作を-nas-上のプロジェクトから行えるように設定&#34;&gt;Git 操作を NAS 上のプロジェクトから行えるように設定&#xA;&lt;/h6&gt;&lt;p&gt;Git が所有者の異なるディレクトリを拒否するため、NAS 上のパスを信頼済みにする必要がある。そのため safe.directory の設定を追加する。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-powershell&#34; data-lang=&#34;powershell&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;git&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;config&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;-global&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;-add&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;safe&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;py&#34;&gt;directory&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;.../Project&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;br&gt;&#xA;&lt;h6 id=&#34;blogbat-を作成プロジェクト直下&#34;&gt;blog.bat を作成（プロジェクト直下）&#xA;&lt;/h6&gt;&lt;p&gt;デプロイするときにはPowerShellを立ち上げる必要があるので、デプロイ前の作業フォルダまで移動するバッチを作成。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bat&#34; data-lang=&#34;bat&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;echo&lt;/span&gt; off&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;cd&lt;/span&gt; /d &lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;Project-Path&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;powershell&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;br&gt;&#xA;&lt;p&gt;以上&lt;/p&gt;&#xA;&lt;h2 id=&#34;終わり&#34;&gt;終わり&#xA;&lt;/h2&gt;&lt;p&gt;5月と6月は資格受験が控えているため、資格勉強マンデーになる見込み。&lt;br&gt;&#xA;モチベーションが途切れないことを祈る、マジ。&lt;/p&gt;&#xA;&lt;p&gt;それでは、またお会いしましょう。&lt;/p&gt;&#xA;&lt;br&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://diary.blogmura.com/otaku/ranking/in?p_cid=11157373&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;https://b.blogmura.com/diary/otaku/88_31.gif&#34; width=&#34;88&#34; height=&#34;31&#34; border=&#34;0&#34; alt=&#34;にほんブログ村 その他日記ブログ オタク日記へ&#34; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&#34;https://diary.blogmura.com/otaku/ranking/in?p_cid=11157373&#34; target=&#34;_blank&#34;&gt;にほんブログ村に参加中 | 応援のクリック大歓迎&lt;/a&gt;&lt;/p&gt;&#xA;</description>
        </item><item>
            <title>ブログ環境の整備と今後の活動について（Hugo 移行編）</title>
            <link>https://ich-denke.pages.dev/p/2026-04-18-note/</link>
            <pubDate>Sat, 18 Apr 2026 00:00:00 +0900</pubDate>
            <guid>https://ich-denke.pages.dev/p/2026-04-18-note/</guid>
            <description>&lt;img src=&#34;https://ich-denke.pages.dev/&#34; alt=&#34;Featured image of post ブログ環境の整備と今後の活動について（Hugo 移行編）&#34; /&gt;&lt;p&gt;ごぶさたしています、幻鐵＠夢想家です。&lt;/p&gt;&#xA;&lt;p&gt;このたび、WordPress から Hugo へ移行しました。&lt;br&gt;&#xA;2024年の更新を最後に間が空いてしまいましたが、何とか生きております。&lt;/p&gt;&#xA;&lt;p&gt;活動していなかった期間については別の機会で触れるとして、&lt;br&gt;&#xA;今回はブログ環境の整備と今後の活動についてご報告いたします。&lt;/p&gt;&#xA;&lt;h2 id=&#34;現実はいつも諸行無常&#34;&gt;現実はいつも諸行無常&#xA;&lt;/h2&gt;&lt;h3 id=&#34;移行した理由について&#34;&gt;移行した理由について&#xA;&lt;/h3&gt;&lt;p&gt;本音トークとして、サイトの維持費が懐事情的に厳しくなってきたため、維持費のかからない環境へ移行することを決めました。&#xA;今さらなことですが、更新がほとんどないのに維持費だけがかかり続ける状況は、どうにも現実的ではなかったからです。&lt;/p&gt;&#xA;&lt;img src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/2026-04-18-note/image1.webp&#34; style=&#34;width:100%; max-width:900px; height:auto; display:block; margin:auto;&#34;&gt;&#xA;&lt;h3 id=&#34;なぜこのタイミングなのか&#34;&gt;なぜこのタイミングなのか？&#xA;&lt;/h3&gt;&lt;p&gt;レンタルサーバーの契約期間はまだ残っていたので急ぐ必要はなかったのですが、&#xA;たまたま気分が乗ったので、その勢いのまま移行まで進めてしまいました。&lt;/p&gt;&#xA;&lt;h3 id=&#34;hugoくん君に決めた&#34;&gt;Hugoくん、君に決めた！&#xA;&lt;/h3&gt;&lt;p&gt;WordPress の運営が難しくなり、別の方法を探していたときに Hugo を見つけました。&lt;br&gt;&#xA;Cloudflare が使えることや、無料でドメインを用意できる点など、いくつかの利便性が後押しになりました。&#xA;いつものことですが、思い立つと新しい環境を触りたくなるのは職業病ですね。&lt;/p&gt;&#xA;&lt;h2 id=&#34;wordpress-の記憶と-hugo-の構築&#34;&gt;WordPress の記憶と Hugo の構築&#xA;&lt;/h2&gt;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;426px&#34; data-flex-grow=&#34;177&#34; height=&#34;1080&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/2026-04-18-note/image2.webp&#34; width=&#34;1920&#34;&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;wordpress-と過ごした日々&#34;&gt;WordPress と過ごした日々&#xA;&lt;/h3&gt;&lt;p&gt;知識もないのに WordPress に手を出して、いろいろと苦労した思い出はありますが、不満はまったくありませんでした。&#xA;残念だったのは、持て余してしまったことくらいです。&lt;br&gt;&#xA;せっかくレンタルサーバーや独自ドメイン、さらには有料テーマまで用意して、それなりにお金をかけていたにもかかわらず──&#xA;環境だけ立派で、中身が追いつかないまま静かに終わりを迎えたのは反省点です。&lt;/p&gt;&#xA;&lt;h3 id=&#34;hugo-の導入準備&#34;&gt;Hugo の導入準備&#xA;&lt;/h3&gt;&lt;p&gt;そんなわけで Hugo に移行したわけですが、なかなか大変でした。&lt;br&gt;&#xA;（いまでもまだ慣れないまま手探りです）&lt;/p&gt;&#xA;&lt;p&gt;最初に取りかかったのはローカル環境でのサイト構築。AI に手助けしてもらいながら、何とか準備を整えることができました。&#xA;次に取り組んだのはサイトで利用するテーマ選びです。&lt;/p&gt;&#xA;&lt;a href=&#34;https://themes.gohugo.io/themes/hugo-theme-stack/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; style=&#34;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--card-separator-color);border-radius:8px;text-decoration:none;color:inherit;margin:1.5rem 0;background:var(--card-background);&#34;&gt;&lt;img src=&#34;https://themes.gohugo.io/themes/hugo-theme-stack/tn-featured.png&#34; alt=&#34;&#34;&#xA;           onerror=&#34;this.outerHTML=&#39;&lt;div style=\&#39;width:80px;height:80px;border-radius:4px;flex-shrink:0;background:var(--card-separator-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--card-text-color-secondary);\&#39;&gt;No Image&lt;/div&gt;&#39;&#34;&#xA;           style=&#34;width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0;&#34;&gt;&lt;div style=&#34;flex:1;min-width:0;&#34;&gt;&#xA;        &lt;div style=&#34;font-weight:600;font-size:1.5rem;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;Stack&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.2rem;color:var(--card-text-color-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;&#34;&gt;    Card-style Hugo theme designed for bloggers  &lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.1rem;color:var(--card-text-color-tertiary);margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;https://themes.gohugo.io/themes/hugo-theme-stack/&lt;/div&gt;&#xA;      &lt;/div&gt;&#xA;    &lt;/a&gt;&#xA;&lt;p&gt;おすすめの中で一番しっくりきたのが Stack でした。&lt;br&gt;&#xA;シンプルな機能やデザインが好きなので、自然とこのテーマに惹かれたのだと思います。&lt;/p&gt;&#xA;&lt;h3 id=&#34;構築は失敗の繰り返し&#34;&gt;構築は失敗の繰り返し&#xA;&lt;/h3&gt;&lt;p&gt;Hugo を触ってみると、昔のホームページ制作に近い感覚。&#xA;必要なファイルを置いて、ディレクトリを整えて、最低限の設定を書く。&#xA;そんな素朴さが心地よかった一方で、WordPress のときに“ワンクリックでできていたこと”が簡単には再現できず、とても苦労しました。&lt;/p&gt;&#xA;&lt;p&gt;少しずつ対応を進めましたが、AI がなかったら投げ出していたと思います（笑）&lt;/p&gt;&#xA;&lt;p&gt;GitHub アカウントの取得から Cloudflare との連携、ローカル環境からの公開作業まで苦戦続きでしたが、無事に公開までたどり着けて安心しています。旧サイトの全記事は難しかったので、今回はゲームレビュー記事だけ復元しました。&lt;/p&gt;&#xA;&lt;h2 id=&#34;今後の活動方針について&#34;&gt;今後の活動方針について&#xA;&lt;/h2&gt;&lt;h3 id=&#34;aiは積極的に利用&#34;&gt;AIは積極的に利用&#xA;&lt;/h3&gt;&lt;p&gt;Hugo の構築でもそうでしたが、これからのブログ運営でも AI には積極的に頼る所存です。&lt;br&gt;&#xA;（文章の下書きや推敲、アイキャッチ画像の生成など）&lt;/p&gt;&#xA;&lt;p&gt;それにしても不思議なもので、昔は文章を考えるのと手直しにめっちゃ時間がかかっていた記憶があるのですが、&#xA;今も執筆時間がまったく改善されていないのは笑ってしまうところですね。&lt;/p&gt;&#xA;&lt;p&gt;結局、作成した文章を自分好みに手直しするので、結果として同じくらい時間がかかっているのではないか──&#xA;まあ、単に使い慣れていないだけだと信じたいよ。&lt;/p&gt;&#xA;&lt;h3 id=&#34;当ブログの看板娘&#34;&gt;当ブログの看板娘&#xA;&lt;/h3&gt;&lt;p&gt;当ブログやSNSで使っているアイコンのキャラを、ちょっとだけ紹介します。&lt;/p&gt;&#xA;&lt;p&gt;名前は 神崎 灯（かんざき あかり）ちゃん。&lt;/p&gt;&#xA;&lt;p&gt;美少女ゲーム「コイカツ！」で作った&lt;br&gt;&#xA;自作キャラを元に、AIで描いてもらった看板娘のひとりです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;426px&#34; data-flex-grow=&#34;177&#34; height=&#34;1080&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/2026-04-18-note/image3.webp&#34; width=&#34;1920&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;完璧な再現はなかなか叶いませんが、せめて彼女の雰囲気やイメージの一貫性だけは、こだわりを持って向き合っていきたいです。&lt;/p&gt;&#xA;&lt;p&gt;設定はまだふわっとしているので、これからゆっくり考えながら付き合っていく予定。&lt;br&gt;&#xA;自分では絵が描けないので、気軽にAIで生成できるようになったのは本当にありがたい……&lt;/p&gt;&#xA;&lt;p&gt;実はもう二人いるのですが、そちらはまた別のタイミングで紹介します。&lt;/p&gt;&#xA;&lt;h3 id=&#34;静かに迎える終活という最終章&#34;&gt;静かに迎える「終活」という最終章&#xA;&lt;/h3&gt;&lt;p&gt;終活というほど大げさなものではありませんが、ブログの形を少しずつ整えながら静かに続けていくつもりです。&lt;/p&gt;&#xA;&lt;p&gt;今後どれくらい更新できるかは分かりませんが、書きたいことがあれば書くし、&#xA;しばらく何も書かない時期があっても、それはそれで自然だと思っています。&lt;br&gt;&#xA;更新頻度にこだわらず、書きたいときに書く。そのくらいの緩さでちょうどいいと感じています。&lt;/p&gt;&#xA;&lt;p&gt;サービスが継続するかぎり、ネット上にログとして残り続ける環境。&lt;br&gt;&#xA;ブログのサブタイトルのとおり、活動の軌跡として静かに残り続けるのだろうと考えています。&lt;/p&gt;&#xA;&lt;p&gt;そんなわけで、気が向いたときにふらりと覗いていただければ嬉しいです。&lt;br&gt;&#xA;これからも緩くお付き合いください。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://diary.blogmura.com/otaku/ranking/in?p_cid=11157373&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;https://b.blogmura.com/diary/otaku/88_31.gif&#34; width=&#34;88&#34; height=&#34;31&#34; border=&#34;0&#34; alt=&#34;にほんブログ村 その他日記ブログ オタク日記へ&#34; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&#34;https://diary.blogmura.com/otaku/ranking/in?p_cid=11157373&#34; target=&#34;_blank&#34;&gt;にほんブログ村に参加中 | 応援のクリック大歓迎&lt;/a&gt;&lt;/p&gt;&#xA;</description>
        </item><item>
            <title>【忘備録】ショートコード集</title>
            <link>https://ich-denke.pages.dev/p/hugo-note1/</link>
            <pubDate>Tue, 01 Dec 2020 00:00:00 +0900</pubDate>
            <guid>https://ich-denke.pages.dev/p/hugo-note1/</guid>
            <description>&lt;p&gt;管理人の備忘録として、記事で使用するショートコードや設定をまとめています。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;ショートコード集&#34;&gt;ショートコード集&#xA;&lt;/h2&gt;&lt;h3 id=&#34;amazon&#34;&gt;amazon&#xA;&lt;/h3&gt;&lt;p&gt;【Amazonアフィリエイト】&lt;/p&gt;&#xA;&lt;a href=&#34;https://amzn.to/48STMes&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&#xA;  &lt;img src=&#34;https://m.media-amazon.com/images/I/81sB4Mcid5L._SL1500_.jpg&#34; alt=&#34;死亡エンドを回避したギャルゲーのヒロインたちが俺の【日記帳】を読んで秘密を知ったらしい&#34; style=&#34;max-width:300px;&#34; /&gt;&#xA;&lt;/a&gt;&#xA;&lt;p&gt;url=&amp;ldquo;URL&amp;rdquo;&lt;br&gt;&#xA;img=&amp;ldquo;画像&amp;rdquo;&lt;br&gt;&#xA;alt=&amp;ldquo;サンプル&amp;rdquo;&lt;/p&gt;&#xA;&lt;p&gt;画像をクリックするとAmazonへ飛ぶ&lt;br&gt;&#xA;最大幅300px&lt;/p&gt;&#xA;&lt;h3 id=&#34;blog-card&#34;&gt;blog-card&#xA;&lt;/h3&gt;&lt;p&gt;【ブログカード】&lt;/p&gt;&#xA;&lt;a href=&#34;https://suishoshizuku.com/ja/about/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; style=&#34;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--card-separator-color);border-radius:8px;text-decoration:none;color:inherit;margin:1.5rem 0;background:var(--card-background);&#34;&gt;&lt;img src=&#34;https://suishoshizuku.com/wp-content/uploads/2013/12/ShizukuAbout-100.png&#34; alt=&#34;&#34;&#xA;           onerror=&#34;this.outerHTML=&#39;&lt;div style=\&#39;width:80px;height:80px;border-radius:4px;flex-shrink:0;background:var(--card-separator-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--card-text-color-secondary);\&#39;&gt;No Image&lt;/div&gt;&#39;&#34;&#xA;           style=&#34;width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0;&#34;&gt;&lt;div style=&#34;flex:1;min-width:0;&#34;&gt;&#xA;        &lt;div style=&#34;font-weight:600;font-size:1.5rem;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;水晶雫について&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.2rem;color:var(--card-text-color-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;&#34;&gt;Crystal Dew Worldの公式応援キャラクターです。 クレジット キャラクターデザイン/イラスト：桐野霞 (kirino kasumu)スペシャルサンクス：Linux-HA Japan Project,&amp;amp;nbsp;オープンソースチャンネルProduced by 橘べるちぇ (bellche.t) ■謝辞 公式応援キャラクター水晶雫ちゃんは橘べるちぇさん、Linux-HA Japan Project さん、オープンソースチャンネ...&lt;/div&gt;&#xA;        &lt;div style=&#34;font-size:1.1rem;color:var(--card-text-color-tertiary);margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&#34;&gt;https://suishoshizuku.com/ja/about/&lt;/div&gt;&#xA;      &lt;/div&gt;&#xA;    &lt;/a&gt;&#xA;&lt;h3 id=&#34;balloon&#34;&gt;balloon&#xA;&lt;/h3&gt;&lt;p&gt;【ふきだし】&lt;/p&gt;&#xA;&lt;div class=&#34;balloon-wrap balloon-left&#34;&gt;&#xA;  &lt;div class=&#34;balloon-avatar&#34;&gt;&#xA;    &#xA;    &lt;img src=&#34;%e7%94%bb%e5%83%8fURL&#34; alt=&#34;&#34; class=&#34;balloon-img&#34; loading=&#34;lazy&#34;&gt;&#xA;    &#xA;    &#xA;  &lt;/div&gt;&#xA;  &lt;div class=&#34;balloon-bubble&#34;&gt;&#xA;    &lt;div class=&#34;balloon-content&#34;&gt;左からのふきだし：セリフの内容&lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;div class=&#34;balloon-wrap balloon-right&#34;&gt;&#xA;  &lt;div class=&#34;balloon-avatar&#34;&gt;&#xA;    &#xA;    &lt;img src=&#34;%e7%94%bb%e5%83%8fURL&#34; alt=&#34;&#34; class=&#34;balloon-img&#34; loading=&#34;lazy&#34;&gt;&#xA;    &#xA;    &#xA;  &lt;/div&gt;&#xA;  &lt;div class=&#34;balloon-bubble&#34;&gt;&#xA;    &lt;div class=&#34;balloon-content&#34;&gt;右側からのふきだし：セリフの内容&lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;h3 id=&#34;box&#34;&gt;box&#xA;&lt;/h3&gt;&lt;p&gt;【ボックス関連】&lt;/p&gt;&#xA;&lt;div style=&#34;position:relative;margin:2rem 0 1.5rem;&#34;&gt;&#xA;  &lt;div style=&#34;position:absolute;top:-16px;left:16px;width:32px;height:32px;border-radius:50%;background:#e8a6c8;display:flex;align-items:center;justify-content:center;&#34;&gt;&#xA;    &lt;svg width=&#34;16&#34; height=&#34;16&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;white&#34; stroke-width=&#34;2.5&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;circle cx=&#39;12&#39; cy=&#39;12&#39; r=&#39;10&#39;/&gt;&lt;line x1=&#39;12&#39; y1=&#39;8&#39; x2=&#39;12&#39; y2=&#39;12&#39;/&gt;&lt;line x1=&#39;12&#39; y1=&#39;16&#39; x2=&#39;12.01&#39; y2=&#39;16&#39;/&gt;&lt;/svg&gt;&#xA;  &lt;/div&gt;&#xA;  &lt;div style=&#34;border:2px solid #e8a6c8;border-radius:10px;padding:1.2rem 1.2rem 1.2rem 1.4rem;font-size:1.7rem;line-height:1.8;color:var(--card-text-color-main);&#34;&gt;&#xA;    infoタイプ（デフォルト）の表示例です。補足情報などに使います。&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;div style=&#34;position:relative;margin:2rem 0 1.5rem;&#34;&gt;&#xA;  &lt;div style=&#34;position:absolute;top:-16px;left:16px;width:32px;height:32px;border-radius:50%;background:#f39c12;display:flex;align-items:center;justify-content:center;&#34;&gt;&#xA;    &lt;svg width=&#34;16&#34; height=&#34;16&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;white&#34; stroke-width=&#34;2.5&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;path d=&#39;M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z&#39;/&gt;&lt;line x1=&#39;12&#39; y1=&#39;9&#39; x2=&#39;12&#39; y2=&#39;13&#39;/&gt;&lt;line x1=&#39;12&#39; y1=&#39;17&#39; x2=&#39;12.01&#39; y2=&#39;17&#39;/&gt;&lt;/svg&gt;&#xA;  &lt;/div&gt;&#xA;  &lt;div style=&#34;border:2px solid #f39c12;border-radius:10px;padding:1.2rem 1.2rem 1.2rem 1.4rem;font-size:1.7rem;line-height:1.8;color:var(--card-text-color-main);&#34;&gt;&#xA;    warningタイプの表示例です。注意が必要な内容に使います。&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;div style=&#34;position:relative;margin:2rem 0 1.5rem;&#34;&gt;&#xA;  &lt;div style=&#34;position:absolute;top:-16px;left:16px;width:32px;height:32px;border-radius:50%;background:#e74c3c;display:flex;align-items:center;justify-content:center;&#34;&gt;&#xA;    &lt;svg width=&#34;16&#34; height=&#34;16&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;white&#34; stroke-width=&#34;2.5&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;circle cx=&#39;12&#39; cy=&#39;12&#39; r=&#39;10&#39;/&gt;&lt;line x1=&#39;15&#39; y1=&#39;9&#39; x2=&#39;9&#39; y2=&#39;15&#39;/&gt;&lt;line x1=&#39;9&#39; y1=&#39;9&#39; x2=&#39;15&#39; y2=&#39;15&#39;/&gt;&lt;/svg&gt;&#xA;  &lt;/div&gt;&#xA;  &lt;div style=&#34;border:2px solid #e74c3c;border-radius:10px;padding:1.2rem 1.2rem 1.2rem 1.4rem;font-size:1.7rem;line-height:1.8;color:var(--card-text-color-main);&#34;&gt;&#xA;    dangerタイプの表示例です。重要な警告に使います。&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;div style=&#34;position:relative;margin:2rem 0 1.5rem;&#34;&gt;&#xA;  &lt;div style=&#34;position:absolute;top:-16px;left:16px;width:32px;height:32px;border-radius:50%;background:#27ae60;display:flex;align-items:center;justify-content:center;&#34;&gt;&#xA;    &lt;svg width=&#34;16&#34; height=&#34;16&#34; viewBox=&#34;0 0 24 24&#34; fill=&#34;none&#34; stroke=&#34;white&#34; stroke-width=&#34;2.5&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34;&gt;&lt;polyline points=&#39;20 6 9 17 4 12&#39;/&gt;&lt;/svg&gt;&#xA;  &lt;/div&gt;&#xA;  &lt;div style=&#34;border:2px solid #27ae60;border-radius:10px;padding:1.2rem 1.2rem 1.2rem 1.4rem;font-size:1.7rem;line-height:1.8;color:var(--card-text-color-main);&#34;&gt;&#xA;    successタイプの表示例です。成功・完了の内容に使います。&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&lt;div style=&#34;border:2px solid #888;border-radius:10px;padding:1.2rem 1.4rem;margin:1.5rem 0;font-size:1.7rem;line-height:1.8;color:var(--card-text-color-main);&#34;&gt;&#xA;  solid（実線）タイプの表示例です。通常のボックスに使います。&#xA;&lt;/div&gt;&#xA;&lt;div style=&#34;border:2px dashed #888;border-radius:10px;padding:1.2rem 1.4rem;margin:1.5rem 0;font-size:1.7rem;line-height:1.8;color:var(--card-text-color-main);&#34;&gt;&#xA;  dashed（破線）タイプの表示例です。補足やメモに使います。&#xA;&lt;/div&gt;&#xA;&lt;div style=&#34;border:2px solid #888;border-radius:10px;&#xA;            padding:1.2rem 1.4rem;margin:1.5rem 0;&#xA;            font-size:1.7rem;line-height:1.8;&#xA;            color:var(--card-text-color-main);&#xA;            background:var(--card-background-secondary);&#34;&gt;&#xA;&#xA;  &lt;div style=&#34;font-weight:600;color:#888;&#xA;              padding-bottom:0.4rem;&#xA;              margin-bottom:0.8rem;&#xA;              border-bottom:1px solid #888;&#34;&gt;&#xA;    POINT&#xA;  &lt;/div&gt;&#xA;&#xA;  point（左ライン）タイプの表示例です。重要なポイントに使います。&#xA;&lt;/div&gt;&#xA;&lt;h3 id=&#34;history&#34;&gt;history&#xA;&lt;/h3&gt;&lt;p&gt;【タイムライン】&lt;/p&gt;&#xA;&lt;div style=&#34;display: flex; gap: 1rem; align-items: flex-start;&#34;&gt;&#xA;  &lt;div style=&#34;display: flex; flex-direction: column; align-items: center; flex-shrink: 0;&#34;&gt;&#xA;&#xA;    &#xA;    &lt;div style=&#34;&#xA;      width: 48px;&#xA;      height: 48px;&#xA;      border-radius: 50%;&#xA;      background: var(--card-background, #f0f0f0);&#xA;      border: 1px solid var(--card-text-color-main, #111);&#xA;      display: flex;&#xA;      align-items: center;&#xA;      justify-content: center;&#xA;      font-size: 12px;&#xA;      color: var(--card-text-color-main, #111);&#xA;      font-weight: 500;&#xA;    &#34;&gt;&#xA;      01&#xA;    &lt;/div&gt;&#xA;&#xA;    &#xA;    &#xA;    &lt;div style=&#34;&#xA;      width: 1px;&#xA;      min-height: 60px;&#xA;      background: var(--card-text-color-main, #111);&#xA;      margin-top: 4px;&#xA;    &#34;&gt;&lt;/div&gt;&#xA;    &#xA;&#xA;  &lt;/div&gt;&#xA;&#xA;  &lt;div style=&#34;padding-top: 6px; padding-bottom: 1.5rem;&#34;&gt;&#xA;&#xA;    &lt;p style=&#34;&#xA;      font-size: 11px;&#xA;      color: var(--card-text-color-main, #111);&#xA;      margin: 0 0 2px;&#xA;      letter-spacing: 0.06em;&#xA;    &#34;&gt;&#xA;      レンタルサーバー（初代）&#xA;    &lt;/p&gt;&#xA;&#xA;    &lt;p style=&#34;&#xA;      font-size: 17px;&#xA;      font-weight: 600;&#xA;      margin: 0 0 2px;&#xA;      color: var(--card-text-color-main, #111);&#xA;    &#34;&gt;&#xA;      ConoHa WING&#xA;    &lt;/p&gt;&#xA;&#xA;    &lt;p style=&#34;&#xA;      font-size: 12px;&#xA;      color: var(--card-text-color-main, #111);&#xA;      margin: 0 0 8px;&#xA;    &#34;&gt;&#xA;      2020年12月〜2022年12月&#xA;    &lt;/p&gt;&#xA;&#xA;    &lt;div style=&#34;&#xA;      font-size: 13px;&#xA;      color: var(--card-text-color-main, #111);&#xA;      margin: 0;&#xA;    &#34;&gt;&#xA;      一目惚れして契約。規約がアダルトNGだったことに気づき、レンタルサーバーの移転を実施。&#xA;    &lt;/div&gt;&#xA;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h3 id=&#34;imagetabs&#34;&gt;imagetabs&#xA;&lt;/h3&gt;&lt;p&gt;【イメージタブ】&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;  &#xA;  &#xA;  &#xA;    &#xA;    &#xA;  &#xA;&#xA;  &#xA;  &#xA;  &#xA;    &#xA;    &#xA;  &#xA;&#xA;  &#xA;  &#xA;  &#xA;&#xA;  &#xA;  &#xA;  &#xA;&#xA;  &#xA;  &#xA;  &#xA;&#xA;  &#xA;  &#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;image-tabs image-tabs-12&#34;&gt;&#xA;&#xA;  &#xA;    &lt;input type=&#34;radio&#34;&#xA;           name=&#34;tabset-12&#34;&#xA;           id=&#34;tab-12-0&#34;&#xA;           checked&gt;&#xA;  &#xA;    &lt;input type=&#34;radio&#34;&#xA;           name=&#34;tabset-12&#34;&#xA;           id=&#34;tab-12-1&#34;&#xA;           &gt;&#xA;  &#xA;&#xA;  &lt;div class=&#34;tab-buttons&#34;&gt;&#xA;    &#xA;      &lt;label for=&#34;tab-12-0&#34;&gt;タブ名1&lt;/label&gt;&#xA;    &#xA;      &lt;label for=&#34;tab-12-1&#34;&gt;タブ名2&lt;/label&gt;&#xA;    &#xA;  &lt;/div&gt;&#xA;&#xA;  &lt;div class=&#34;tab-contents&#34;&gt;&#xA;    &#xA;      &lt;div class=&#34;tab-content tab-12-0&#34;&gt;&#xA;        &lt;p class=&#34;image-wrapper&#34;&gt;&#xA;          &lt;img src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/2026-04-18-note/image2.webp&#34;&#xA;               width=&#34;1280&#34;&#xA;               height=&#34;720&#34;&#xA;               alt=&#34;タブ名1&#34;&gt;&#xA;        &lt;/p&gt;&#xA;      &lt;/div&gt;&#xA;    &#xA;      &lt;div class=&#34;tab-content tab-12-1&#34;&gt;&#xA;        &lt;p class=&#34;image-wrapper&#34;&gt;&#xA;          &lt;img src=&#34;https://pub-81c5b1d9b1aa4e4abaf03832290a7398.r2.dev/2026-04-18-note/image2.webp&#34;&#xA;               width=&#34;1280&#34;&#xA;               height=&#34;720&#34;&#xA;               alt=&#34;タブ名2&#34;&gt;&#xA;        &lt;/p&gt;&#xA;      &lt;/div&gt;&#xA;    &#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;.image-tabs-12 {&#xA;  margin: 2rem 0;&#xA;}&#xA;&#xA;.image-tabs-12 input {&#xA;  display: none;&#xA;}&#xA;&#xA;.image-tabs-12 .tab-buttons label {&#xA;  display: inline-block;&#xA;  padding: 0.6rem 1.2rem;&#xA;  margin-right: 0.5rem;&#xA;  border: 1px solid var(--card-separator-color);&#xA;  border-radius: 6px;&#xA;  cursor: pointer;&#xA;  font-size: 1.4rem;&#xA;  color: var(--card-text-color-main);&#xA;}&#xA;&#xA;&#xA;#tab-12-0:checked ~ .tab-buttons label[for=&#34;tab-12-0&#34;] {&#xA;  background: var(--card-separator-color);&#xA;}&#xA;&#xA;#tab-12-1:checked ~ .tab-buttons label[for=&#34;tab-12-1&#34;] {&#xA;  background: var(--card-separator-color);&#xA;}&#xA;&#xA;&#xA;.image-tabs-12 .tab-content {&#xA;  display: none;&#xA;  margin-top: 1rem;&#xA;}&#xA;&#xA;&#xA;#tab-12-0:checked ~ .tab-contents .tab-12-0 {&#xA;  display: block;&#xA;}&#xA;&#xA;#tab-12-1:checked ~ .tab-contents .tab-12-1 {&#xA;  display: block;&#xA;}&#xA;&#xA;&#xA; &#xA;.image-tabs-12 .tab-content img {&#xA;  max-width: 100%;&#xA;  height: auto;&#xA;  border-radius: 8px;&#xA;}&#xA;&lt;/style&gt;&#xA;&#xA;&lt;h3 id=&#34;link-card&#34;&gt;link-card&#xA;&lt;/h3&gt;&lt;p&gt;【リンクカード】&#xA;リンク集に利用する。&lt;/p&gt;&#xA;&lt;a href=&#34;https://ich-denke.pages.dev&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34; class=&#34;link-card&#34;&gt;&#xA;  &#xA;  &lt;div class=&#34;link-card__body&#34;&gt;&#xA;    &lt;div class=&#34;link-card__title&#34;&gt;タイトル&lt;/div&gt;&#xA;    &lt;div class=&#34;link-card__desc&#34;&gt;&#xA;説明文&#xA;&lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/a&gt;&#xA;&lt;h3 id=&#34;quote&#34;&gt;quote&#xA;&lt;/h3&gt;&lt;p&gt;【引用】&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;    &lt;p&gt;引用テキスト&lt;/p&gt;&lt;span class=&#34;cite&#34;&gt;&lt;span&gt;― &lt;/span&gt;&lt;span&gt;著者名, &lt;/span&gt;&lt;a href=&#34;https://example.com&#34;&gt;&lt;cite&gt;出典&lt;/cite&gt;&lt;/a&gt;&lt;/span&gt;&lt;/blockquote&gt;&#xA;&lt;h3 id=&#34;review&#34;&gt;review&#xA;&lt;/h3&gt;&lt;p&gt;【スコア】&#xA;レビュー記事用&lt;/p&gt;&#xA;&lt;div style=&#34;&#xA;  border:0.5px solid var(--card-separator-color);&#xA;  border-radius:12px;&#xA;  padding:1.6rem;&#xA;  margin:2rem 0;&#xA;  font-size:1.6rem;&#xA;  line-height:1.85;&#xA;  color:var(--card-text-color-main);&#xA;&#34;&gt;&#xA;&#xA;  &lt;div style=&#34;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;&#34;&gt;&#xA;    &lt;div style=&#34;font-size:1.1em;font-weight:500;&#34;&gt;総合評価&lt;/div&gt;&#xA;    &lt;div style=&#34;display:flex;align-items:baseline;gap:4px;&#34;&gt;&#xA;      &lt;span style=&#34;font-size:2.2em;font-weight:700;&#34;&gt;4&lt;/span&gt;&#xA;      &lt;span style=&#34;font-size:1em;&#34;&gt;/5&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &lt;div style=&#34;margin-bottom:1.2rem;&#34;&gt;&#xA;    &lt;div style=&#34;display:flex;justify-content:space-between;align-items:center;&#34;&gt;&#xA;      &lt;div style=&#34;display:flex;align-items:center;gap:8px;&#34;&gt;&#xA;        &lt;span style=&#34;font-size:1.05em;&#34;&gt;ストーリー&lt;/span&gt;&#xA;        &lt;span style=&#34;font-size:1em;&#34;&gt;王道だけど面白い&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &lt;span style=&#34;font-size:1.05em;font-weight:500;&#34;&gt;Good / 4&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;    &lt;div style=&#34;background:var(--card-separator-color);border-radius:4px;height:7px;margin:8px 0;&#34;&gt;&#xA;      &lt;div style=&#34;background:linear-gradient(to right,#e74c3c,#e67e22,#f1c40f,#6B8F71);width:80%;height:100%;border-radius:4px;&#34;&gt;&lt;/div&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &lt;div style=&#34;margin-bottom:1.2rem;&#34;&gt;&#xA;    &lt;div style=&#34;display:flex;justify-content:space-between;align-items:center;&#34;&gt;&#xA;      &lt;div style=&#34;display:flex;align-items:center;gap:8px;&#34;&gt;&#xA;        &lt;span style=&#34;font-size:1.05em;&#34;&gt;キャラクター&lt;/span&gt;&#xA;        &lt;span style=&#34;font-size:1em;&#34;&gt;ヒロインが可愛い&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &lt;span style=&#34;font-size:1.05em;font-weight:500;&#34;&gt;Amazing / 5&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;    &lt;div style=&#34;background:var(--card-separator-color);border-radius:4px;height:7px;margin:8px 0;&#34;&gt;&#xA;      &lt;div style=&#34;background:linear-gradient(to right,#e74c3c,#e67e22,#f1c40f,#6B8F71);width:100%;height:100%;border-radius:4px;&#34;&gt;&lt;/div&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &lt;div style=&#34;margin-bottom:1.2rem;&#34;&gt;&#xA;    &lt;div style=&#34;display:flex;justify-content:space-between;align-items:center;&#34;&gt;&#xA;      &lt;div style=&#34;display:flex;align-items:center;gap:8px;&#34;&gt;&#xA;        &lt;span style=&#34;font-size:1.05em;&#34;&gt;イラスト&lt;/span&gt;&#xA;        &lt;span style=&#34;font-size:1em;&#34;&gt;綺麗&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &lt;span style=&#34;font-size:1.05em;font-weight:500;&#34;&gt;Good / 4&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;    &lt;div style=&#34;background:var(--card-separator-color);border-radius:4px;height:7px;margin:8px 0;&#34;&gt;&#xA;      &lt;div style=&#34;background:linear-gradient(to right,#e74c3c,#e67e22,#f1c40f,#6B8F71);width:80%;height:100%;border-radius:4px;&#34;&gt;&lt;/div&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &lt;div style=&#34;margin-bottom:1.2rem;&#34;&gt;&#xA;    &lt;div style=&#34;display:flex;justify-content:space-between;align-items:center;&#34;&gt;&#xA;      &lt;div style=&#34;display:flex;align-items:center;gap:8px;&#34;&gt;&#xA;        &lt;span style=&#34;font-size:1.05em;&#34;&gt;読みやすさ&lt;/span&gt;&#xA;        &lt;span style=&#34;font-size:1em;&#34;&gt;普通&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &lt;span style=&#34;font-size:1.05em;font-weight:500;&#34;&gt;Normal / 3&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;    &lt;div style=&#34;background:var(--card-separator-color);border-radius:4px;height:7px;margin:8px 0;&#34;&gt;&#xA;      &lt;div style=&#34;background:linear-gradient(to right,#e74c3c,#e67e22,#f1c40f,#6B8F71);width:60%;height:100%;border-radius:4px;&#34;&gt;&lt;/div&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;  &#xA;&#xA;  &lt;div style=&#34;border-top:0.5px solid var(--card-separator-color);padding-top:1.2rem;margin-top:0.8rem;&#34;&gt;&#xA;&#xA;    &#xA;    &lt;div style=&#34;margin-bottom:1.2rem;&#34;&gt;&#xA;      &lt;div style=&#34;font-weight:700;font-size:1.15em;&#34;&gt;Good&lt;/div&gt;&#xA;      &#xA;        &lt;div class=&#34;review-good&#34; style=&#34;font-size:1.05em;margin-bottom:4px;color:#27ae60;&#34;&gt;✓ ヒロインが魅力的&lt;/div&gt;&#xA;      &#xA;        &lt;div class=&#34;review-good&#34; style=&#34;font-size:1.05em;margin-bottom:4px;color:#27ae60;&#34;&gt;✓ テンポがいい&lt;/div&gt;&#xA;      &#xA;        &lt;div class=&#34;review-good&#34; style=&#34;font-size:1.05em;margin-bottom:4px;color:#27ae60;&#34;&gt;✓ イラストが綺麗&lt;/div&gt;&#xA;      &#xA;        &#xA;      &#xA;        &#xA;      &#xA;        &#xA;      &#xA;    &lt;/div&gt;&#xA;    &#xA;&#xA;    &#xA;    &lt;div&gt;&#xA;      &lt;div style=&#34;font-weight:700;font-size:1.15em;&#34;&gt;Bad&lt;/div&gt;&#xA;      &#xA;        &lt;div class=&#34;review-bad&#34; style=&#34;font-size:1.05em;margin-bottom:4px;color:#e74c3c;&#34;&gt;✗ ご都合主義な展開がある&lt;/div&gt;&#xA;      &#xA;        &lt;div class=&#34;review-bad&#34; style=&#34;font-size:1.05em;margin-bottom:4px;color:#e74c3c;&#34;&gt;✗ ラストがやや駆け足&lt;/div&gt;&#xA;      &#xA;        &#xA;      &#xA;        &#xA;      &#xA;        &#xA;      &#xA;        &#xA;      &#xA;    &lt;/div&gt;&#xA;    &#xA;&#xA;  &lt;/div&gt;&#xA;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;label + score + comment のセットで最大6項目&lt;br&gt;&#xA;good / bad もそれぞれ最大6個まで、省略可&lt;/p&gt;&#xA;&lt;h3 id=&#34;rich-card&#34;&gt;rich-card&#xA;&lt;/h3&gt;&lt;p&gt;【リッチカード】&lt;/p&gt;&#xA;&lt;a href=&#34;https://ich-denke.pages.dev&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34; style=&#34;display:flex;gap:1rem;border:1px solid var(--card-separator-color);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;margin:1.5rem 0;&#34;&gt;&#xA;  &#xA;  &lt;div style=&#34;padding:0.8rem;display:flex;flex-direction:column;justify-content:center;&#34;&gt;&#xA;    &lt;div style=&#34;font-size:1.5rem;font-weight:500;margin-bottom:0.4rem;&#34;&gt;タイトル&lt;/div&gt;&#xA;    &#xA;    &lt;div style=&#34;font-size:1.3rem;color:var(--card-text-color-secondary);line-height:1.6;&#34;&gt;説明文&lt;/div&gt;&#xA;    &#xA;  &lt;/div&gt;&#xA;&lt;/a&gt;&#xA;&#xA;&lt;p&gt;link-card より横長・コンパクトなカード&lt;br&gt;&#xA;desc は省略可、img も省略可&lt;/p&gt;&#xA;&lt;h3 id=&#34;shopbtn&#34;&gt;shopbtn&#xA;&lt;/h3&gt;&lt;p&gt;【ショップボタン】&lt;/p&gt;&#xA;&lt;div style=&#34;text-align: left; margin: 2rem 0;&#34;&gt;&#xA;  &lt;a href=&#34;https://www.amazon.co.jp/dp/XXXXXXXXXX&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&#xA;     class=&#34;shop-button&#34;&#xA;     style=&#34;display: inline-block; padding: 1rem 3rem; border: 2px solid; border-radius: 50px; text-decoration: none; font-size: 1.6rem; font-weight: 500; letter-spacing: 0.1em;&#34;&gt;&#xA;    🛒 Amazonで購入&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h3 id=&#34;x&#34;&gt;X&#xA;&lt;/h3&gt;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;ja&#34; dir=&#34;ltr&#34;&gt;ブログ環境を刷新して、2年ぶりに記事を公開しました。&lt;br&gt;「ブログ環境の整備と今後の活動について（Hugo 移行編）」 &lt;a href=&#34;https://t.co/2HKZGx3c04&#34;&gt;https://t.co/2HKZGx3c04&lt;/a&gt;&lt;/p&gt;&amp;mdash; 幻鐵＠夢想家 (@tsutes) &lt;a href=&#34;https://twitter.com/tsutes/status/2045465518933766351?ref_src=twsrc%5Etfw&#34;&gt;April 18, 2026&lt;/a&gt;&lt;/blockquote&gt;&#xA;&lt;script async src=&#34;https://platform.twitter.com/widgets.js&#34; charset=&#34;utf-8&#34;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&lt;br&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-fallback&#34; data-lang=&#34;fallback&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;｛｛&amp;lt; x user=&amp;#34;&amp;#34; id=&amp;#34;&amp;#34; &amp;gt;｝｝&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div style=&#34;font-size:1.4rem; color:var(--card-text-color-main); margin-top:0.4rem; padding-left:4px;&#34;&gt;【Markdown】ショートコードが動作するため全角で表示中 ｜ 利用時は半角に変換すること&lt;/div&gt;&#xA;&lt;h2 id=&#34;メモ&#34;&gt;メモ&#xA;&lt;/h2&gt;&lt;h3 id=&#34;youtube&#34;&gt;Youtube&#xA;&lt;/h3&gt;&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/eqqfdG_QbDc?si=0CmmRHTHv55tI1AH&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;ショートコードでは表示されなかったため、Youtube公式の埋め込みを利用すること。&lt;/p&gt;&#xA;</description>
        </item></channel>
</rss>
