ニュース 社会 国際 ビジネス 政治 エンタメ スポーツ テクノロジー ピックアップ 話題 専門 スポーツ 芸能
はてブ 総合 一般 社会 政治・経済 生活・人生 スポーツ・芸能・音楽 科学・学問 PC・IT ゲーム・アニメ おもしろ はてブニュース トップ

リンクと引用をカンタンにするブックマークレット linclip Singles

このエントリーをはてなブックマークに追加

これは何?

今見ているページをリンクするためのHTMLコードをカンタンにコピペできるようにするブックマークレットです。
リンク用のHTMLコードを書くための手間を軽減します。登録方法は最後にあります。


linclipはページ内の複数のリンクを一発で作成するのに対し、こちらは単体ページのリンクを出力します。

更新履歴

どうやって使う?

今見ているページをブログなどで紹介したい場合に、あらかじめ登録しておいたブックマークレットをクリック。

たとえば、Yahoo! JAPANを見ています。
Yahoo! JAPAN
このページをブログやBBSで紹介したいとしましょう。


ブックマークレットをクリック
ブックマークレットをクリック(画面はFirefoxのブックマークバーに登録したもの)。


コピペ用コードを表示
画面を覆うようにコピペ用HTMLコードなどが表示されます。
用途に合わせてコードをコピー、ブログやBBSの投稿欄に貼りつけます。

上下にある灰色の部分(「CLOSE」)をクリックすると元のページ表示に戻ります。

選択部分はblockquoteタグで引用

たとえば、ページ内の一部を選択(ドラッグで反転)してから……
テキストの一部を選択

ブックマークレットを実行すると、こんな表示になります。
コピペ用コードを表示
貼り付け先に合わせて、コードをコピー。


コピペすると以下のようになります。

●HTMLブログ用一般の場合

綾瀬はるか、『ホタルノヒカリ』で人見知りを克服 (ダ・ヴィンチ) - Yahoo!ニュース
5月28日より公開される映画『プリンセス トヨトミ』に出演する綾瀬はるかさんがダ・ヴィンチ6月号の表紙を飾り、インタビューに応えている。
記事タイトルがリンクになっているのがわかると思います。また、ブログなどではCSSなどが指定されてると思うので、引用部分がインデントされたり、枠で囲まれたりするはず(されてない場合はご自分でCSSをカスタマイズするといいでしょう)。

●テキストのみ(BBS/メール/SNS用)

綾瀬はるか、『ホタルノヒカリ』で人見知りを克服 (ダ・ヴィンチ) - Yahoo!ニュース
http://zasshi.news.yahoo.co.jp/article?a=20110526-00000301-davinci-ent
-------------------
5月28日より公開される映画『プリンセス トヨトミ』に出演する綾瀬はるかさんがダ・ヴィンチ6月号の表紙を飾り、インタビューに応えている。
-------------------
HTML、テキストのみのほか、Wikiサービス/ツール用のコードもあります。

HTMLの「ブログ用一般」と「MT系」の違いは?

blockquoteの扱いに違いがあります。
MovableType、TypePad、ココログなどでは、blockquoteタグで囲んだ部分の改行にbrタグが挿入されないという仕様になっています。「MT系」はそれに対応するため、改行部分にbrタグを挿入しています。

はてなブックマークの登録数やブックマークボタンも付けられます!

こういうやつです。

おまけ機能

この段のおまけ機能は、動作を軽くするため、利用者がいないため、廃止としました。(2011.12.1)

ページ内の文章の一部を選択(ドラッグで反転させる)した場合は、選択した文字列について以下の機能を提供。


いずれも既存のサービスを手軽に使えるようにするためのもの(ここでもコピペ作業を不要にしてます)。新規ウィンドウで開きます。
要望があれば、ほかのリンクも追加するかもしれません(一番下の「開発者Twitter」リンクからどうぞ)。

ページ内の複数のリンクを抽出するためのlinclipへのリンクもあります。

ブックマークレットって?

「ブックマーク=お気にり」は、特定のページをいつでもすぐに開けるようにするブラウザの機能。

それに対して「ブックマークレット」は、ページを開くのではなく、JavaScriptで書かれたプログラムを起動します。
使いかたはブックマークと同じで、ツールバーなどに登録してクリックするだけでOK。

ブックマークレットの登録

リンクと引用 (ドラッグ&ドロップか右クリックで登録)

上記リンクをお気に入りバーやリンクバーなどにドラッグ&ドロップするか、右クリックでお気に入りなどに登録するだけ。IE7などでは、右クリックで「お気に入りに追加」。

「このブックマークを追加しますか?」などの警告が出ますが、そのまま「はい」で登録します。これで準備は完了。あとはリンク・引用したいページでこのブックマークレットを実行。

iPhone/iPadなどはこちら。
リンクと引用
上記リンクを開いてブックマークに登録後、ブックマークの編集でURLから最初の「http://linclip.com/」までを削除(スラッシュも消してください)。