タイトルとURLをMarkdown記法で取得するためのブックマークレット

Markdown記法でブログを書く人向けのブックマークレットを作りました(:

マークダウン記法って何?

htmlタグに変換できる文法のことです。

ビジュアルエディターを使えば該当の文をドラッグしてクリックするだけで、見た目をデザインしてくれます。 いちいちドラッグしてクリックするのではなく、全てキーボード入力で完結したい、だけどhtmlのタグを書くのが面倒な人のための記法です。

`
# 大見出し
↓
<h1>大見出し</h1>

## 中見出し
↓
<h2>中見出し</h2>

### 小見出し
↓
<h3>小見出し</h3>

[U & Me](http://umeyuki.net)
↓
<a href="http://umeyuki.net">U & Me</a>
`

Markdown記法はhtmlに変換できるためブログや電子書籍や発表スライドに使われます。

id:koba04 さんの名スライド

[プログラミング未経験のタワレコ店員がエンジニアになって思ったこと](http://koba04.com/slide/become_a_programmer/#/ "プログラミング未経験のタワレコ店員がエンジニアになって思ったこと")

→を押せばスライドが動きます(:

Markdownで書いておけば、後々色んなことに使い回せるので覚えておいて損はありません(: ブロガーがブログまとめを

[blog::2310 » Markdown文法の全訳](http://blog.2310.net/archives/6 "blog::2310 » Markdown文法の全訳")

bookmarkletって何?

ブックマークリンクをおすと作動するJavaScriptプログラムのことです。

Amazonのアフィリンクリンクを生成してくれるamazletがよい例です(:

[amazlet (jp)](http://app.amazlet.com/amazlet/ "amazlet (jp)")

リンクの引用が面倒

ブログを書く時に、別のサイトをリンク付きで紹介したい場合があります。

ビジュアルエディタの場合

  • リンクのタイトルを記入 例) U & ME
  • リンク先へ移動してアドレスバーのリンクをコピー
  • エディタに移動してタイトルをドラッグ
  • ビジュアルエディタのlinkをクリック
  • urlをペースト
  • リンク追加を押す

マークダウン記法の場合

  • タイトルを記入 例) [U & Me]
  • リンク先へ移動してアドレスバーのリンクをコピー
  • リンクを記入 例) U & Me

マークダウン記法にすると若干ステップが減って楽ですね(:しかし、ブログを書き続けていくと、このステップですら面倒になります。

タイトルとURLをMarkdown記法で取得する

紹介したいウェブページに行ってワンクリックで[U & Me](http://umeyuki.net "U & Me")の形式で文字列コピーするブックマークレットを作りました。 ↑にあるリンクをブックマークツールバーにドラックアンドドロップで登録して、ウェブページ上で押すと動作します。

[title_link2markdown](javascript:window.prompt(%27%27,'\['+document.title+'\]\('+location.href +'\)')%3Bvoid(0)%3B "title_link2markdown")

https://gist.github.com/umeyuki/5472198

↓で紹介されてるget title linkブックマークレットを少し修正しただけですけどね!

[指先ひとつでページのタイトルとURLをコピーしたい!ブックマークレットでその願い、叶えます♪ | oki2a24](http://oki2a24.com/2012/07/06/get-title-url-bookmarklet/ "指先ひとつでページのタイトルとURLをコピーしたい!ブックマークレットでその願い、叶えます♪ | oki2a24")

[get title url](javascript:window.prompt(%27%27,document.title %2B%27 %27%2B location.href)%3Bvoid(0)%3B "get title url")

Markdown記法でブログを書いている人は是非使ってみてください(:

スクリーンキャスト

使い方の動画をvimeoにあげてみました(:今後はスクリーンキャストも揃えていく予定です。

https://vimeo.com/64946338

+++