Daiki Sato

GitHub - catppuccin/catwalk: 🚶 Soothing pastel previews for the high-spirited!

これのおかげで coteditor.tera を用意して、whiskers coteditor.tera を実行するだけで済んだ。すばらし～

ちなみに、 catwalk というのもあり、これを使うとフレーバー4つのスクリーンショットを合成して一つの画像にすることができる。

🚶 Soothing pastel previews for the high-spirited! Contribute to catppuccin/catwalk development by creating an account on GitHub.

USB扇風機(多機能タイプ) - FAN-U177BK

初のOSS貢献

これまでIssueを立てたりコメントをしたりしたことはあったけど、コードを書いてOSSに貢献したのは初めての経験だった。OSSのOrganizationに参加したのも初めてだし、OSSのメンテナーからコードに指摘をもらったのも、メンテナーに指定されたことも初めてだった。

友達でも同僚でもない、全然知らない海外の人とコミュニケーションを取って、指摘を受けて、褒められて。楽しいかも、これ。

うーん嬉しい。

手を乾かすために卓上扇風機を買った

Sun, 10 Mar 2024 00:00:00 GMT

手汗対策

普段から手汗が多めなのですが、特にFPSゲーム中はマウスを握る右手の手汗が気になります。その対策としてエレコムの卓上扇風機を買ってみました。適度に手が乾いて良い感じです。

ノートパソコン、タブレット冷却台として使える！縦置き、横置きで使い方を選べる多機能USBクーラー。

www.elecom.co.jp

エレコム USB扇風機 FAN-U177BK - Amazon

Intel Core i5-13600KFでゲームがクラッシュする問題

Wed, 31 Jul 2024 00:00:00 GMT

ゲームプレイ中にゲームが頻繁にクラッシュして落ちる症状に悩まされています。多分、もう1年以上。

最初は数十分に1度程度の頻度でしたが、最近はひどい時は数分に一度発生するようになり、実質プレイ不可能な状況です。ただ、全てのゲームでこれが起きるわけではなく、一部ゲームのみです。また、グラフィック設定を下げると頻度が下がる傾向にあります。

ゲームタイトル	症状の発生有無
Forza Horizon 5	あり
Monster Hunter: World	あり
Valorant	なし
Overwatch 2	なし
Apex Legends	なし
Civilization VI	なし

PCの構成

パーツ	製品名
CPU	Intel Core i5-13600KF
マザーボード	ASUS PRIME Z790-A WIFI-CSM
メモリ	Crucial 16GB DDR5-4800 (2枚)
GPU	GeForce RTX 4070Ti (Manli M-NRTX4070TIG)
CPUファン	Noctua NH-U12S
ストレージ	Crucial P5 Plus 2TB
電源	SilverStone SST-DA750-G

まず試したこと

ゲームのインストールし直し
PCの初期化（クリーンインストール）

もちろん、これでは解決しませんでした。

Intel Core 第13/14世代プロセッサの不具合

ここで色々調べているうちに、Intel Core 第13/14世代プロセッサに関する不具合が報告されていることを知りました。

Intel says it has found the issue causing 13th and 14th Gen CPUs to crash

The patch that could fix it is still weeks away.

www.theverge.com

この問題はCPUの電圧設定に関連しているようで、この問題に関してすでに問題が起こっている場合、CPUは物理的に故障しており、ソフトウェアのアップデートで修正できない可能性があるようです。絶望。

the company confirmed a patch is coming in mid-August that should address the “root cause” of exposure to elevated voltage. But if your 13th or 14th Gen Intel Core processor is already crashing, that patch apparently won’t fix it.

There is no fix for Intel’s crashing 13th and 14th Gen CPUs — any damage is permanent

We got some answers from Intel, and more are on the way.

www.theverge.com

8月にはIntelがこの問題に対するパッチをリリース予定ですが、このパッチを適用しても問題が解決しない可能性があるということになります。

Intel、第13/14世代Coreにおける不安定動作の根本原因を解明。8月にパッチ提供

　Intelは7月22日(米国時間)、デスクトップPC向けの第13世代Coreおよび第14世代Coreの不安定性について調査結果を報告。これによれば不安定な動作を引き起こす根本的な原因はマイクロコードのアルゴリズムにあり、プロセッサに誤った電圧要求(より高い電圧)が送信されてしまうことにあったという。

pc.watch.impress.co.jp

Intelに問い合わせ

Intelはこの問題に関して不安定動作が起こっている場合、サポートに問い合わせるように呼び掛けています。

community.intel.com

そこで、Intelのサポートに問い合わせてみました（2024/7/24）。

サポート・ソリューションのインテルへのお問い合わせ

インテル® 製品やプログラムに最適なサポートオプションと同様に、世界中のあらゆるインテルのキャンパスおよび OEM パートナー向けの情報を確認するには、インテルにお問い合わせください。

www.intel.co.jp

返信1 （2024/7/25）

すると、以下の内容を求める回答がありました。

製品情報
- CPUのATPO番号
- CPUのFPO番号
私の情報
- 名前
- 住所
パソコンの構成
- マザーボード
- メモリ
- グラフィックボード
- 電源ユニット
- CPU冷却ユニット
- その他増設機器など

また、これらに加え、マザーボードのBIOSのアップデートの提案がありました。

当時、BIOSのバージョンは1658でしたが、最新のバージョン1661がリリースされていました。このバージョンには、eTVBをIntelの設定に合わせて動作するようにするmicrocode 0x125の更新が含まれています。

PRIME Z790-A WIFI｜マザーボード｜ASUS 日本

ASUS Prime Z790-A WIFI, an Intel Z790 LGA 1700 ATX motherboard with PCIe® 5.0, four M.2 slots, 16+1 DrMOS, DDR5, Intel WIFI 6E, 2.5 Gb LAN, HDMI®, DP, USB 3.2 Gen 2x2 Type-C®, front USB 3.2 Gen 2 Type-C®, Thunderbolt™ (USB4®) support

www.asus.com

これは今回の問題の原因の一つとして考えられているもので、一時的な解決策のようです。結局、根本的な問題を解決するためには8月のパッチを待つ必要があるようですが、とりあえずサポートの指示通りにBIOSのアップデートを行いました。が、やはり問題は解決しませんでした。

上記の内容をIntelに返信しました。

返信2 （2024/7/30）

ここで、驚くべきことに、交換対応の提案がありました。The Vergeによる問い合わせ結果によるとリコールや保証の延長の予定は無いということだったので、交換もしてもらえないと思い込んでいたので、正直驚きました。

具体的な手順は、こちらからCPUを着払いで送り、IntelがCPUを検査した後に交換品（良品）を送ってくれるというものです。つまり、その間はPCが使えないということになります。辛い……。

とりあえず60日以内に済ませれば良いようです。交換品が届いてもまた壊れたら意味がないので、8月のパッチがリリースされるまで様子を見ることにしました。

VIAでキーボードを設定していて知った/気がついたTips

Thu, 28 Aug 2025 00:00:00 GMT

VIA

VIAはカスタムキーボードのキーマップ設定などに使われる、ブラウザベースのソフト。

VIA | VIA

Your keyboard's best friend

caniusevia.com

Hyperキー

Hyperキーという概念は、自分はRaycastで知ったが、もっと前からあるっぽい。とにかく、 Command + Control + Option + Shift の同時押しを1キーで実現することをHyperキーと呼ぶらしい。これにより、実質的に修飾キーをひとつ増やすことができる。

VIAでは、Keymap > Special から Any を選択して、 HYPR(KC_NO) を設定すれば良いだけ。

Reddit - Please wait for verification

www.reddit.com

Modifier Keys | QMK Firmware

Documentation for QMK Firmware

docs.qmk.fm

例えばMacの音声入力キー。ここに Hyper+V を設定した。ちなみに、今のところDictation（音声入力）キーのQMKキーコードは無いっぽい。

他にも、ウィンドウ操作アプリのLoopではTriggerキーとしてHyperキーを設定したり。

GitHub - MrKai77/Loop: Window management made elegant.

Window management made elegant. Contribute to MrKai77/Loop development by creating an account on GitHub.

Logicool Lift M800GR - Amazon

Spaceキーをレイヤーキーとして使うと便利

Spaceキー単押しの時はSpaceキーとして使って、他のキーと組み合わせて使ったときだけレイヤー切り替えキーとして動作するようにすると便利。実際、VIAにはこれ専用のキーがある。これをスペースキーに割り当てれば良いだけ。

Logicool MX Liftを買ってみて、MX Masterの良さを再認識した

Mon, 25 Mar 2024 00:00:00 GMT

Logicool MX Master

6年前からMX Masterシリーズを使用しており、現在はMX Master 3を使っています。特に純正コンパニオンアプリのLogi Options+が使いやすく、マウスはずっとLogicool製品を使い続けています。

ただ、最近になって経年劣化によりマウス表面の一部がボロボロになってきたことや、手首の違和感が気になり始めたことから、Logicoolのエルゴマウスを試してみることにしました。

Logicool Liftを買ってみた

Logicoolのエルゴマウスには、現在（トラックボール式を除けば）MX VerticalとLiftがありますが、手が小さい自分にとってMX Verticalは大きすぎたため、Liftを買ってみました。

www.logicool.co.jp

MX Master 3を使い続けている主な理由に、ジェスチャーによる仮想デスクトップの切り替えがあります。Liftでもマウスホイールの下にあるボタンをジェスチャー操作に割り当てることができるため、同様の操作が可能です。

でも、やっぱりMX Masterが最高だった

MX Masterでは親指を置く部分を下に押し込むことでジェスチャー操作ができるため、ジェスチャー操作時を大きく動かす必要がありません。一方でLiftでは、マウスホイールの下にあるボタンを押しながらマウスを動かす必要があるため、ジェスチャー操作時に人差し指を左クリックの位置から動かす必要があります。これが意外とストレスで、頻繁に仮想デスクトップを切り替える作業内容の時に使いづらいと感じてしまいました。

MX Master 3Sを買うのがベストかも

というわけで、次に買うべきマウスはMX Master 3Sかもしれないという結論に至りました。ただ、今MX Master 3Sを買おうとすると16,900円もするんですよね…

www.logicool.co.jp

Logicool MX Master 3S - Amazon

Nature Remo Lapis does not Matter with Sesame 5

Fri, 12 Jul 2024 00:00:00 GMT

Nature Remo Lapisを買ってみた

Nature Remo Lapisは、その本体の小石のような見た目と、内蔵された温湿度計を使ってエアコンの設定を自動で最適化するオートエコ機能が特徴です。今回は公式サイトからの予約限定で1000円引きの6980円になっていたので、そこから購入しました。

Nature Remo Lapis

Nature Remo Lapisは、空気をととのえ、節電機能を備え、快適と健康までサポートする次世代のスマートリモコンです。機能とデザインを従来の「Nature Remo」よりも大幅にアップデートし、迫り来る地球沸騰化時代においても、人々に寄り添い、暮らしにナチュラルに溶け込む新しい形のプロダクトです。

shop.nature.global

Nature Remo Lapis スマートリモコン温湿度センサー対応

Amazon.co.jp: Nature Remo Lapis ネイチャーリモスマートリモコン温湿度センサー搭載エアコンの節電を快適に Alexa/Google Home/Siri対応 Remo-2W3 : ホーム＆キッチン

Nature Remo Lapis スマートリモコン温湿度センサー対応

オートエコ機能

オートエコ機能は思ったよりいい感じで、室温と時間帯に応じてエアコンの設定を自動で最適化して、快適性と省エネのバランスを取ってくれます。節約額の目安はアプリのホーム画面にも表示され、効果が分かりやすいのが良い感じです。

Matter

オートエコ機能以外にも期待していた機能があります。それが、Matter対応と、Candy HouseのスマートロックであるSesame 5との接続機能です。Nature Remo Lapisはサードパーティー機器との接続も謳っており、その中にSesame 5も含まれています。

Matter対応により、このSesame 5をAppleホームアプリから操作できるようになることを期待していましたが、残念ながらNature Remo LapisをMatter経由でAppleホームアプリに接続しても、Sesame 5は連携されませんでした。Nature HomeのアプリからはSesame 5を操作できますが、それであれば別にセサミアプリを使えば良いかなという印象です。

ただ、Matter対応によりHomebridgeを介さずともAppleホームアプリからエアコンを操作できるようになったのは単純に素晴らしいです。特にSiriから操作できるのが最高ですね。

スマートリモコンとして

これまで使っていたSwitchBotハブミニと比較しながらNature Remo Lapisを見ていこうと思います。まずリモコンの登録については、どちらもリモコンを本体の近くで操作するだけでほぼ完了し、大きな差は感じられませんでした。

操作画面

左のSwitchBotはリモコンのボタンをそのままアプリに持ってきているようなデザインです。右のNature Homeアプリはそれとは少し違っていて、まず中央に温度調節のスライダーがあり、その下には各ボタンが機能ごとに配置されている感じです。温度のスライダーの上に実際の今の室温と湿度が表示されるというのが気が利いているなと感じました。

また、これはエアコンの機種によると思うのであまり一般的な話ではないかもしれませんが、自分のエアコンには内部クリーンという機能があり、このボタンがNature Homeアプリでは表示されるのが地味に嬉しいポイントでした。いちいちオンオフするような機能では無いので大した問題ではないのですが、SwitchBotアプリではそれが表示されないのが少し気になっており、Nature Remoではそういった細かいところまで気を遣って対応しているのが好印象でした。

まとめ

Sesame 5連携については期待外れでしたが、オートエコ機能には今のところ満足しています。Matter対応で本体デザインも良く、アプリの操作感も良いので、このまま使い続けていこうと思います。

Nature Remo Lapis

shop.nature.global

Choose the plan that's right for you

Perplexity Proを契約してみた

Sun, 14 Apr 2024 00:00:00 GMT

$20.00 + $20.00 + …

先月OpenAIのChatGPTからAnthropicのClaude 3に乗り換えましたが、時々Claude 3 OpusとChatGPTのGPT-4 Turboを比較したくなります。しかし、それぞれ20ドルで合計40ドルは支払いたくありません。そこで、Perplexity Proの契約を検討しました。

claude.ai

AIツールの標準月額価格=20ドルというような風潮ができつつあり、一つ契約するたびに月額3000円かかるのは本当につらいですね。先日もCursor Proを契約しようとして、20ドルという価格を見て断念してしまいました。

Cursor · Pricing

cursor.sh

Perplexity Pro

PerplexityはAIモデルを使った強力な検索ツールくらいに思っていたのですが、Writingモードに変更すればChatGPTやClaudeのようなテキスト・チャット生成ツールとして使うこともできることがわかりました。

また、Perplexityの有料プランであるPerplexity Proに契約すると、GPT-4 TurboやClaude 3 Opusなどの強力なAIモデルを利用できるようになります。つまり、ChatGPT PlusやClaude Proを別々に契約することなく、Perplexity Pro一つでこれらのAIモデルを利用できるわけです。ただ、ChatGPTとは違いコード実行や様々なプラグインを活用することはできないため、その点には注意が必要です。

perplexity.ai

iOSアプリ内課金のほうが安い

Perplexity Proはウェブで契約すると月額20ドルですが、iOSアプリ内課金では月額3000円に設定されています。2024年4月14日現在、20ドルは約3,065円なので、iOSアプリ内課金で契約する方が若干安くなります（円安……）。

一般的には、ウェブからの契約とiOSアプリ内課金が用意されているサービスでは、iOSアプリ内課金の方が高いことが多い（Appleの手数料が原因）ところ、円安のせいかここでは逆転しているようです。

Perplexityのフォントを変更する

Perplexityのデフォルトのフォントの設定ではカギかっこの表示が崩れます。おそらく、最近のChromeの仕様変更に関わる問題が原因のようです。

Yu Gothic UIに text-spacing-trim を適用するとバグる

いなにわうどんさんのスクラップ

zenn.dev

これを避ける意味も含めて、Aminoを使ってユーザーCSSを追加しました。今回は、Google FontsからBIZ UDPGothicを読み込んで使うことにしました。

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');

html,
.font-display,
.font-sans {
  font-family: 'BIZ UDPGothic', sans-serif;
}

Amino | Live CSS Editor

Customize any website in seconds with CSS. Amino is a compact and powerful browser extension that allows you to customize any website with CSS that persists. Use the editor to create your own website themes and skins.

aminoeditor.com

BIZ UDPGothic - Google Fonts

モリサワのBIZ UDゴシックは、教育やビジネス文書作成などに活用できるよう、より多くの方にとって読みやすく使いやすいように設計されたユニバーサルデザインフォントです。読みやすさとデザインバランスに優れた、すっきりとしたUDゴシック書体で、漢字の省略できるハネやゲタを取ることで、文字をクリアに見せています。大きめな字面

fonts.google.com

remark-link-card-plusへ移行しました

Thu, 12 Feb 2026 00:00:00 GMT

gladevise/remark-link-card

remark-link-card はリンクをカード形式で表示するためのRemarkプラグインで、本サイトでもリンクカードの実現のためにこれを使用していました。ただ、現在はほぼメンテされていないので、移行することにしました。

Astroにおけるremark-link-cardを使ったリンクカード — Daiki Sato

Astroで、remarkプラグインであるremark-link-cardを使いリンクをカード形式で表示できるようにしました。

sur33.com

okaryo/remark-link-card-plus

remark-link-card-plus は remark-link-card を改善したものらしいです。実際、remark-link-card ではOpen Graphのデータが大きすぎるとエラーになる問題がありましたが、この remark-link-card-plus では解消されていました。

GitHub - okaryo/remark-link-card-plus: Remark plugin to convert text links to link cards

Remark plugin to convert text links to link cards. Contribute to okaryo/remark-link-card-plus development by creating an account on GitHub.

GitHub - okaryo/remark-link-card-plus: Remark plugin to convert text links to link cards

移行作業

1. インストール

pnpm rm remark-link-card
pnpm i remark-link-card-plus

2. astro.config.mjs に設定追加

今回は移行なので、やったことはimportの 'remark-link-card' を 'remark-link-card-plus' に置き換えただけ。

astro.config.mjs

import remarkLinkCard from 'remark-link-card-plus';

export default defineConfig({
  // ...
  markdown: {
    remarkPlugins: [
      [
        remarkLinkCard,
        {
          cache: true,
        },
      ],
    ],
  },
  // ...
});

3. CSS追加

基本的にremark-link-cardの時のCSSをremark-link-card-plus用に書き換えただけ。ただ、Tailwind CSS化してあるため、 @apply を多用しており、純粋なCSSはほぼありません。Tailwind CSSを使っていないプロジェクトでは、AIなどで頑張って生CSS化して使ってください。

remark-link-card.css

/* ブレークポイント: 60ch（Tailwindcss/Typographyのproseのmax-widthを参考に） */
.remark-link-card-plus__container {
  --padding-x: 1rem;
  --padding-y: 0.7rem;
  --border-radius: calc(0.5rem - 1px);
  @apply rounded-[calc(var(--border-radius)+1px)];
  @apply border border-(--tw-prose-hr);
  @apply transition-colors hover:bg-gray-50 dark:hover:bg-gray-800;
  @apply mb-5 w-full;
}

.remark-link-card-plus__card {
  @apply grid grid-cols-[1fr_116px] gap-4;
  @apply no-underline;

  @media (min-width: 60ch) {
    @apply grid-cols-[1fr_220px];
  }
}

.remark-link-card-plus__main {
  @apply flex flex-col justify-center font-normal;
  @apply max-w-full min-w-full;
  @apply col-1;
  @apply py-(--padding-y) pr-0 pl-(--padding-x);
  @apply rounded-tl-(--border-radius) rounded-bl-(--border-radius);
}

.remark-link-card-plus__content {
}

.remark-link-card-plus__title {
  @apply text-base leading-5 font-bold;
  @apply text-(--tw-prose-headings);
  @apply line-clamp-2 text-ellipsis;
}

.remark-link-card-plus__description {
  @apply text-xs text-gray-500 dark:text-gray-400;
  @apply mt-1 mb-3;

  @apply line-clamp-1 text-ellipsis;
}

.remark-link-card-plus__meta {
  @apply flex items-center gap-2;
}

.remark-link-card-plus__favicon {
  @apply m-0 mt-0.5;
}

.remark-link-card-plus__url {
  @apply text-xs text-gray-600 dark:text-gray-300;
  @apply line-clamp-1 text-ellipsis;
}

.remark-link-card-plus__thumbnail {
  @apply col-2 aspect-square;

  @media (min-width: 60ch) {
    @apply aspect-[1.91/1];
  }
}

.remark-link-card-plus__image {
  @apply m-0 h-full w-full object-cover;
  @apply rounded-tr-(--border-radius) rounded-br-(--border-radius);
}

使い方

使い方は変わらずで、

https://github.com/okaryo/remark-link-card-plus

のようにリンクだけ裸で置けばリンクカードになります。

Remark plugin to convert text links to link cards. Contribute to okaryo/remark-link-card-plus development by creating an account on GitHub.

Markdown内のリンクをカード化するremarkプラグインremark-link-card-plusをリリースした | okaryo.log

参考

正月駆動開発

blog.okaryo.studio

GitHub - okaryo/remark-link-card-plus: Remark plugin to convert text links to link cards

Remark plugin to convert text links to link cards. Contribute to okaryo/remark-link-card-plus development by creating an account on GitHub.

[Astro] remark-link-card-plus が神 - じゃぱり書庫

Astroでリンクカードを実現しようとしたときの記録。

ilapaj.com

Astroにおけるremark-link-cardを使ったリンクカード

Fri, 05 Apr 2024 00:00:00 GMT

更新（2026/02/12）

remark-link-card-plus に移行しました。

remark-link-card-plusへ移行しました — Daiki Sato

メンテナンスの停滞している remark-link-card から remark-link-card-plus へ移行しました。

sur33.com

remark-link-card

remark-link-card は、remarkプラグインで、リンクをカード形式で表示するためのプラグインです。カード形式のリンクとは、以下のようなものです。

Contribute to gladevise/remark-link-card development by creating an account on GitHub.

Astroはデフォルトでremarkプラグインをサポートしているため、この remark-link-card を使ってリンクをカード形式で表示することができます。

実装

1. インストール

GitHubのページを参考にインストールします。ここでは bun を使っていますが、 npm や yarn など、他のパッケージマネージャを使っても構いません。

bun install remark-link-card

2. 設定

astro.config.mjs を以下のように追記します。

astro.config.mjs

import remarkLinkCard from 'remark-link-card';

// https://astro.build/config
export default defineConfig({
  // ...
  markdown: {
    remarkPlugins: [
      [
        remarkLinkCard,
        {
          cache: true,
          shortenUrl: true,
        },
      ],
    ],
  },
  // ...
});

今回は cache と shortenUrl を true にしています。

remark-link-card はデフォルトではAstroの毎コンパイル時にリンク情報を取得しに行きます。リンク先にかける負荷を減らすために、cache を true にして、リンク情報をキャッシュするようにしています。キャッシュは /public/remark-link-card/ に保存されます。

また、shortenUrl を true にすることでリンク先のURLをドメインのみに短縮して表示するようにしています。

remark-link-card ではCSSは提供されていないので、自分でCSSを用意する必要があります。 CSSは以下のようにしました。

remark-link-card.css

/* ブレークポイント: 60ch（Tailwindcss/Typographyのproseのmax-widthを参考に） */
.rlc-container {
  --padding-x: 1rem;
  --padding-y: 0.7rem;
  --border-radius: calc(0.5rem - 1px);
  border: 1px solid var(--tw-prose-hr);
  border-radius: calc(var(--border-radius) + 1px);
  text-decoration: none;

  transition: background-color 150ms;

  &:hover {
    background-color: #f5f5f5;
    @media (prefers-color-scheme: dark) {
      background-color: #262626;
    }
  }

  width: 100%;
  margin-bottom: 1.25em;

  display: grid;
  grid-template-columns: 1fr 116px;
  gap: 1rem;
  @media (min-width: 60ch) {
    grid-template-columns: 1fr 220px;
  }
  .rlc-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: normal;

    grid-column: 1;
    padding: var(--padding-y) 0 var(--padding-y) var(--padding-x);
    max-width: 100%;
    min-width: 100%;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    .rlc-title {
      font-size: 1rem;
      font-weight: bold;
      line-height: 1.3;
      color: var(--tw-prose-headings);

      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .rlc-description {
      font-size: 0.8rem;
      color: #737373;
      @media (prefers-color-scheme: dark) {
        color: #a3a3a3;
      }

      margin-bottom: 0.5em;

      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-line-clamp: 1;
    }
    .rlc-url-container {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      .rlc-favicon {
        margin-top: 0.15rem;
        margin-bottom: 0;
      }
      .rlc-url {
        font-size: 0.8rem;
        color: #525252;
        @media (prefers-color-scheme: dark) {
          color: #d4d4d4;
        }

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 1;
      }
    }
  }
  .rlc-image-container {
    grid-column: 2;
    aspect-ratio: 1 / 1;
    @media (min-width: 60ch) {
      aspect-ratio: 1.91 / 1;
    }
    .rlc-image {
      object-fit: cover;
      height: 100%;
      width: 100%;
      margin: 0;
      border-radius: 0 var(--border-radius) var(--border-radius) 0;
    }
  }
}

3. 使い方

remark-link-card は生のURLのみに適用されます。以下のように記述すると、リンクがカード形式で表示されます。

https://github.com/gladevise/remark-link-card

Contribute to gladevise/remark-link-card development by creating an account on GitHub.

<>で囲っても適用されます。

<https://github.com/gladevise/remark-link-card>

Contribute to gladevise/remark-link-card development by creating an account on GitHub.

remark-link-card - GitHub

インライン形式のリンクには適用されません。

[remark-link-card - GitHub](https://github.com/gladevise/remark-link-card)

参考

Markdown in Astro

Learn about Astro's built-in support for Markdown.

docs.astro.build

Contribute to gladevise/remark-link-card development by creating an account on GitHub.

Markdownでリンクカードを表示する「remark-link-card」の使い方 - ろぼいんブログ

ブログなどでは、リンクを埋め込む際にリンクカードを表示することがあります。リンクカードは、リンク先のページのタイトルやサムネイル、概要などを一覧表示でき、リンク先の情報を簡単に把握できるため、ユーザーにとって便利な機能です。Markdownでリンクカードを表示するための「remark-link-card」の使い方について解説します。

sidekick.nvimでCodexを使うと表示される [features].web_search_request is deprecated を解消する

Mon, 16 Feb 2026 00:00:00 GMT

Info

sidekick.nvim 側で修正されたため、現在はこの問題は解消しています。 https://github.com/folke/sidekick.nvim/pull/257

NeovimでClaude CodeやCodexなどを使うために sidekick.nvim を使っているのですが、Codexを使った際に

[features].web_search_request` is deprecated. Use `web_search` instead

というエラーが表示されます。

このエラーは sidekick.nvim の lua/sidekick/config.lua で --enable web_search_request が付加されていることによって起こっています。

lua/sidekick/config.lua:106

codex = { cmd = { "codex", "--enable", "web_search_request" } },

sidekick.nvim/lua/sidekick/config.lua at c2bdf8cfcd87a6be5f8b84322c1b5052e78e302e · folke/sidekick.nvim

Your Neovim AI sidekick. Contribute to folke/sidekick.nvim development by creating an account on GitHub.

Changelog – Codex | OpenAI Developers

Note

--enable web_search_request はCodexがウェブ検索できるようにするためのオプションです。ただ、現在のCodexはウェブ検索がデフォルトで有効化されているため、このオプションは不要になりました。

Latest updates to Codex, OpenAI’s coding agent

developers.openai.com

回避策（workaround）

sidekick.nvim の設定で cli.tools.codex.cmd を上書きし、シンプルに codex のみにします。

lua/plugins/sidekick.lua

return {
  {
    "folke/sidekick.nvim",
    config = function()
      require("sidekick").setup({
        cli = {
          tools = {
            codex = {
              cmd = { "codex" },
            },
          },
        },
      })
    end,
  },
}

根本的な修正

folke/sidekick.nvim に向けてこの問題を解消するためのPRを作成しましたが、 folke/sidekick は最近あまり更新されていないようで、いつマージされるか不明です。そのため、この記事を作成しました。

Note

2026年3月16日にマージ済

fix(config): remove web search option from codex command by Suree33 · Pull Request #257 · folke/sidekick.nvim

Description When using Codex, the following error is displayed: The Codex command was originally defined as codex --search, and was later changed to codex --enable web_search_request in #167 to k...

GitHub - folke/sidekick.nvim: Your Neovim AI sidekick

参考

Your Neovim AI sidekick. Contribute to folke/sidekick.nvim development by creating an account on GitHub.

fix(config): remove web search option from codex command by Suree33 · Pull Request #257 · folke/sidekick.nvim

Description When using Codex, the following error is displayed: The Codex command was originally defined as codex --search, and was later changed to codex --enable web_search_request in #167 to k...

Features – Codex CLI | OpenAI Developers

Overview of functionality in the Codex terminal client

developers.openai.com

Obsidian Syncは高いので、Self-hosted LiveSyncを使う

Mon, 15 Apr 2024 00:00:00 GMT

Obsidian Sync

メインのPCがMacからWindowsに変わったために、Obsidianの同期方法を再検討しました。これまではiCloudによる同期を使っていましたが、Windows版のiCloudはあまり信用していないため、他の手段を探す必要があります。

Obsidianが公式に提供している同期サービスObsidian Syncには、主にSyncとSync Plusの2つのプランがあります。Sync Plusには容量が100GBのプランもあり、通常のSync Plusの倍額に設定されています。

	Sync	Sync Plus
料金	月額5ドル / 年額48ドル	月額10ドル / 年額96ドル
最大vault数	1	10
容量	1GB	10GB
1ファイル当たり最大サイズ	5MB	200MB
バージョン管理	1カ月	12カ月

（2024年4月15日現在）

Obsidian Sync

Obsidian Sync is the simple and secure way to synchronize your Obsidian notes across any device and OS.

obsidian.md

Obsidian Syncは公式サービスであることから、安定していることが期待されますが、1GBの容量は画像などを含む文書を扱うには心許ないサイズです。10GBあれば当面は困らないかもしれませんが、ノートアプリに月額10ドルは高すぎます。

Self-hosted LiveSync

そこで、色々と調べた結果、ObsidianのコミュニティプラグインであるSelf-hosted LiveSyncを使ってみることにしました。Self-hosted LiveSyncは、ObsidianのvaultをCouchDBのサーバを使って同期するプラグインです。

GitHub - vrtmrz/obsidian-livesync

Contribute to vrtmrz/obsidian-livesync development by creating an account on GitHub.

Build fast. Run any code fearlessly.

上記GitHubのHow to useを参考にし、fly.ioを使ってCouchDBのサーバを立ち上げ、Self-hosted LiveSyncを使ってみました。

fly.ioでは無料でCouchDBのサーバを立ち上げることができ、3GBの容量が無料で与えられます。3GBを超える場合、1GBあたり0.15ドルの月額料金がかかります。

fly.io

Warning

本記事を書いた直後にfly.ioのCouchDBサーバは無料ではなくなりました。最初の$5分のHobby Trial Usageを使い切ると、その後は課金されるようになります。

1. CouchDBの設定

Self-hosted LiveSyncの設定ドキュメントに自動セットアップスクリプトが用意されているため、それを利用してCouchDBのサーバを立ち上げていきます。

この手順は、Self-hosted LiveSyncの作成者による動画がYouTubeにアップされているため、そちらを参考に進めていきます。

- YouTube

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

www.youtube.com

まず、setup-flyio-on-the-fly-v2.ipynb を開き、 Open in Colab をクリックします。すると、Google Colabが開かれます。そこで、regionを nrt/Tokyo, Japan に設定します（日本の場合）。

（今回は最初からnrt/Tokyo, Japanになっていたので、何も弄らずに進めました）
regionを選択したら、各セルを上から順番に実行していきます。なお、最後の!./delete-server.sh のセルを実行すると、立ち上げたサーバインスタンスが削除されるため、注意してください。
1. # Install prerequesties のセルを実行し、依存関係のインストールが行います。
2. Login up sign up のセルを実行すると、fly.ioにログインするためのリンクが表示されます。表示されるリンクをクリックしてログインします。fly.ioのアカウントが無い場合は、ここでアカウントを作成します。
  
  ログインすると、Google Colabのセルの実行結果に successfully logged in as name@example.com のように表示されます。
3. サーバを立ち上げる前に、fly.ioに支払い情報を登録しておく必要があります。登録せずにサーバを立ち上げようとすると、エラーが表示されます。fly.ioのダッシュボードのBillingページから、Hobby Planを選び、支払い情報を登録します。ここで登録すると、5GBの無料クレジットがアカウントに追加されます。この登録では支払いは発生しません。
4. 支払い情報を登録出来たら、# see https://fly.io/docs/reference/regions/ から始まるセルを実行すると、CouchDBのサーバが立ち上がります。
5. サーバインスタンスの立ち上げが完了すると、以下のような形式でセットアップ用のURIと、そのコピーボタン、セットアップ用パスワードが表示されます。この情報は、Obsidianの設定で使います。再度表示することができないため、メモしておきます。
```
--- setup uri ---
obsidian://setuplivesync?.......
Copy your setup-URI with this button! -> Copy setup uri
Importing passphrase is `*****`.
If you want to synchronise in live mode, please apply a preset after ensuring the imported configuration works.
```

2. Obsidianの設定

CouchDBのサーバが立ち上がったら、ObsidianのSelf-hosted LiveSyncの設定を行います。以下の手順をPC版ObsidianとiOS版Obsidianの両方で行うことで、同期を開始することができます。

Obsidianの設定画面から、コミュニティプラグインを開き、閲覧をクリックして、Self-hosted LiveSync をインストールします。
Self-hosted LiveSyncをインストールしたら、有効化 をクリックして有効化します。すると、ポップアップが開かれるため、一番下の Use the copied setup URL をクリックします。
先ほどのセットアップ用のURIを貼り付けて、Okをクリックします。
パスワードを求められるので、先ほどのセットアップ用パスワードを入力し、Okをクリックします。
Importing LiveSync's conf, OK? と表示されるので、OKをクリックします。
How would you like to set it up? と表示されたら、 Set it up as secondary or subsequent device を選択すると、初期設定が開始されます。
Hidden file sync のポップアップが表示されますが、これは keep them disabled を選択します。

Obsidian Git

Self-hosted LiveSyncでは同期はできますが、何らかの要因でデータが消えてしまう不安があるため、Obsidian Gitを使ってバックアップを取ることにしました。これはPC版Obsidianのみに設定しました。また、基本的にバックアップのみが目的のため、定期実行はCommitとPushのみとし、定期的なPullは無効化しました。

GitHub - Vinzent03/obsidian-git: Integrate Git version control with automatic commit-and-sync and other advanced features in Obsidian.md

Integrate Git version control with automatic commit-and-sync and other advanced features in Obsidian.md - Vinzent03/obsidian-git

Obsidianの同期について (Windows + iPhone)｜wolf_horo

参考にしたサイトなど

ここ最近、サブスクの整理をしており、Obsidian Syncも解約候補にあがりました。Obsidian Syncとは月10ドル(およそ1500円)で複数のデバイス間のObsidianのvaultを同期できる公式サービスです。筆者は9ヶ月程、Obsidian Syncを使っていましたが、これまで一度もConflictが発生したことは無く、素晴らしいサービスだと思います。しかし、メモアプリの同期に月10ドル(年払いで8ドル/月)はあまりに高い! 今回、筆者はObsidian Syncの代替手段を探し回り、現在(2024/01/04)時点での個人的な結論(諦め)に辿り

note.com

Obsidian Gitを導入してみた

zenn.dev

obsidian-livesync/README.md at main · vrtmrz/obsidian-livesync

Contribute to vrtmrz/obsidian-livesync development by creating an account on GitHub.

GitHub - thijsvanloef/palworld-server-docker: A Docker Container to easily run a Palworld dedicated server.

GitHub Actions × Tailscale で Palworld サーバーを自動デプロイする

Sun, 26 Jan 2025 00:00:00 GMT

palworld-server-docker

自宅のミニPCでPalworldのサーバーを立てて遊んでいます。使っているのは thijsvanloef/palworld-server-docker とDocker Composeで、設定に使っているのは基本的にdocker-compose.yml のみです。

A Docker Container to easily run a Palworld dedicated server. - thijsvanloef/palworld-server-docker

GitHub - tailscale/github-action: A GitHub Action to connect your workflow to your Tailscale network.

そのため、何か設定を変える場合（パルタマゴの孵化時間を変えるなど）は以下の手順で行っていました。

docker-compose.yml を書き換える
docker compose down && docker compose up -d

設定ファイルはGitHubで管理していたのに、デプロイの時はSSHしてからコマンドを打つという非効率な方法だったので、これをGitHub Actionsで自動化します。今回は、Releaseを作成した時に自動でデプロイするようにします。

前提：サーバーのPCにはTaiscaleを設定済みです。友人がサーバーにアクセスする際にもTailscale経由で接続しています。

GitHub ActionsからTailscale経由でサーバーにアクセスするために、Tailscale公式の tailscale/github-action を使います。

A GitHub Action to connect your workflow to your Tailscale network. - tailscale/github-action

Tailscale GitHub Action · Tailscale Docs

Secure CI/CD workflows in GitHub using the Tailscale GitHub Action.

tailscale.com

Tailscaleの設定

TailscaleのAdmin Consoleから設定を行います。

ACLの設定

Access Controlsに追記して、タグを追加します。

 "tagOwners": {
+    "tag:ci": ["autogroup:admin"],
 },

 "acls": [
     {"action": "accept", "src": ["*"], "dst": ["*:*"]},
+    {"action": "accept", "src": ["tag:ci"], "dst": ["tag:ci:*"]},
 ],

デバイスにタグを追加

Machinesからデプロイ先のサーバーを選択して、Machine settings > Edit ACL tags…から、上で設定したタグ（今回は tag:ci）を追加します。

OAuth clientsを追加

Settings > OAuth clients から新しいOAuth clientを追加します。

必要な権限は Devices > Core の Read / Write の両方と、 Keys > Auth Keys の Read / Write の両方です。ここで Auth Keysが必要なことに気が付かず少しハマりました。

Tagsには、先ほど設定したタグを指定します。

Generate client をクリックして、表示された Client ID と Client Secret を控えておきます。

GitHub Actionsの設定

リポジトリの Settings > Secrets and variables > Actions > New repository secret から、 TS_OAUTH_CLIENT_ID と TS_OAUTH_CLIENT_SECRET を追加し、それぞれ先ほど控えた Client ID と Client Secret を入力します。

さらに、SSH用の情報もSecretsに追加しておきます。

SSH_HOST: Tailnet上のサーバーのIPアドレス（Admin Consoleなどから確認できる）
SSH_USERNAME: SSHのユーザー名
SSH_KEY: SSHの秘密鍵

GitHub Actionsの設定ファイル .github/workflows/deploy.yml を作成します。

deploy.yml

name: Deploy to server
on:
  release:
    types: [published]
jobs:
  deploy:
    runs-on: ubuntu-latest
    environment:
      name: Deploy
    steps:
      - name: Setup Tailscale
        uses: tailscale/github-action@v3
        with:
          oauth-client-id: ${{ secrets.TS_OAUTH_CLIENT_ID }}
          oauth-secret: ${{ secrets.TS_OAUTH_SECRET }}
          tags: tag:ci
      - name: Deploy
        uses: appleboy/ssh-action@master
        with:
          host: ${{ secrets.SSH_HOST }}
          username: ${{ secrets.SSH_USERNAME }}
          key: ${{ secrets.SSH_KEY }}
          script: |
            cd /path/to/directory/palworld
            git fetch --all
            git checkout ${{ github.event.release.tag_name }}
            docker compose down
            docker compose up -d

SSHは appleboy/ssh-action を使います。ここに特にこだわりはありません。

これで、Releaseを作成すると自動でデプロイされるようになりました。

タグを切ってGitHubからReleaseを作成すると、自動でActionsがTailnet経由でサーバーにアクセスし、リリースのタグで docker compose down && docker compose up -d を実行してくれます。

git tag -a v1.0.0 -m "Release v1.0.0"
git push --tags

あら便利。

ハマったところ

OAuth ClientsのAuth Keys権限

OAuth Clients のところで、多くの解説記事では Devices の Read / Write のみで動作すると書かれており、ここでハマりました。

Tailscale Docsの OAuth Clients にあった以下の記述から、「これ、Auth Keysの権限も要るんじゃないか…？」と追加してみたら動きました。

Instead of a long-lived auth key, you can generate an OAuth client with the auth_keys scope. Use the OAuth client to generate new auth keys as needed, by making a POST request to the /api/v2/tailnet/:tailnet/keys API method. When you create an OAuth client with the scope auth_keys, you must select one or more tags, which can be any tag or set of tags in your tailnet. Additionally, these tags need to be specified in the API call.

OAuth clients · Tailscale Docs

Use OAuth clients to provide ongoing access to the Tailscale API.

tailscale.com

2024年11月14日からOAuth Clientsのスコープが変わったようです。

As of November 14, 2024 new OAuth clients will use the scopes listed in the scopes section. Existing OAuth clients using the below scopes, and keys generated using these clients, are still valid.

OAuth clients · Tailscale Docs

Use OAuth clients to provide ongoing access to the Tailscale API.

tailscale.com

欲しいものリスト 2024.04

Thu, 18 Apr 2024 00:00:00 GMT

PC周り

Logicool MX Master 3s

価格: ¥16,900

4年使ったMX Master 3から買い換えたい。

Logicool MX Liftを買ってみて、MX Masterの良さを再認識した — Daiki Sato

Daiki Satoのブログ

sur33.com

www.logicool.co.jp

Amazon.co.jp: ロジクール MX MASTER3s アドバンスドワイヤレスマウス静音 MX2300PG Logi Bolt Bluetooth Unifying非対応 8000dpi 高速スクロールホイール USB-C 充電式 windows mac iPad Chrome Android OS 無線ワイヤレスマウス MX2300 ペイルグレー国内正規品 : パソコン・周辺機器

The Nuphy Halo75 V2 is a wireless gaming mechanical keyboard with a 75-key compact layout available in black, blue, and pink. It combines portability with performance, ideal for gamers.

Nuphy Halo75 V2

価格: $148.95

Nuphy Halo75の後継機。新しいキーキャップのプロファイルが気になる。20000円台でクオリティの高いキーボードを買えるのは魅力的。

NuPhy Halo75 V2

nuphy.com

Nuphy NuFolio V3 for Air75

価格: ¥3,520

NuPhy Air75用のケース。キーボードを裸で持ち歩きたくないので、ケースが欲しい。これは純正のケースで、キーボードにピッタリフィットするので便利そうだし、見た目がすごく良い。

Amazon | Nuphy NuFolio V3 Air75 専用折りたたみケース (ノスタルジックタン) | nuphy | タブレットケース通販

Nuphy NuFolio V3 Air75 専用折りたたみケース (ノスタルジックタン)がタブレットケースストアでいつでもお買い得。当日お急ぎ便対象商品は、当日お届け可能です。アマゾン配送商品は、通常配送無料（一部除く）。

NuPhy Air75 is an innovative 75% ultra-slim wireless mechanical keyboard. With the world’s thinnest PBT spherical keycap, low-latency 2.4G wireless connection, and hot-swappable function, Air75 aims to become the new standard for slim mechanical keyboards.

NuPhy Air75

nuphy.com

DDR5-4800 メモリ

価格: 約¥15,000

デスクトップPCのメモリが現状32GBで、WSLなどを使っているとメモリが足りなくなることがある。32GB+32GBで64GBに増設したい。

Amazon | CFD販売デスクトップPC用メモリ DDR5-4800 (PC5-38400) 16GB×2枚 (32GB) 相性保証無期限保証 Crucial by Micron W5U4800CM-16GS | Crucial(クルーシャル) | メモリ通販

CFD販売デスクトップPC用メモリ DDR5-4800 (PC5-38400) 16GB×2枚 (32GB) 相性保証無期限保証 Crucial by Micron W5U4800CM-16GSがメモリストアでいつでもお買い得。当日お急ぎ便対象商品は、当日お届け可能です。アマゾン配送商品は、通常配送無料（一部除く）。

CIO マグネットシリコンケーブル CtoC 0.5m | 株式会社CIO（シーアイオー）公式HP 充電器・モバイルバッテリーメーカー

CIO マグネットシリコンケーブル

¥1,850

デスク上でキーボードやマウスなどを充電する際に抜き差しが面倒なので、マグネットケーブルが欲しい。CIO製だし結構良さそう。

connectinternationalone.co.jp

Amazon.co.jp: CIO マグネットシリコンケーブル 100W対応 USB Type-C 磁石で脱着防水規格 IPX5対応 iphone15/16/17 タイプC ケーブル (L字,パープル, 0.5m) : 家電＆カメラ

PARA BRAKE V2 Mouse Pad XL-XXL (Slow Speed)

PC周り（ゲーム）

Pulsar ParaBrake V2 XL Black

価格: ¥2,490

マウスパッドを買い換えたい。これくらい安いやつを定期的に買い換えていきたい。

緻密で正確に織られた超微細マイクロファイバークロスは、従来の布製パッドよりも優れた制動力を提供します。これは、スーパーグライドフィートや超軽量マウスと一緒に使用するのに理想的です。マイクロコントロールや急激な停止を行うのが非常に簡単です。

pulsargg.jp

Amazon.co.jp: Pulsar Gaming Gears eSports仕様ゲーミングマウスパッド XLサイズ ParaBrake V2 中摩擦ソフトタイプ滑り止め 49cm × 42cm 国内正規品 (XL, Black) : パソコン・周辺機器

Hue E26 A21 LED 電球 - フルカラー | Philips Hue JP

スマートホーム

Philips Hue フルカラーシングルランプ E26 1600lm

価格: ¥6,423

今は800lmのホワイトシングルランプを使っていて、フルカラーのHueを使ってみたい & 1600lmが気になる。ただ、4つ買うと結構な金額になるので、悩んでいる。

こちらの E26 LED スマート電球で、ご自宅の一番広いスペースに明るくカラフルなスマートライトをセットしませんか。リビングルームやキッチンなどのお部屋を色彩で彩ることができます。

www.philips-hue.com

Amazon | フィリップスヒュー(Philips Hue) スマート電球 E26 100W相当フルカラー 1個 - スマート照明 Alexa対応 1600lm マルチカラー 1600万色電球色昼白色調光調色スマートホーム間接照明 LED スマートライト音声操作アプリ操作 Matter対応 | フィリップスヒュー(Philips Hue) | 白熱電球通販

フィリップスヒュー(Philips Hue) スマート電球 E26 100W相当フルカラー 1個 - スマート照明 Alexa対応 1600lm マルチカラー 1600万色電球色昼白色調光調色スマートホーム間接照明 LED スマートライト音声操作アプリ操作 Matter対応が白熱電球ストアでいつでもお買い得。当日お急ぎ便対象商品は、当日お届け可能です。アマゾン配送商品は、通常配送無料（一部除く）。

売上No.1のスマートリモコンが今Matter対応へ

SwitchBot ハブミニ(Matter対応)

価格: ¥5,980

SwitchBotデバイスはHomebridgeプラグインでもHomeKit対応できるが、ロボット掃除機が照明として認識されるのが不満。Matter対応のハブミニなら、HomeKitで正しく認識されるっぽい。

SwitchBot ハブミニ(Matter対応)

www.switchbot.jp

スイッチボット(SwitchBot) Hub Mini マター対応スマートリモコン

【熱中症対策】SwitchBot スマートリモコンハブミニ(Matter対応) Alexa - スイッチボット簡単セットアップに対応 Hub Mini マター対応スマートホーム学習リモコン赤外線家電を管理節電·省エネ Echo Google Home Siri IFTTT SmartThings対応が補助錠・錠前ストアでいつでもお買い得。当日お急ぎ便対象商品は、当日お届け可能です。アマゾン配送商品は、通常配送無料（一部除く）。