ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ユーティリティ - スクリーンショット/キャストの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2015/07/20

ScreenTime – 作業風景を自動で動画化

デジタルな時代になって面白いのが、単に作品だけでなく、その作品を作る過程も簡単に残せるようになったことです。デジタルな作品は簡単に複製できてしまうので評価が難しいですが、作品の制作過程は一度きりしかできないので価値が高いと考えられます。そんな何かを作っている様子を残せるのがScreenTime

List

  • 2015/07/11

Electron Screenshot Service - Electronを使ったWebサイトスクリーンショット

Webサイトのスクリーンショットを撮りたいと思う機会は多いかと思います。Webサービスの中でもURLに対してそのサムネイルを表示したいと考えることもあるでしょう。そんな時に使えそうなのがElectron Screenshot Service

List

  • 2015/05/13

XShot – Java製のスクリーンショットソフトウェア

スクリーンショットを撮るソフトウェアは常に需要があります。各OSごとに分かれるのですが、Javaであれば各プラットフォームを区別せずに実装可能でしょう。そこで紹介したいのがXShotです。Windows、Mac OSX、Linuxで動作するスクリーンショットソフトウェアです。## XShotの使い方XShotは今のとこ...

List

  • 2015/03/28

スクショ撮る君 – 指定したURLのスクリーンショット画像を作成

Webサイトのスクリーンショットを撮る要望はずっと昔から存在し続けます。昔はIEを外部から操作してスクリーンショットを撮るものがあり、少し経つとFirefoxでスクリーンショットを撮るものが出てきました。最近ではWebKitベースが多いようです。そんなWebサイトのスクリーンショットを撮ってくれるツールがスクショ撮る君...

List

  • 2015/02/02

GifW00t – なんとWeb上で操作録画

JavaScriptで無茶する人たちがいます。画像や動画を解析したりするソフトウェアや、Webカムと組み合わせたり、Emscriptenを使ってローカルアプリケーションをそのままJavaScriptで動かす試みもあります。今回もまたとても面白い試みを紹介します。なんとJavaScriptを使って画面をレコーディングする...

List

  • 2014/12/09

Manet - 指定URLのスクリーンショット作成サービス

Webサイトのスクリーンショットを撮りたいというニーズは根強くあります。Webサービスで提供するところも多いですが、自社独自で柔軟にやりたかったり、LAN内でスクリーンショットを撮りたいと思うこともあるでしょう。そんな時に使えそうなのがManetです。画面はなく、URLでアクセスするだけでスクリーンショットを保存してく...

List

  • 2014/06/08

Webshot – PhantomJSを使ってWebスクリーンショットを保存

Webサイトのスクリーンショットを撮ってくれるAPIって便利ですよね。でも一般に公開されているサービスの場合、セキュリティ上Cookieが伴うものは使えなかったり、URLを与えるだけでその後操作した後のスクリーンショットは撮影できません。そこで使ってみたいのがWebshotです。Rubygemsのライブラリとして提供さ...

List

  • 2014/06/05

JSCapture – こんなことまで!JavaScriptでスクリーンショット&キャストの保存

HTML5ではgetUserMediaを使ってWebカムにアクセスできるのは良く知られています。しかしデータの入力元は他にも考えられます。その一つがディスプレイです。画面に表示されている内容は確かに出力データになるでしょう。そんな画面の内容をキャプチャできる機能が最新のGoogle Chrome(35以上)から登場して...

List

  • 2014/05/10

Scrup – スクリーンショット撮影&加工&即アップロード!

スクリーンショットを撮って、そのままアップロードするという系統のサービスは幾つかあります。日本ではGyazo

List

  • 2014/03/04

concatss - 縦長画面のスクリーンショットを一つに結合!

これは便利そう!スクリーンショット言うと表示されている箇所だけを画像化する訳ですが、それでは縦長の画面は撮影できません。Webサイトではブラウザをスクロールさせるなどして縦長でも対応できるタイプのソフトウェアがありますが、それ以外の普通のソフトウェアの場合は困難です。そこで使ってみたいのがconcatssです。各画像を...

List

  • 2014/02/28

Recordit – ごく手軽に使えるMac OSX用操作録画ソフトウェア

コンピュータ操作を動画として録画したいというニーズは強くあります。Mac OSXであればQuickTimeでデスクトップ録画できるようになっていますが、録画した後にオンラインで公開するまでのステップが若干面倒だったりします。そこで操作を録画から公開までを素早く行えるソフトウェアとしてRecorditを紹介します。とても...

None

  • 2014/02/28

snapIt - Watirと組み合わせてブラウザ自動操作&スクリーンショット保存

バイナリは実行時にこけてしまったのですが、とても気になるのでご紹介。最近自動テストとスクリーンショットを組み合わせた試みが幾つか出てきています。つまりブラウザを自動操作してテストしつつ、それぞれの場面をスクリーンショットに保存することで振り返りを容易にするイメージです。Rubyを使ってSeleniumライクにブラウザの...

List

  • 2014/02/22

pageres - 指定幅でのスクリーンショットをまとめて取得

コマンドで実行できるから自動化も楽々ですね!レスポンシブWebデザインはブラウザ幅によって表示が変わるので確認が大変です。一つのURLごとに複数の表示を確認しなければなりません。そんな手間を軽減してくれるツールがpageresです。コマンド一つで複数のブラウザ幅におけるスクリーンショットを取得してくれます。## pag...

List

  • 2013/10/10

スクリーンショットの撮影&編集「qScreenshot」

qScreenshotはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア(GPL)です。Webサイトやアプリケーションのスクリーンショットを撮るツールは幾つかありますが、今回は撮影してそのまますぐに編集も行えるqScreenshotを紹介します。Windows/Mac OSX/Linuxとマル...

List

  • 2013/09/24

JailBreakなしでiOS操作を録画「RecordMyScreen」

RecordMyScreenはiOS用、Objective-C製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。iOSでスクリーンショットを撮るのは簡単ですが、操作動画の撮影はどうやったら良いでしょう。シミュレータをQuickTimeで録画する方法もありますが、あまりスマートではあ...

List

  • 2013/09/14

スクリーンキャプチャをアニメーションGIFで保存「LICEcap」

LICEcapはWindows/Mac OSX用のオープンソース・ソフトウェア(GPL)です。ソフトウェアの操作を動画として紹介したい場合、スクリーンキャプチャ系のソフトウェアを使うと思いますが、今回は一風変わった方法を紹介します。それはLICEcapを使ってアニメーションGIFとして保存する方法です。メイン画面です。...

List

  • 2013/08/14

二つのドメイン間の表示差分をチェック「wraith」

wraithはRuby製のオープンソース・ソフトウェア(MIT License)です。Webサイトがリニューアルしたりちょっと表示を変更したりした際にそれをチェックする術があると便利です。今回はBBCニュースが開発したwraithを紹介します。インストールは一行のコマンドを実行するだけです。設定を作成した後はrakeコ...

List

  • Premium_s 2013/08/09

使えるWebサービス・オープンソース(10)「スクリーンショット活用」

今回はスクリーンショットを活用したサービスに注目してWebサービス、オープンソース・ソフトウェアを紹介します。単純にスクリーンショットを撮影したり加工したりするソフトウェアはOS標準や多彩なソフトウェアがあります。その取得したスクリーンショットをいかに活用するか、そのアイディアにどうぞ。

List

  • 2013/06/25

Webブラウザのスクリーンショットを撮影&Tumblrへアップロード「Screenshot Tumblr」

Screenshot TumblrはGoogle Chrome用のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。Tumblrに投稿する際にWebサイトのサムネイルを載せたいと思うことは良くあると思います。そこで便利に使えるGoogle Chrome機能拡張がScreenshot T...

List

  • 2013/06/21

閲覧したサイトのスクリーンショットを自動的にFlickrにアップロード「Web2Flickr」

Web2FlickrはGoogle Chrome用のソフトウェアです。IT系の方々であればWebブラウジングしない日はないといっても過言ではないでしょう。そこで見たサイト、情報を全てFlickrに登録してしまおうというChrome機能拡張がWeb2Flickrです。ちょっと怖い気もしますが面白いソフトウェアです。インス...