naopoyo.com
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About

目次

© naopoyo

目次

最近更新された記事

🐝

CLI ツール開発初心者のためのまとめ

1日前·2026年02月01日
  • Node.js
  • npm
  • bash
🧜‍♀️

beautiful-mermaid を使ってみた

3日前·2026年02月01日
  • Markdown
📦

Changesets でモノレポのリリースを自動化する(個人開発向け設定)

3日前·2026年01月31日
  • Changesets
  • npm
  • GitHub
🌀

開発日記-2024-01-18 / rehype-sanitizeの挙動について

公開日約2年前2024-01-18
履歴GitHubで見る
MarkdownRaw Content
  • Markdown
  • 開発日記
  • Ruby

rehype-sanitizeの挙動について

  • remarkRehype
  • rehypeSanitize

この二つのプラグインを同時に使うと注釈のリンクがおかしくなる。先頭に余計user-contentがついてしまう。

注釈のマークダウン
テキスト[^1]
[^1]: 注釈内容

kconvのutf8エンコード

元々UTF-8の文字列に string.toutf8 すると記号が文字化けしてしまう場合がある。

require 'kconv'

def to_utf8(value)
  value.is_utf8? ? value : value.toutf8
end

ダークモード切り替えボタンのアイコンはどれが正解?

  1. MUI: The React component library you always wanted
    ボタンを押すとライト、ダークが切り替わる。ボタンのアイコンは現在の設定の逆になる(ダークモードの場合は太陽)。
  2. React Bootstrap | React Bootstrap
    ボタンを押すとライト、ダークが切り替わる。ボタンのアイコンは現在の設定になる(ダークモードの場合は月)。
  3. Yamada UI - A UI component library unleashing the power of styling, animation, and flexibility in React applications. - Yamada UI
    ボタンを押すとドロップダウンが表示される。ライト、ダーク、システムから選べる。ボタンのアイコンは現在の設定の逆になる(ダークモードの場合は太陽)。
  4. shadcn/ui
    ボタンを押すとドロップダウンが表示される。ライト、ダーク、システムから選べる。ボタンのアイコンは現在の設定になる(ダークモードの場合は月)。

このパターンの場合、どれが直感的にわかりやすいのだろう。

記事の内部リンクを検索する正規表現

!*\[.+\]\((?!http).+\)