«前の日記(2011-05-27 (金)) 最新 次の日記(2011-06-07 (火))»  

まちゅダイアリー


2011-05-28 (土)

tDiary にて Wiki スタイルのリンクを簡単に生成するブックマークレット

tDiaryで日記を書くときに他のページへのリンクを貼る作業を楽にしたい。

はじめに結論

My Utility-Make Link ジェネレータを使って tDiary 用のブックマークレットを作る。 入力フォームのタイトルとフォーマットに、以下のように入力する。

タイトル
  link@tDiary
フォーマット
  [[%title%|%url%]]

「Make Link 生成」ボタンをクリックすると、ブックマークレットの項目に「link@tDiary」というリンクが生成されるので、これをWebブラウザのブックマークバーへドラッグ&ドロップするだけ。

リンクを張りたいページでこのブックマークをクリックすると、画面上部にテキストエリアが生成されるのでCTRL+Cでクリップボードにコピーする。

link@tDiary

コピー後は自動的にテキストエリアが消えるという親切設計になっている。素晴らしい。

背景

tDiaryで日記を書くとき、リンクは以下のように書く(Wikiスタイルの場合)。

[[ターミナルのログを自動保存したい - まちゅダイアリー(2011-05-27)|http://www.machu.jp/diary/20110527.html#p01]]

でも、いちいちURLやタイトルをそれぞれコピーするのが面倒だった。 今までの手順はこう。

  1. リンクを張りたいページのタブを選択
  2. アドレスバーのURLを選択して、CTRL+Cでクリップボードにコピー
  3. 日記の編集画面のタブを選択
  4. テキストエリアにCTRL+Vで貼り付け
  5. リンクを張りたいページのタブを選択
  6. ページのタイトル文字列をマウスで選択して、CTRL+Cでクリップボードにコピー
  7. 日記の編集画面のタブを選択
  8. テキストエリアにCTRL+Vで貼り付け

これじゃ、リンクを1つ貼るだけでもうんざりしてしまう。

以前、Sleipnirを使っていたときは、タブを右クリックしてタイトルとURLをクリップボードにコピーできていたんだけど、 Firefox そして Chrome に乗り換えてからは我慢しながらコピペしていた。 本当はブックマークレットを1つ作ればいいだけなんだけど、Chromeだとクリップボードにはコピーできないだろうし…との思いもあった。

ついに重い腰を上げてブックマークレットを作ろうと決意したら、似たようなブックマークレットを生成してくれるMy Utility-Make Link ジェネレータの存在を知った。 ジェネレータでtDiary用のブックマークレットを作った後は、リンクを張る作業がこれだけになった。

  1. リンクを張りたいページのタブを選択
  2. アドレスバーのlink@tDiaryをクリックし、CTRL+Cでクリップボードにコピー
  3. 日記の編集画面のタブを選択
  4. テキストエリアにCTRL+Vで貼り付け

ちなみに生成されたブックマークレットの中身は以下の通り。

javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='[['+document.title+'|'+location.href+']]';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return true;}})()

追記

> hsbtさん

Create Link は後からフォーマットを変えられるし、2クリックで完結するのでよさげですね。。

> えろぺおさん

reference.rb は新規に編集画面を開くのでしょうか? 編集中のテキストエリアに追加できるといい感じです。

Tags: tDiary
本日のツッコミ(全5件) [ツッコミを入れる]
hsbt (2011-05-28 (土) 06:30)

Create Link という Chrome 拡張を使っています

えろぺお (2011-05-28 (土) 10:42)

手前味噌ですが…<br>http://elpeo.jp/diary/20080404p03.html

えろぺお (2011-05-28 (土) 12:27)

>reference.rb は新規に編集画面を開くのでしょうか?編集中のテキストエリアに追加できるといい感じです。<br>私もそれができるといいと思うのですが、技術的に難しい感じがします。なので新規に開いて(編集中の)別タブにコピペというのを私もよくやります(笑)

みの (2011-05-29 (日) 00:27)

写真もリンクされると良いんですが、無理でしょうか?

まちゅ (2011-06-07 (火) 15:18)

>えろぺおさん<br>ですよねー。クロスドメイン的に。<br><br>>みのさん<br>写真のリンクとは、具体的にはFlickrやPicasaへのリンクでしょうか?