PhantomJSとは PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. http://phantomjs.org/ PhantomJSはJavaScript APIで動くヘッドレスWebKitです。 PhantomJSはDOMハンドリング、CSSセレクタ、Canvas、SVGなどネイティブにサポートしており、高速に動作します。 ものすごく簡単にいうと、ターミナルで動く画面をもたないブラウザですね。 主な利用シーンは以下のとおりです。 Webテスト ページオートメーション スクリーンキャプチャ ネ
Macのスクリーンキャプチャ機能で撮影したスクリーンショット画像のウインドウの影のエフェクトをなくす裏技です。 スクリーンキャプチャ画像のウインドウの影を無くす方法 「Command」キーと「Shift」キーと「４」キーを同時に押し、「スペース」キーを押すとカーソルがカメラに変わります。 そして、そのカメラカーソルをウインドウの上に持っていき、クリックするとウインドウのスクリーンショットが撮れます。 しかし、スクリーンショット画像にはウインドウの影のエフェクトが自動的に付加されていて、通常の設定変更ではこれを取ることができません。 しかし、デザイン上この影のエフェクトを取り除きたい場合もありますので、これを変更する方法を紹介します。なお、裏技ですので自己責任でお願いします。 まず、「起動ディスク（Macintosh HDなど）」→「アプリケーション」→「ユーティリティ」と移動し「ターミナル
You know the new Apple Retina MacBook Pro laptop? The one with the super-high resolution display? Well, I got one last week, and I spent all weekend updating my dotfiles to work with OS X 10.8 (Mountain Lion). And after a lot of wrangling with XCode, I finally managed to get everything working. Well, almost everything. While using Gyazo, I’ve encountered one particularly annoying “Retina” related
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
ワザップ!は新しいユーザーを募集中です！ユーザーになるとレビュー・ニュース記事の投稿やメッセージ機能、コメント・各種評価の通知機能が利用できます。
ウェブサイトのサムネイル画像の生成サービスといえば、 SimpleAPIとかMozShot（上記スクリーンショットはMozShot）とかが有名だと思いますが、以前より自分で作ってみたかった。 ってことで少し作ってみた。 その時いろいろ調べたことをまとめておこうと思います。 [続き:] Windows＋PHP PHPとGDを使ってスクリーンキャプチャをする方法や PHP+Windowsでスクリーンショットやサムネイル作成 で紹介されています。 <?php $im = imagegrabscreen(); imagepng($im, "myscreenshot.png"); ?> Windows版のスクリーンショットは上記でとれるとのこと。 楽ちん！でも、Windows版だけかぁ・・・。 Linuxでの実現は？ ここから本題って感じですが、結論から言っちゃいます。 linuxでの実現は出来ます
CSS Beauty や CSS Mania のようなギャラリーサイトを仮に構築する場合、手間になるのはきっとスクリーンショットの処理だと思います。これを自動化させる場合は、どうすればいいんだろうと考えてみました。 要望をまとめます。 Linux サーバで稼動する URL をブラウザ上で指定できる(コマンドラインより、http://hogehoge.com/hogehoge.php?http://www.google.co.jp/ のように指定できるとよい。) URL を1行ずつ記述したテキストファイルを渡せば複数のウェブサイトも対応 スクリーンショットを撮影する解像度を指定できる(800x600、1024x768、1600x1200) サムネイル画像のサイズを指定できる サムネイル画像のアスペクトは維持できる(アスペクト比は自由に変更できないほうがいいだろう) 出力する画像の種類を指定で
lunq.netis for sale! Need a price instantly? Just give us a call. (781) 373-6871 We can give you the price over the phone, help you with the purchase process, and answer any questions. Get a price in less than 24 hours To save time, use Facebook or Google to pre-fill your contact information. Use Facebook Use Google One of our domain experts will have a price to you within 24 business hours. Pleas
手順をざっと書くと 環境変数の設定仮想 X サーバの起動仮想 X の中で firefox を起動import コマンドでブラウザをキャプチャ 実際のコマンドは以下のとおり。 (bash) # export DISPLAY=:1.0 # Xvfb :1 -screen 1024x768x24 & # firefox -display :1 -width 1024 -height 768 & # firefox -display :1 -remote "openurl(http://blog.enjoitech.jp)" & # import -display :1 -window root ./pic.jpg # killall Xvfb これで、 pic.jpg という jpg ファイル名で http://blog.enjoitech.jp のサムネイルが作成されます。 実際は、これを毎回
SimpleAPIなどで有名な「Webサイトのスクリーンショットを撮ってサムネイル画像を作成してくれる」サービス。 SimpleAPIは、 「1人で作るなら、一気にやるのが重要」SimpleAPI・伊藤まさおさん の伊藤まさおさんが一人で作っています。 今回は、各スクリーンショット提供サービスを紹介した後、実際にこのサービスを作る手順を検証し、さらなる応用サービスにつなげる方法を考えてみます。 Webサイトのスクリーンショットを撮ってサムネイル画像にしてくれるサイト まずは、Webサイトのスクリーンショットを撮ってサムネイル画像にしてくれるサービスとして有名なサイトを紹介しておきます。 SimpleAPI - ウェブサイト・サムネイル化ツール 日本国内、海外からも大人気。ややサムネイル結果が不安定。 Mozshot ページごとにきれいに出力。大規模利用は禁止。 サムネイルAPI APIとし
最近気になっているサービスと言えば、一躍有名になった「SimpleAPI その1.ウェブサイトサムネイル作成API β版」っていうサービス。その１って書いてあるくらいだから、作者の方はその２、その３を考案中と思われるわけですが、サイトのサムネイルを生成するってのはいろいろなところで役に立ちそうな気がします。 で、できれば自社で同じような仕組みを作って自社で解決したいと思われている方も多くいるのでは？と思います。僕的には会社の仕事からすれば何ら関連のないジャンルのサービスですが、個人的には非常に興味がそそられるサービスなので、その仕組みについて考察してみました。勝手な考察なので、全然違う可能性もあるので、あしからず・・・。 どうやってサイトのサムネイルを生成しているのか？ 自前で位置からブラウザの描画を模倣するプログラムってのは作るには敷居が高すぎると直感。特に CSS や JavaScri
WEBページのサムネイル画像をサーバーサイドで動的に生成する方法を探しています。例えば Alexa.com [http://www.alexa.com/] のような機能です。 サーバOSはLINUX、言語はJavaもしくはPerlです。得たいレンダリング結果はHTML4.0、CSS（Level問わず）に準拠したものです。Javascriptの解析有無は問いません。 上記の環境で使用できるサムネイル生成ツールを有償・無償問わず、もしくはその生成のためのノウハウを探しています。ちなみにASP型のサービスは対象外とします。あくまで自サーバ内で処理を完結できることを目的としています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
