【はてなブログ】プログラムのコードを色付きで貼り付ける

こんにちは！　ゆきぽんずです

はてなブログでプログラムのソースコードを色付きで貼り付けるのに困っていませんか？

色を付けずにコードを貼り付けることはできますが、なんか味気ないですよね

今日はその問題を解決していきます

色々解決策を載せてもわかりにくいと思うので1つだけ紹介します

私が一番オススメするのは、はてな記法でコードをコピペすることです

はてな記法でのコードのコピペ
- それでは実際に作成するための手順を紹介していきます
まとめ

はてな記法でのコードのコピペ

こちらが実際の完成図です

こちらの右側のコードをコピペすると、色のついたコードを記載することが出来ます

はてな記法でのコードのコピペ

こちらが実際の色付きのコードです

さらにはデフォルト（標準）で下のスクロールバーもつけてくれます

(function() {
  module.exports = function(robot) {
    return robot.hear(/(.*)/i, function(msg) {
      var luisApiKey, luisURL, userComment;
      userComment = encodeURIComponent(msg.match[1]);
      luisApiKey = process.env.HUBOT_LUIS_API_KEY;
      luisURL = "https://westus.api.cognitive.microsoft.com/luis/v2.0/apps/983149a3-f0cf-4005-9097-a65a602bb1fe?verbose=true&timezoneOffset=-360&subscription-key="+ luisApiKey +"&q="+ userComment +"";
      return robot.http(luisURL).get()(function(err, res, body) {
        if (err) {
          return res.send("Encountered an error :( " + err);
        }
        body = JSON.parse(body);
        return msg.reply("" + body['entities'][0]['entity']);
      });
    });
  };

}).call(this);