新米はてなブロガーにそっと教える、便利すぎるオススメはてな記法

はてなブロガーの皆さん、使ってますか？はてな記法。

はてなダイアリー時代の先輩ブロガーの方々にとっては、当然の知識として備わっているはてな記法ですが、同胞たるはてなブログを利用している方の中にはけっこう使っていない方がいるよう。

というわけで僭越ながら、私が普段ブログを書くのによく使うはてな記法をいくつかピックアップしてご紹介。

はてな記法を使うには

まず、はてな記法を使うには、はてなブログの管理画面の設定で編集モードを「はてな記法」に変更する必要があります。

※ちなみに今日気づいたのですが、iPhoneのはてなブログアプリはWebの管理画面とは編集モードが独立しているようなので、別途設定しないといけません。

さて、設定を「はてな記法」にしたら、あとはいつも通りブログを書くだけです。

文章の入力欄に、これから紹介する記号を羅列すれば、はてな記法の完成です。

リンク

ブログを書いているとよく使う、他のブログを紹介してリンクを貼る方法。

これはリンクを貼りたいURLを「[」「]」で囲むだけです。大カッコですね。

【記述例】
[http://kangaete.hatenablog.com]

実際のブログでは以下のように見えます。

【表示例】
http://kangaete.hatenablog.com

さらに便利なのが、大カッコ内のURLのあとに「:title」「:bookmark」と書くと、そのリンク先のページのタイトルとはてなブックマークの数を取得して表示してくれます。

【記述例】
[http://kangaete.hatenablog.com:title:bookmark]

ブログでの表示例は以下。

【表示例】
面白きこともなき世を考えて

ブクマ数がうまく表示されないのはブクマが0だから（泣）。

表示確認したい方はぜひ本ブログのトップページをブクマしてみてください（どさくさ）。

idコール

次に紹介するのがidコール。

残念ながらトラックバックがはてなブログではなくなってしまいましたが、このidコールを使えば、相手のブログがはてなブロガーの場合、ブログで言及があったことを伝えることもできます。

【記述例】
id:murasakihukurou

ブログでの表示例も特に変わりませんね。

【表示例】
id:murasakihukurou

こんな感じ。

引用

他のブログやサイトから文章を引っ張って紹介したいときに使う引用。

引用したい文章をコピペしてきて、周りを「>>」「<<」で囲むだけ。

ここまで書いてきたはてな記法のブログでの表示例も引用を使って書いています。

【記述例】
>>
引用するとこんな感じ。
<<

表示例はこちら↓

【表示例】
引用するとこんな感じ。

ちなみに、初めの記号である「>>」の真ん中に引用先へのリンク記法を挟むと、引用先のサイト名やリンクを付けることができます。

【記述例】
>http://kangaete.hatenablog.com:title:bookmark>
引用するとこんな感じ。
<<

↓表示例。

【表示例】
引用するとこんな感じ。

面白きこともなき世を考えて

ブクマ数がうまく表示されないのは以下略。

見出し

↑こんな感じで段落分けみたいにするやつです。

見た目の読みやすさだけでなく、SEOを意識した場合、文章を階層化するという意味でも使ったほうがいいですね。

【記述例】
*大見出し
**中見出し
***小見出し

文の頭に「*」をつける数で見出しの序列を決められます。

【表示例】

大見出し

中見出し

小見出し

エスケープ

見たままモードでしかブログを書かない人には馴染みづらいかもしれませんが、要ははてな記法などタグを使うモードのときに、タグをタグとして表示するための注釈です。

例えば、ここまでも紹介してきたはてな記法ですが、エスケープしないとそのままはてな記法の表示となってしまい、実際どのように記述していたかを示すことができません。

こんな感じ↓

【ダメな例】
面白きこともなき世を考えて

これをどのように記述しているかちゃんと記述通りに表示したいときは「>||」「||<」で囲めばよいです。引用に近いですね。

【表示例】
[http://kangaete.hatenablog.com:title:bookmark]

この記事中でも使いまくってます。プログラミングとかについて言及したいときは必須ですね。

いかがでしょう？

古くからのはてなユーザーの方にとっては常識でしょうが、自分もはてなに引っ越してきたばかりの頃は「はてな記法ってなんぞや？」状態だったので。

自分の周りは意外と見たままモードの方が多そうな気がしたので紹介してみました。

この記事を読んでいただき、ブログライフがちょっとでも快適になればこれ幸い。

バイオハザード3 ラストエスケープ