ブログやウェブサイトなどでプログラムのソースコードを分かりやすく表示するための仕組みとして

『シンタックスハイライト』

という仕組みがあります。

それを実現するためのツールは色々とあるのですが、今回、『PrismJS』を導入しました。

PrismJS

これを使うと、以下のような表示が行えます。

プログラムの命令や値を色分けしたり、設定によっては、改行コードを可視化することもできます。

以前に別のサイトでも導入したことがあるツールなのですが、結局、このサイトにも、PrismJSを導入しました。