Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet JavaScript 小技集

第9回:閲覧しているサイトへのリンクタグを生成するブックマークレット

投稿日:


どうしてもっと早く気がつかなかったんだろう、と思うくらい便利なブックマークレットを思い付きました。既出かもしれないけど、公開しておきます。
ブログを書いていると、他のブログのエントリーへのリンクを貼ったりという作業がたくさん発生します。その場合、お作法としてHTMLの<title>タグをリンク文言にするんだけど、ページのプロパティとかソースとかみないとコピーできないから超メンドウ。

<!-- こういう感じにしたい -->
<a href="リンク先URL" target="_blank">リンク先のページタイトル</a>


そこで、バシッとリンクタグを生成してくれるブックマークレットを作りました
以下のリンクをブックマークに登録してください。

使い方は、リンクをはるページを開いてブックマークを押すだけ。
JavaScriptのプロンプトでリンクタグを表示するのでコピーするだけ。

・第13回:URLエンコードとURLデコードを簡単にするブックマークレット
・第12回:引用(blockquote)をCSSと画像でそれらしく見せる方法
・第11回:引用(blockquote)を簡単にするブックマークレット
・第10回:Windowsフォントをアンチエイリアスでキレイに見せる方法
・第9回:閲覧しているサイトへのリンクタグを生成するブックマークレット
・第8回:Twitter JavaScript Badges の日付フォーマットを自由にカスタマイズ
・第7回:サムネイル作成APIをJavaScriptで簡単に切り替える方法
・第6回:TinyURL の遷移先が怖くて開けない場合の対処法
・第5回:twitter の JavaScript Badge を改造する
・第4回:twitter の JavaScript Badge をIEで表示するとおかしい件に対応してみる
・第3回:JavaScriptで画像サイズと合ったポップアップウィンドウを開く
・第2回:タグに関わる基本的な事
・第1回:CSSで画像にborderをつけてみる

-Bookmarklet, JavaScript, 小技集

執筆者:


comment

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

関連記事

no image

動画を楽しもう!(Flickr VideoのFLV動画をダウンロードするブックマークレット)

4月9日に開始されたばかりのFlickr Videoですが、すごい高画質で魅力を感じています。 No Video運動が起こっていたり話題に事欠きませんが…、今回は、FLVのダウンロード方法が分かったの …

no image

PhotumblrでTumblrの画像をブログパーツにしてみる

だいぶ前にTumblrの画像を抜き出すPipesを作ったんだけど、今日はそれを使ってブログパーツを作ってみます。 元ネタはこちらのエントリーをお読みください。(で、省略w) ・「Photumblr」T …

facebookの新プロフィール画面で、写真をうまく使ってデザインする方法

【2011/02/01:追記】 ファンページについてのエントリーも書きましたので、そちらもどうぞ。 facebookのファンページを作る時に気をつけたい細かい話 半年くらい前から、ネット上でfaceb …

Google Analytics のベンチマーク機能から分かる事

先日、Google Analyticsの新機能がリリースされていました。 3 月 6 日にを ベンチマーク機能 (ベータ版) とデータ共有設定を公開させていただきました 。これらはAnalytics …

no image

極めたいw CakePHPのルーティング

先週のCakePHP勉強会で、akiyanさんが routes.php に関する発表をやっていて、今までになかったルーティング情報のまとめみたいな資料になっていて多くのBakerが目から鱗状態になった …

スポンサードリンク

スポンサードリンク