林檎と珈琲

Apple product(Macbook, iPhone, iPad) and Programming language(Java) .

blogにソースコードを載せる(はてなのシンタックス・ハイライト編)

はてなブログでソースコードを掲載するには以下の3パターンがあるみたいです。

  1. はてなのシンタックス・ハイライト
  2. Gist
  3. SyntaxHighlighter

まずははてなのシンタックス・ハイライトから試して行きたいと思います。

はてなのシンタックス・ハイライト

はてなのシンタックス・ハイライトは、はてなブログの編集モードがはてな記法、もしくはMarkdownの場合に使用出来る機能です。

※ここではMarkdownでの記述例のみを紹介します、はてな記法モードでの使用方法はこちらを参照してください。

Markdownでのシンタックス・ハイライト

Markdownでシンタックス・ハイライトを使う場合は、バッククオート(`)を3つ並べたコードブロックを記述して、先頭のバッククオートの後に対応するファイルタイプを指定するみたいです。
(シンタックス・ハイライトに対応するファイルタイプ一覧)

記述方法

```java
ここにソースコードを記述
```

表示例(Java)

public class Hoge {
  private static final String HOGE_ID = "hogeID-001";
  
  /** hoge1 */
  private String hoge1;
  
  /**
   * デフォルトコンストラクタ<br>
   */
  public Hoge() {
    this.hoge1 = HOGE_ID;
  }
  
  // hoge1を返却
  public String getHoge1() {
    return this.hoge1;
  }
}

まとめ

  • お手軽、簡単、動作も軽い
  • コメント行や文字列等も色分けさた
  • ソースコード中のHTMLタグも問題なかった
  • blogページからコピペしてもタブ等も問題無し
  • 行番号が表示されない