はてなブログでシンタックスハイライトを使いたい

こちらもわりと使っている手法なのですが、「ここは公開する場所ではなくsandboxだぞ！」という意味合いも含めて、ダイアリーに下書きエントリーを用意してそこから引っ張ってきています。(UIを変えておけばミスが減る)

はてなブログの見たままモードでシンタックスハイライトを使う方法 - DREAMARK

PC+モダンブラウザでは、(リアルタイム)プレビューで表示された該当部分をそのままコピペできるので、もうひと手間減らせていい感じです。
2016/07/10 13:43

PC+モダンブラウザでは、(リアルタイム)プレビューで表示された該当部分をそのままコピペできるので、もうひと手間減らせていい感じです。 - psne のコメント / はてなブックマーク

ブラウザはHTMLの構造を「そのまま」コピペできる

「そのまま」という部分がある意味で厄介なのですが、見たままをコピーをして貼り付ける事(コピペ)ができます。(ある意味については後述)

(例)Firefoxでコードを書き起こし

Firefoxで書き起こして、

プレビュー側を選択してコピー(Ctrl+Cでも、右クリック→コピーでも)

選択して、コピー

貼り付ける(Google Chromeにてこのエントリーを書いています)

コード

module Htnpsne.APISample {
    var version: string = "1.0.2";
    export var htmlTagData: any = document.getElementsByTagName("html")[0].dataset;

    //カテゴリー有無のチェック
    export function test(categoryName: string = '') {
        //はてなブログでは カテゴリ名に空白(全半角)がある場合はハイフンに変わります。
        // "foo bar"→"foo-bar" "foo　bar"→"foo-bar"
        return 1;
    }
}