その後の、どんなジレンマ

はてな記法を、はてなダイアリー以外でも使う方法はないか考えてみました。

id:hrkt0115311:detail
[http://d.hatena.ne.jp/hrkt0115311/20090203/1233632342:title:bookmark]
[f:id:hrkt0115311:20080517190206j:image:w120]
f:id:hrkt0115311:20080517190206j:image

などと書くと、HTMLを手打ちしなくてもリンク貼ることができたり、色々便利なんですよね。指が慣れているので、FC2ブログでも使えたらいいのになぁと考えていました。

1. はてなダイアリーでプレビューする
2. プレビューした内容を選択する
3. 選択範囲のソースコードを表示する

という手順で、はてな記法で書いた内容のHTMLソースを得ることができます。(例↓)

			<p><a href="http://d.hatena.ne.jp/hrkt0115311/" _fcksavedurl=""http://d.hatena.ne.jp/hrkt0115311/"" class="hatena-id-icon"><img src="http://www.hatena.ne.jp/users/hr/hrkt0115311/profile_s.gif" _fcksavedurl=""http://www.hatena.ne.jp/users/hr/hrkt0115311/profile_s.gif"" alt="id:hrkt0115311" class="hatena-id-icon" width="16" height="16">id:hrkt0115311</a></p>
			<br>

			<p><a href="http://d.hatena.ne.jp/hrkt0115311/20090203/1233632342" target="_blank">井上雄彦作品が人を惹きつける理由――『漫画がはじまる』井上雄彦×伊藤比呂美（対談集） - どんなジレンマ</a><a href="http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/hrkt0115311/20090203/1233632342" class="http-bookmark" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/http://d.hatena.ne.jp/hrkt0115311/20090203/1233632342" alt="" class="http-bookmark"></a></p>
			<br>

			<p><a href="http://f.hatena.ne.jp/hrkt0115311/20080517190206" class="hatena-fotolife" target="_blank"><img src="http://f.hatena.ne.jp/images/fotolife/h/hrkt0115311/20080517/20080517190206.jpg" alt="f:id:hrkt0115311:20080517190206j:image:w120" title="f:id:hrkt0115311:20080517190206j:image:w120" class="hatena-fotolife" width="120"></a></p>
			<br>

			<p><a href="http://f.hatena.ne.jp/hrkt0115311/20080517190206" class="hatena-fotolife" target="_blank"><img src="http://f.hatena.ne.jp/images/fotolife/h/hrkt0115311/20080517/20080517190206.jpg" alt="f:id:hrkt0115311:20080517190206j:image" title="f:id:hrkt0115311:20080517190206j:image" class="hatena-fotolife"></a></p>

あとは、このHTMLソースを好きなように加工すれば、以下のように表示することができます。

id:hrkt0115311

井上雄彦作品が人を惹きつける理由――『漫画がはじまる』井上雄彦×伊藤比呂美（対談集） - どんなジレンマ

 

 

以上、はてなダイアリーをはてな記法エディタとして使う方法の現場からお伝えしました。