Webサイトのスクリーンショットを撮るサービスの作り方
SimpleAPIなどで有名な「Webサイトのスクリーンショットを撮ってサムネイル画像を作成してくれる」サービス。 SimpleAPIは、 「1人で作るなら、一気にやるのが重要」SimpleAPI・伊藤まさおさん の伊藤まさおさんが一人で作っています。 今回は、各スクリーンショット提供サービスを紹介した後、実際にこのサービスを作る手順を検証し、さらなる応用サービスにつなげる方法を考えてみます。 Webサイトのスクリーンショットを撮ってサムネイル画像にしてくれるサイト まずは、Webサイトのスクリーンショットを撮ってサムネイル画像にしてくれるサービスとして有名なサイトを紹介しておきます。 SimpleAPI - ウェブサイト・サムネイル化ツール 日本国内、海外からも大人気。ややサムネイル結果が不安定。 Mozshot ページごとにきれいに出力。大規模利用は禁止。 サムネイルAPI APIとし
ダウンロード・CrenaHtml2jpg ＷＥＢページをサムネイル画像に！
・CrenaHtml2jpgは、URLを指定して、その画面をキャプチャーするツールで、長いページも、１枚の画像に保存できます。 ・コマンドラインにも対応していますので、スクリプトからCrenaHtml2jpgを呼び出して連続して、サイトの画像を取得できます。 CrenaHtml2jpg-v1.20.zip 474kバイト [2009/06/13] Vectorレビュー 窓の杜レビュー ◆GUI操作画面 ●800x600 ⇒ 117x90で取得 ●800x∞ ⇒ 200x∞で取得(１ページ全体を自動キャプチャー) ・「フルスクリーン自動取得」をチェックすると、縦サイズは∞となり、 １ページ全体を自動でキャプチャーできます。 ・「遅延」秒数を入力すると、サイトアクセス後、指定の秒数待ちます。 gifアニメ、FLASH,Silverlight等の動画に対して有効です。 （flash play
Super Screenshot!
There are several ways to take screenshots online. Here are some possibilities: Using a web-based screenshot tool: There are many websites that offer free online screenshot tools, such as Snipping Tool, Nimbus Screenshot, and Lightshot. Simply visit the website, select the type of screenshot you want to take (e.g. full page, selected area, etc.), and follow the instructions. Using a browser extens
リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」:phpspot開発日誌
WebSnapr - Preview Bubble Javascript The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers. リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。 単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。 使い方 previewbubble.zip をダウンロード previewbubble.js の var bubbleImagePath = '/images/
LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox:phpspot開発日誌
Ryan J Lowe’s Dev Blog Blog Archive LITBox LITBox 2.0 has just been released. This version of LITBox is basically a few modifications of Thickbox made into a Prototype class based off of the Scriptaculous. LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox。 LightBox2同様、prototype.jsとscriptaculous.jsをベースにクラスベースでコーディングされていて、使い方は簡単です。 必要なスクリプト/CSSを読み込んだ後、次のようにonclickイベントでnewするだけです。 <input type="button" onclick="new L
[N] リンク先のプレビュー機能を提供する「Snap Preview Anywhere」
Snapであなたのサイトにも無料で検索プレビュー機能をという記事より。 先週、「Snap Preview Anywhere」が ローンチされた。これは あらゆるサイトのオーナーに検索結果のプレビュー機能を提供する無料サービスである。これをインストールすると、すべてのリンク（サイト内のリンクは除外 可能）にマウスを載せるとリンク先のプレビュー画面がポップアップ表示されるようになる。 「Snap Preview Anywhere」がどんな機能かというのは、恐らく見て貰うのが一番早いと思います。ネタフルでも実装してみたので、スクリーンショットをご覧ください。 リンクの上にマウスカーソルを合わせると‥‥ こんな感じで、リンク先のプレビューが表示されるという仕組みです。 キャッシュがない場合は取得に少々の時間を要しますが、リンクをクリックする前にどんなサイトか確認できるというのは利用者にとっては便利
![[N] リンク先のプレビュー機能を提供する「Snap Preview Anywhere」](https://cdn-ak-scissors.b.st-hatena.com/image/square/e750628be261129593a2dae7d437a6e54706637f/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2006%2F11%2Fsnap_preview1.jpg)
prototype.jsを使った画像サムネイルの表示ライブラリ：CodeZine
動作デモ はじめに ブロードバンドの普及、ストレージデバイスの大容量化に伴い、最近のWebサイトでは画像ファイルのような大容量のメディアを扱う機会が多くなってきました。しかし、Webサイトで画像のアップロードに対応するときに、従来のようにファイル名を指定する方法だと、アップロードをする側はどのファイルがどんな画像かを把握する必要があり、簡単に画像ファイルをアップロードすることができません。 筆者が開発を担当している「フォト蔵」という写真共有サイトでは、上記の問題を解決するための画像サムネイル表示ライブラリを作成して、使用しています。 画像サムネイル表示ライブラリを使用することで、画像ファイルをアップロードする前にブラウザ上で画像のサムネイルを表示させることができます。 セキュリティ機能の関係上、動作可能WebブラウザはIE限定になってしまいますが、IEは日本および世界におけるブラウザ市場で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SimpleAPI - ウェブサイト・サムネイル化ツール
Shift: Zoho Writer に待ちに待った機能が・・・
サムネイルAPI
HeartRails Capture | サムネイル画像／PDF ファイル作成サービス
Going My Way: シンプルに現在開いているウィンドウをサムネイルで表示するSmallWindows
はてなスクリーンショット - ヘルプ
はてなスクリーンショット
i d e a * i d e a - トラックバックにサイトの縮小画像を入れてみた
http://www.simpleapi.net/blog/
http://youmos.com/news/jquery_thumbs
http://www.res-system.com/item/603