1 分で読めます

Shiki Transformersでコード差分を読みやすくする

行ハイライトとDiff表現を組み合わせて、記事内コードの意図を伝える。

#shiki #markdown #dx

変更意図を視覚化する

コードブロック内で ++ と -- を使うと、どこが追加/削除なのか直感的に伝わります。

const config = {
  output: 'static', 
  adapter: cloudflare(), 
  legacyMode: true, 
};

メタ文字列ハイライト

const title = 'Signal & Sprocket';
const description = 'Astro実装メモ';
const tags = ['astro', 'ssg'];

この2つを併用すると、レビュー時の説明量を減らせます。

関連記事