【はてなvsアメーバ】はてな最強説

今回は少々高度な話です。cametan_42さんから「tableタグが使えるのか、preタグあるいはcodeタグが使えるのか」というHTML制限について質問されたので、私は詳しくはないのですが色々調べながらテストしてみました。

＜はてなブログ＞
HTMLでこのように書くと

ソースコードのインデントに縦線が入っているので期待したんですが、実際の表示では

表は１行目が太文字で色付きに、ソースコードは枠付きでインデントに縦線は無しという結果。このようになるのは、ブログのデザインでpatchwork.cssというＣＳＳが使われているからかな？

＜Ａｍｅｂａブログ＞
同様にHTMLでこのように書くと

実際の表示では

表の１行目が太文字に、ソースコードは枠無しで普通に表示されていました。まぁ予想通りの結果ですか。参考までに

＜ｇｏｏブログ＞
同じHTMLを書くと

表に罫線なし、ソースコードは枠無しで普通に表示となりました。ん～一番使えないですね(^_^;)

私は表を使うことは殆どないのであまり関心がありませんが、ソースコードの方は鉄道模型シミュレーターＮＸでPythonを使うので綺麗な表示にしたいのです。そこで色々と調べていたところ、「はてなブログの記事内にソースコードを載せる方法7つ」という記事がありまして、その中で、

「Markdown記法編集」でバッククォート3つで囲む
```言語名
ソースコード
```

これはDISCORDで使っていた

```python
ソースコード
```

ではないですか！　マークダウン記法って言うんですね。早速「はてなブログ」でMarkdownモードにして記入してみると

これですよ、これ。この表示が欲しかったんですよねぇ。他の文章や画像などもマークダウン記法で書かないといけないのかもしれませんが、とりあえずPython中心の記事の時にはこのMarkdownモードを使ってみたいですね。

ということで、まだ色々と勉強しないと使いこなせませんが、はてな最強ってことで(^^)/　Ameba、FC2、Livedoorなどの他のブログではマークダウン記法は出来ないみたいですね。Githubやnoteでは使えるみたいですけど。

＜追伸＞
Ganponさんのブログを拝見すると「はてなブログ」が如何にカスタマイズに強いかが分かります。ここまでは出来なくとも多少はカスタマイズしたいですね。