はてなブログでVBAコードを綺麗に表示する2つの方法

はじめに

ブログにプログラミングコードを載せるとき、「ただテキストを貼り付けるだけ」では読みにくく、理解しづらいですよね。特に、VBAのようなコードは、インデントや色分け（シンタックスハイライト）がされていないと、可読性が大きく損なわれてしまいます。

はてなブログでは、コードをきれいに装飾するための機能が標準で用意されています。

---

Markdown記法でコードブロックを使う

最もシンプルで推奨される方法が、Markdown記法を使ったコードブロックです。はてなブログの編集画面では、マークダウンモードで簡単に実装できます。

記述方法

コードブロックは、バッククォート（）を3つ並べた ``` `でコードを挟むことで作成できます。

行頭に```、その直後にvbと記述することで、VBAのシンタックスハイライトが適用されます。

' VBAコードの例
Sub MySample()
    Dim ws As Worksheet
    Set ws = ThisWorkbook.Sheets("Sheet1")
    ws.Range("A1").Value = "Hello, World!"
End Sub

特徴

• シンプル: 記述が非常に簡単です。
• シンタックスハイライト: 自動的にVBAの構文が色分けされます。
• 軽量: 余計なCSSやJavaScriptを読み込む必要がありません。

ブログにコードを載せる際は、まずこの方法を試すのがおすすめです。

ブログ記事の読みやすさは、読者の満足度に直結します。ぜひこの機能を活用して、VBAコードを美しく表示してみてください。