タグ:ブックマークレット

2011/08/15

WEBページに付けられたはてブ・Twitterのコメントをチェックできるブックマークレット「Komepon!」が便利



自分の書いた記事にどんな反応があったかというのはブロガーとしては気になる事由のトップランクに位置するわけで、かくいう私も「Google アラート」でエゴサーチをしてみたり「BackTweets」を使用してTwitterのコメントを眺めたりしているのです。

参考:はてなダイアリーのツイートボタンと、記事のコメントをもれなくチェックするbacktweets – #RyoAnnaBlog

参考:自分のブログについてつぶやかれたツイートをもれなく見つける方法

ほんだら本日男子ハックさんでKomepon!というブックマークレットを紹介してらっしゃいましてそれが良さそうなんで使ってみました。

参考:はてなブックマークやTwitterの反応をワンクリックで確認できるブックマークレット『komepon!』 *男子ハック
続きを読む

2011/04/25

WordPressのプラグインBlackbird Pieを超絶便利にするブックマークレット「FavHTML」がお目見え!!

先日、Twitterのつぶやきをブログ上で再現してくれるWordPressプラグインBlackbird Pieの記事を書いたんです。

そしたら巨匠@donpy さんからこんなリプライがとんできました。

ではそろそろ隠しブックマークレットを出すときがきたかもです。Blackbirdpie用Twitterファボ根こそぎ系。@ | 「Blackbird Pie」がすんごい便利| http://j.mp/ibpzTw
@donpy
Ryosuke Nishida / 超ム

なんやて?

@ えええ、そんなものがあるんですか!!!
@OZPA
ハセガワ オツパ(すうどんけい)


@ 私結構使ってますよ。お願いして作ってもらいました。汎用性maxなので、そのままOZPAさんも使えるかと。ちょっと作者さんの登場を待ちましょうw
@donpy
Ryosuke Nishida / 超ム



どういうことだろう・・・@donpy さんは作者の登場を待ちましょうとのたまっている・・・
Bookmarkletの作者と言えば・・・あの御方か・・・?

ドキをムネムネさせながら待っている私のもとに届いたのはやはり@hiro45jp さんのこちらの記事でした。

WordPress(Blackbird Pie)を更に便利に使う – FavHtml | 普通のサラリーマンのiPhone日記
今日はネタはWordPressの「Blackbird Pie」というPluginと新作のBookmarklet「FavHtml」のコラボ技です。本投稿、かなりマニアックな記事ですので、WordPressを使ってる方で、TwitterのFavをBlogに綺麗に投稿したい方以外は、ちんぷんかんぷんかと思います…。あらかじめ言っておきます。ご容赦をm(_ _)m

キター!!!


要するに、TLで自分がふぁぼったつぶやきを

[blackbirdpie url="つぶやきのURL"]

の形で吐き出してくれるというBookmarkletです。なにこれすごい!
使い方は上記リンクからどうぞ。すんごい簡単。

さらに、このブックマークレットを使用して@donpy さんが書かれたのが以下の記事。

@CDiP User’s Voice【20110424版】 | 覚醒する? @CDiP
このコーナーを立ち上げるに当たっては @hiro45jp さんに多大なる協力を頂きました。
WordPressの1プラグインに対してのみの汎用性のないブックマークレットにもかかわらず、ご協力いただけたことを誠に感謝しております。ありがとうございます。

キタキタ−!


こういった形で読者さんとのコミュニケートを図ろうとする@donpy さんのアイデアに脱帽すると共に、

donpyさんの要望は「BlogコメントとTwitterの境界が無くなりつつあり、コメントと同じようにTwitterのbotにコメントくれた方々にお礼のコメントをしたい。Blogの中で引用して返信したい。」とのこと。想いを打ち明けられて作ることになったのでしたヽ(´ー`)ノ

via: WordPress(Blackbird Pie)を更に便利に使う – FavHtml | 普通のサラリーマンのiPhone日記


その@donpy さんの想いにすぐさま答えを出すという@hiro45jp さんの姿勢たるや・・・
コレが人と人とが繋がって出来る美しき知の連鎖なのです。

一緒に会話していた@kuracyan 御大や@spring_friends 兄やんも泣いているか例のアレを垂れ流していることでしょう。

そして広がる知の連鎖。杏珠さん @powerangix も記事にしてくださいました。
紹介ありがとうございます。

Design × Lifehack × CrossOver Lab – 【WP】WordPress上でFavった内容を表示させる奇跡の効率化コラボ!「Blackbird Pie × FavHtml」
またしても@hiro45jpさんがやってくれました!巷で噂になっているTwitterでつぶやいたことをWordPress上で表示させてくれるプラグイン「Blackbird Pie」を、さらに効率化してくれるブックマークレット「FavHtml」が公開されていました。


私の書いた記事に@donpy さんが反応してくださって、さらにそのブックマークレットの公開記事を@hiro45jp さんが書いてくださる・・・
なんと私はありがたい経験をさせて頂いたのでしょう。
涙と、例のアレが止まりません。

このブックマークレットを使ってどんな記事が書けるか?
まだ考え中ではありますが、@donpy さんみたいな形で新しい読者さんとのコンタクトツールになりそうな気がしております。
コレを公開してくださいました@hiro45jp さんには感謝感謝でございます。本当にありがとうございます!!

最後にせっかくなので、ここ最近で私がふぁぼったつぶやきをいくつか紹介して終わりたいと思います。

オレ ニク クウ ミンナ アト ヨロシク 
@isloop
するぷ

最近のマイブームはハセガワの新しく出来たフレキシブルなコンタクトフォームに毎日メールを送信すること
@Sayobs
Ray Matayoshi れい

@ (☞三☞´◔‿ゝ◔`)☞三☞この顔文字はwwwwwwヤバイwwwwwwwwwwww(☞三☞´◔‿ゝ◔`)☞三☞(☞三☞´◔‿ゝ◔`)☞三☞(☞三☞´◔‿ゝ◔`)☞三☞(☞三☞´◔‿ゝ◔`)☞三☞(☞三☞´◔‿ゝ◔`)☞三☞(☞三☞´◔‿ゝ◔`)☞三☞
@ryo_dg
ナカエリョウ

@ @ @ @ あ、そっかAF?
@goryugo
五藤隆介(たべるけい)

人間失 格RT @:尿意、漏れ出した後。
@kazumoto
kazumoto

ぼく、ともだちをちゃんとえらぶことにしたよ、ママ。

参考:WordPress(Blackbird Pie)を更に便利に使う – FavHtml | 普通のサラリーマンのiPhone日記

参考:@CDiP User’s Voice【20110424版】 | 覚醒する? @CDiP

2011/02/17

ブロガー必須!のChromeエクステンション「Chrome Keyconfig」の設定方法



ブログを書くなら余計な手間は省きたい。
それはこの世に生きとし生けるもの、万物全ての祈り・・・。そんな気がする。

と、言うわけで今日は劇的にブログ作成を楽にしてくれるChromeエクステンションのご紹介。

和洋風◎のブログ更新を支える少数精鋭 9つのGoogle Chromeエクステンション。 | 和洋風◎
ショートカットキーでブックマークレットを呼び出すというエクステンションで、Make LinkジェネレーターはFirefoxのMake Linkのように自分用にカスタマイズしたHTMLタグを吐くブックマークレットをつくってくれるツールです。これを組み合わせることで超高速にHTMLタグを作成できます。
例えば「Shift」+「L」でリンクタグを作成出来たり、「Shift」+「Q」で選択した文章で引用タグを作成出来るのです。9つの中で一番おすすめ!


以前、上の記事を読み、一番最初に紹介されているChromeエクステンション「Chrome Keyconfig」を導入しようとしたのですが、なるほど、まったくわからん。




このエクステンション、ショートカットに「左のタブに移動」「上にスクロール」「URLをコピー」などのアクションを設定することができるものなのですが、javascriptを使用することにより「リンクを作成」「引用タグを作成」などをすこぶる簡単に行えます。(FirefoxのMake Linkのようなことができる。)
つまり、設定次第で@hiro45jp さんのブックマークレットをキーボードのみで作成することができるのです!ワーオ。

ですが、残念ながら私javascriptとかよくわかりません。先述の記事を読み込んでもよく判らなかったので諦めてました。

が、先日和洋風◎の中の人@isloop くんことするぷ様に会う機会がございましたので、直接やり方を教わったのです。いやー、超便利。

せっかくなので具体的な使い方をご紹介していきたいと思います。


Chrome Keyconfigの設定方法

まずはChromeエクステンションをダウンロード。

ダウンロードはこちら:Chrome Keyconfig

エクステンションのダウンロードが終わったら、ウインドウ→拡張機能をクリック、Chrome Keyconfigのオプションを開きましょう。


そして「Action」タグをクリック。


インストール直後はこのような画面になっているはず。

Keyはショートカットを、Actionはショートカットによって呼び出されるアクションを表します。
デフォルトの設定を活かしたいならこのまま、変更したい場合は「Del」キーでアクションを解除してしまいましょう。


ちなみに設定できるアクションはこれだけあります。スゴイデスネ


ブックマークレットを登録しよう

まずは@hiro45jp さんのブックマークレットの登録方法。いつも使っているhiroブックマークレットのご用意はよろしいでしょうか?


まずは「Action」を「go to …」に変更します。すると「URL」と「NAME」という欄がでてきますので、「URL」欄にブックマークレットをペーストしましょう。そんだけ。名前とか付けとくと後で管理するの楽かもね。


使い方

Chrome開いてショートカットをキーボードで入力するだけです。そんだけ。
今まではブックマークバーなどからいちいちhiroさんブックマークレットを探していたのに、キーボードショートカットで起動してくれます!ワオ。


どうよ。

私は現状「Shift+A」でApp HTMLブックマークレットを、「Shift+P」でPhoto HTMLを、「Shift+S」でShare HTMLを起動するように設定しております。
超絶便利。


ブックマークレットを作ろう

さて、ブログで使用するのは当然@hiro45jp さんのブックマークレットだけではありません。簡単なリンクタグや引用タグも必要でしょう。じゃぁ作っちゃいましょう。
って言うかこれがわからなくてつまずいたんだよね。

参考:My Utility-Make Link ジェネレータ

まずは上のサイトをクリック。


あとはフォーマット欄にお好みの変数を記入してMake Linkボタンをクリックすればブックマークレットが完成!ちょうかんたん!!
・・・なんだけど、僕こういうの非常に苦手なんです。「変数」とか「予約語」とか。

たぶん僕の他にもそう言う人はいるかと思いますんで現在使ってるブックマークレットの変数をここに2つほど置いておきます。

別窓でのリンク作成

<a href=”%url%” target=”_blank”>%title%</a>

作成例↓
バレンタインなのにひとつもチョコをもらえないたった一つの理由

引用タグの作成


<blockquote title=”%title%” cite=”%url%”>%text%<cite>via: <a href=”%url%” target=”_blank”>%title%</a></cite></blockquote>

作成例↓

メガネを外した顔がこざっぱりとしすぎているために素うどんのようだからです。

via: バレンタインなのにひとつもチョコをもらえないたった一つの理由

上を使う場合は、青い文字の部分をコピーしてMake Link ジェネレータの「フォーマット」欄にペースト、作成ボタンをクリックして下さい。

あとは先程と同じように「Chrome Keyconfig」のAction設定画面からお好みのショートカットにアクションを割り振れば完成。

現在私は「Shift+L」にリンク作成のアクションを割り当てていますので、目的のページを開いて「Shift+L」をクリックするだけでリンクタグを作成することができます。
あぁああぁああああべんり。

ばっくあっぷもとろう

Keycon07
作成したアクションはふとした瞬間に消えないとも限りませんので、バックアップをとっておきましょう。
「Advanced」タブ→「Export Configuration」をクリックして出て来たテキストをメモしておけば、いざ設定したアクションが消えてしまっても大丈夫です。

と、言う事で今回ご紹介したのは「Chrome Keyconfig」というエクステンション。

これを導入して格段にブログを書く際の労力が減りましたし、@hiro45jp さんのブックマークレットもワンタッチで呼び出せるようになりました。
丁寧に教えてくれた@isloop たん、本当にありがとう!

Google Chrome使いの皆様、もしこのエクステンションを入れていないのならば使ってみてはいかがでしょうか。
便利ですよほんとに。

参考:和洋風◎
参考:Bookmarklet | 普通のサラリーマンのiPhone日記
参考:現在使用しているGoogleChromeのエクステンションまとめ

2011/02/10

Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方


いらぬ親切余計なお世話。

あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。

EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。
ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。
これぞ、The・いらぬ親切。


上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。
ロゴはカッコイイけど。

で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。

その名も、「Print what you like」!

参考:[link]Evernoteのクリップに役立ちそうなとてつもないブックマークレット 5 | goryugo, addicted to Evernote

Evernote と PrintWhatYouLike の組み合わせが便利すぎる! 【 マインドマップ1年生 plus ライフハック! 】
先日、PrintWhatYouLikeというサービスを知りました。
これは、「ウェブページを、必要ない部分をマウス選択で消したり、一部を抜き出したり出来て、自由なレイアウトに変更できる」サービス。
ウェブページを印刷するときに、無駄なヘッダーやフッター・広告を消したり、この表だけ印刷したい!なんてときにとても便利です。
と、印刷に使えるなあ、なんて思っていたのですが…。

これえばーのーとにつかうとちょうべんり


準備 〜ブックマークレットを登録〜


まずはこちらのページにいきましょう。

webclip01
そして図の様にリンク部分をブックマークバーにD&D。準備はこれだけ。簡単。

Webクリップをしてみよう

では、実際にクリップ!クリップゥ!してみましょう。

Webclip02
クリップするのは上記スクショの私の日刊です。
節分に対するゆがんだ愛情を表現した話題作。

Webclip03
普通にクリップすると上の様になってしまいます。余計な情報がついてきちゃいますね。
まぁ十分無視できるレベルなのですが、サイドバーに情報が大量にあるサイトなどをクリップすると、これら要らない情報が画面を支配してしまい、目的の記事にたどり着くのが困難。

Webclip04
例えばYahoo!のトップページをクリッピングするとこうなります。邪魔な情報だらけ。

これらをカットできるのがこのブックマークレットなのです。

Webclip05
先ずはページを開いたまま先ほど登録したブックマークレットをクリック。すると画面の様になります。

Webclip06
そしてクリップしたいブロックの周辺を選択、目的の場所が黄色になったら「Isolate」ボタンをクリックします。

Webclip07
すると選択した範囲のみのページが作成されます。わお。

Webclip072
必要ないブロックは、選択後に「Remove」をクリックして除去できます。

Webclip08
そして、必ず上記の×ボタンをクリックして左のウィンドウを閉じてからクリッピングをしましょう。

Webclip09
このようにスッキリと欲しい部分だけをWebクリップすることが可能です。

URL情報も付属してくれますので、Egretlinksを使用する方にも問題なくお使い頂けます。わお。

Egretlinks 1.1App
iPhone、iPod touch および iPad 互換 iOS 4.2 以降が必要
カテゴリ: 仕事効率化 価格: ¥450
更新: 2011/02/08

Webclip10
ブロックはこのように複数選択可能です。

Webclip11
ボタンはいっぱいありますけど、Webクリップの際は「Isolate」しかほとんど使いません。たまに「Remove」を使うぐらい。
先頭に記事がきてさえいれば、後半がどうなっていようと別に結構どうでもいいので、必要な部分をごそっと抜き出すだけ。

  • Widen→記事の横幅をウィンドウに揃えてくれる
  • Resize→画像のサイズを変更できる
  • Save Clip→Print What You Likeサイト上にクリップを保存できる(要アカウント)
  • Select More→選択範囲を拡大してくれる

  • Webclip12
    左サイドにでてくるこれらは、このブックマークレット本来の目的である、Webページをプリントをする際に役立ちます。
    説明は割愛。まぁそんなに難しくないのでいじってください。やさしく。PDFでページを保存できたり、結構便利。

    Webクリップするときに気をつけること

    と、いうわけで今回はWebクリップに役立つブックマークレットの使い方でした。

    さて、ちょいと話は横道にそれますが、Webクリップをする時に一番大切な心構えは「むむ、これは」と思ったらなるべくクリップをしてしまうことだと思います。

    「使うかどうかわからないからクリップしない」では、いざそのノートが必要になった時に悲しい思いをします。

    現在の自分と未来の自分では、必要かどうかなどと言う価値観は全く別物です。
    とりあえずEvernoteに放り込んじゃいましょう。

    れっつえんじょいえばーのーと。

    参考:iPhone×Evernoteの超新星アプリ「Egretlinks」の使い方!!
    参考:Evernoteを使いこなすためのたった一つの秘訣
    参考:[図解]Evernoteビギナーにおくる超簡単な整理術!「3ノートブックシステム」の使い方

    OZPA(おつぱ)について

    東京在住のグラフィックデザイナー、ブロガー。
    1984年1月1日生まれ。
    183cmのなで肩。O型のO脚。
    Mac、iPhone、Evernote、美味しいもの、お笑いなどが好物。
    ふざけないと長い文章が書けない持病を抱えている。
    →もっと詳しく

    書籍を出版いたしました!


    書籍について

    同じカテゴリーの人気記事

    SPONSORED LINK