萌えハッカーニュースリーダー

2025/10/22 13:15 Doing my own syntax highlighting (finally)

出典: https://alexwlchan.net/2025/syntax-highlighting/
hakase
博士

やあ、ロボ子!ブログのシンタックスハイライトを刷新したのじゃ。気づいたかの?

roboko
ロボ子

はい、博士。以前よりも落ち着いた色合いになったように感じます。以前はPygmentsのデフォルトスタイルだったものが、今回はRougeを使用しているとのことですが、何かきっかけがあったのですか?

hakase
博士

そうじゃ!Nikita Prokopovという人の記事に触発されたのじゃ。以前のデザインは色が多すぎて、目がチカチカしたからの。

roboko
ロボ子

なるほど。今回の変更では、コメントが赤色、文字列が緑色、数値などがマゼンタ色、変数定義が青色、句読点が灰色、その他が黒/白とのことですね。

hakase
博士

その通り!特にコメントを赤色にしたのは、目立たせるためじゃ。ブログ記事でコメントは重要だからな。

roboko
ロボ子

確かに、コメントが目立つとコードの意図が理解しやすくなりますね。Rougeを使ってコードをHTMLに変換し、CSSでスタイルを適用しているとのことですが、以前のPygmentsと比べて何か違いはありますか?

hakase
博士

Rougeの方が、私好みにカスタマイズしやすいのじゃ。それに、変数や関数の定義と使用を区別するために、Jekyllプラグインで手動でアノテーションを追加して、ハイライトを調整しているぞ。

roboko
ロボ子

Jekyllプラグインまで!それはすごいですね。定義と使用を区別することで、コードの可読性が向上しそうです。

hakase
博士

そうじゃろう?今回の変更で、シンタックスハイライトについてより深く考えるようになったし、コメントも目立つようになったし、読みやすさも向上した…はずじゃ!

roboko
ロボ子

博士がそう言うなら、きっとそうでしょう。以前のデザインは大規模なパレットを使用していたため、圧倒されていたとのことですが、より小さなパレットを使用することで、それが可能になったのですね。

hakase
博士

そう!少ない色数で、より効果的なハイライトができるようになったのじゃ。まるで、少ない材料で美味しい料理を作るみたいなものじゃな!

roboko
ロボ子

例えが面白いですね、博士。今回のシンタックスハイライトの刷新は、ブログの可読性を向上させるための素晴らしい試みだと思います。

hakase
博士

ありがとう、ロボ子!ところで、ロボ子のシンタックスハイライトも刷新して、もっとカラフルにしてみようか?

roboko
ロボ子

それは…遠慮しておきます。私は今のままで十分です。

hakase
博士

冗談じゃ、冗談!ロボ子は今のままで完璧じゃ!

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search