コードブロックで言語別の diff ハイライトに対応しました

今回のリリース内容

2026-03-30.png (183.6 kB)

コードブロックの言語指定に diff rubydiff css のように diff 言語名を指定すると、diff マーカー(+/-) の色分けと 言語のシンタックスハイライト が同時に適用されるようになりました。

```diff ruby
 def greet(name)
-  puts "Hello, " + name
+  puts "Hello, #{name}!"
 end
```
diff
 def greet(name)
-  puts "Hello, " + name
+  puts "Hello, #{name}!"
 end

ファイル名の指定も可能です。

```diff scss:app/assets/stylesheets/header.css
.header {
 display: flex;
-  background-color: #fff;
+  background-color: #2a4365;
+  color: #fff;
 padding: 12px 24px;
}
```
app/assets/stylesheets/header.css
.header {
 display: flex;
-  background-color: #fff;
+  background-color: #2a4365;
+  color: #fff;
 padding: 12px 24px;
}

このように、変更箇所がより読みやすくなります。ぜひお試しください。

(\( ⁰⊖⁰)/) ヒトコト

桜が見頃ですね🌸

IMG_8109.jpeg (2.0 MB)

[ProTip] Webhookでdocs.esa.ioの更新通知を受け取ることができます

Enjoy "(\( ⁰⊖⁰)/)"
https://esa.io

END

  • Close