オタクの戯言

オタクが思うがままに書き連ねていく、とりとめのないブログです

はてなブログの入力補助ツールバーにないオススメのはてな記法一覧

スポンサーリンク

はじめに

当ブログにお越し頂き恐悦至極に存じます。あにおです。


f:id:aniota-alvarado:20170623173450j:plain

私はブログを書く際、はてな記法を利用しているのですが、たまに「何で入力補助にこれがないんだ!」と思う事があります。

その度にGoogle先生のお力をお借りして、目当てのはてな記法をコピペしていたのですが正直メンドイ。

そこで、今回は私がよく使う、個人的にオススメのはてな記法を当ブログにまとめておこうと思います。


それでは、最後までお付き合いいただければ幸いです。

はてな記法とは

一応説明しておきますと、はてな記法というのははてなブログを書く際に、文字を太字にしたり、下線を引いたり、引用として囲んだりするときに使う、記号の羅列のようなものを指します。

編集を「見たまま」で行っている人だとあまりなじみがないかもしれませんが、それ以外で編集している人にはお馴染みのものとなっていることでしょう。

具体例を出しますと、今この文字を太字にしたい!と思った時、その部分だけを反転させて入力補助ツールバーにある「B」をクリックするのが通常だと思います。

そうすると、ブログ上ではただ太字になっていますが、編集上だと以下のような感じになっているというわけです。

<b>この文字を太字にしたい!</b>

オススメのはてな記法一覧

1.強調

SEOの観点からも、本当に強調したい部分を明確にすることは多少なりとも効果がある。という話を目にしたので覚えておいて損はないでしょう。

<strong>ここに強調したい文を入れる</strong>

2.スーパーpre記法

なんかカッコいい名前ですが、これを利用することでソースをそのまま載せて反映されるのを防ぐことができます。

上の「強調」もそのままだと強調されてしまうので、このスーパーpre記法を利用して載せています。

>||(改行)ここにソースやはてな記法などを載せる(改行)||<

分かり難いですが、(改行)となっている部分は実際に改行してもらうので、間に入れるソースも含めて少なくとも3行使うということになります。



ちなみに、一つ目の||の間に該当するプログラミング言語の名前を記述すると、シンタックスハイライト(色分け)してくれます。

例えば、JavaScriptだったら「|java|」といった感じです。

<html>
<head>
<title>具体例</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!!");
// -->
</script>
</body>
</html>

3.表組み

ブログに以下のような感じで表を出現させることができます。

名前 性別 年齢
井上喜久子 女性 17歳
田村ゆかり 女性 17歳
堀江由衣 女性 17歳

実際は以下の通りに入力しています。

|*名前|*性別|*年齢|
|井上喜久子|女性|17歳|
|田村ゆかり|女性|17歳|
|堀江由衣|女性|17歳|

増やしたい時は同じように縦横にそれぞれ増やせばいいだけです。

名前 性別 年齢 職業
井上喜久子 女性 17歳 声優
田村ゆかり 女性 17歳 声優
堀江由衣 女性 17歳 声優
松本伊代 女性 16歳 アイドル

実際は以下の通りに入力しています。

|*名前|*性別|*年齢|*職業|
|井上喜久子|女性|17歳|声優|
|田村ゆかり|女性|17歳|声優|
|堀江由衣|女性|17歳|声優|
|松本伊代|女性|16歳|アイドル|

おわりに

とりあえず、現段階で私が個人的によく使うものや、これ良いな!と思ったものだけまとめてみました。

今後ブログを運営していく中で、他にも使えるものが出てきた場合、その都度追加していきたいと思っています。

もっとも、私はこういったコード系にはてんで疎いので、詳しい人からすれば「はあ?こんなの基本だしもっと使えるのあるし」状態かもしれません。

そういう場合は、もし面倒でなければブログのコメントだったり、Twitterで教えていただけるとブラウザの前で小躍りしながら喜びます。

はてな記法マスターだよ!というそこのあなた、是非お力をお貸しください!!



長くなってしまいましたが、最後まで読んでいただきありがとうございました。

それでは、またのお越しをお待ちしております。