サイトのサムネイル一発生成
blogでサイトを紹介することがよくあります。
文字だけの単調な記事にならないようロゴを貼ってみたりスクリーンショットを貼ってみたりするわけです。
サイトのスクリーンショットを貼る作業ってめんどくさいといえばめんどくさい。
ワタシの場合
1.)PrintScreenキーもしくはFirefoxのスクリーンショットを保存してくれる拡張Pearl Crescent Page Saverで画面を保存
2.)グラフィックソフトでトリミング＋リサイズ→gifかjpgで保存
3.)WordPressの投稿画面から画像をアップロード
以上時間にして数分の作業です。
これをめちゃめちゃ簡単にしてくれる画期的ツールが公開されました!!
URLを指定すると、そのサイトのサムネイル画像を自動生成します。
http://img.simpleapi.net/small/http://www.google.co.jp/
のようにURLを末尾に付けるだけで作成できるので、簡単に各種サイトに組み込めます。
ホントに簡単にサムネイル画像を生成してくれて表示されたソースをただコピペするだけ。
これはめちゃめちゃ便利です。
さっそくfeed meterでもこのツールを活用してるみたいです。
サイトのスクリーンショットがあった方がイメージもわきやすいしいいですね :-)
便利なツールをもうちょっと便利に
これだけでももう十分便利なんですがもうちょっとだけ楽にする方法を考えてみました。
Firefoxの拡張Copy URL+でサムネイル貼り付け用のソースを一発コピーするっていうのはどうでしょう??
(Copy URL+についてはとりあえず→Copy URL + - Firefox まとめサイト)
user.jsに以下のように追加してみました。
●の部分は同じ数字が入ります。
-
user_pref(‘copyurlplus.menus.●.label’,‘Create Thumbnail’);
-
user_pref(‘copyurlplus.menus.●.copy’,‘<a href="%<abbr title="Uniform Resource Locator">URL</abbr>%" title="%TITLE%" target="_blank">
-
<img src="http://img.simpleapi.net/small/%<abbr title="Uniform Resource Locator">URL</abbr>%" alt="%TITLE%" width="128" height="128"
-
hspace="4" vspace="4" border="0" /></a>
-
<br /><a href="%<abbr title="Uniform Resource Locator">URL</abbr>%" title="%TITLE%" target="_blank">
-
<strong>%TITLE%</strong></a>’);
URL +” />
サムネイルを生成したいページで右クリックからCopy URL +→Create Thumbnailで以下のような表示用のソースがクリップボードにコピーされます。
つまりリンク付サムネイルの下にテキストリンクも表示するって感じ。
今まで数分かけてやってたことがほんの数秒でできるようになりました!!
便利なツールを公開してくださる方に感謝です。
SimpleAPIシリーズの今後も楽しみです。
SimpleAPI開発日記をチェックさせていただこうと思います。
http://www.simpleapi.net/blog/wp-trackback.php?p=3
こんにちは。
Copy URL+ と使うってのは、ナイスなアイデアですね。
手軽に使用できるので便利な方法です。参考になりました。
＞kohakuさん
こんばんは :-)
コメントありがとうございます!!
ワタシもこのアイディアが閃いた時我ながら珍しく冴えてるなって思いました :P
トラックバックとかにも使ってもいいかもしれませんね。
http://rakugakiman.blog6.fc2.com/blog-entry-1303.html
新しいサムネイルサービスも登場したようです。
SimpleAPIが表示できないページも表示できるとか。
作成までの時間もかからずにキャッシュで２回目以降は読込速しです。
サイズも自由に設定可能ですのでSimpleAPIより高性能だと思われます。
開発者のブログをみたら枚数制限も特にないとのこと。
すごいですねー(^-^)
＞ガイさん
情報ありがとうございます!!
サイズをアレンジできるところが便利でいいですね!
しかもリアルタイムなのがポイント高いです!!
JavaScriptが貼り付けられないblogサービスなどは使えないかもしれませんが…
さっそく次に書く記事に使ってみたいと思います :-)
便利なコードですね。公開、ありがとうございます。
これはコチラ側の問題なのかもしれませんが、上記本文のuser.jsのquote部分をコピーして、ローカルのエディタやウェブのテキストエリアにペーストすると、シングルクウォート「’」が全角になってしまいます。
原因がわからなかったので、何か心当たりがあれば教えていただきたいのですが・・・
お忙しい場合は、スルーしてもらって結構です。
＞nalさん
ご迷惑おかけしてすいませんでした!
投稿した時は確かに半角で入力したはずなのです。
原因がわからなかったのでコードの表示方法を変えてみました。
1000 amplifier audio car
houston deals rental car
performance part car
best Care Health The
weight rapid loss
dosage amoxicillin
education technical
vevent infobox