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

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

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

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

もっと見る

None

  • Premium_s 2017/03/18

業務で使えるオープンソース(226)「スクリーンキャスト」

今回のテーマはスクリーンキャストです。MOONGIFTでもソフトウェアを紹介する際に、要所でアニメーションを使って説明するようにしています。動きが分かるとどういったソフトウェアであるか分かりやすいことが多いからです。今回はそんなスクリーンキャストを撮るためのソフトウェア、そのフォーマットについて紹介します。## 動画デ...

List

  • 2017/02/08

tlapse - 指定したURLに定期的にアクセスしてスクリーンショットを保存

Webサイトの作成はゼロから形になるものを作っていく、作品としての一面を持っています。いきなり完成品ができあがる訳ではなく、色々試行錯誤しながら、再読込を繰り返しつつできあがっていきます。そんなWebサイトのできあがっていく様を残し続けてくれるのがtlapseです。## tlapseの使い方tlapseは以下のように利...

List

  • 2016/12/14

concatss - 複数の画像をくっつけて一つの縦長画像に変換

縦長の画面をまるごとスクリーンショットを撮りたいと思っても、OS自体がそういった機能を提供していないことがあります。Webブラウザはどうにかなりますが、例えばiOSではそんな機能はありません。そこで使ってみたいのがconcatssです。複数の画像をアップロードして、一つの縦長画像に変換します。## concatssの使...

List

  • 2016/12/12

traquer - Web上の操作を記録&再生

Webページではマウス操作やキーボード入力が折り混ざるので、どう操作したことによって不具合が出たかという再現するのが難しいことがあります。しかしユーザの操作の中に、解決のヒントがあるはずです。そこで使ってみたいのがtraquerです。Webページにおける操作を記録、再生できるライブラリです。## traquerの使い方...

None

  • Premium_s 2016/11/23

業務で使えるオープンソース(214)「Webサイトスクリーンショット」

業務の中でWebサイトのスクリーンショットを撮る機会は意外と多いものです。資料、ヘルプ、仕様書、スライドなど様々な場面でスクリーンショットを撮影します。多くはOS標準の機能を使いますが、思い通りに撮れないこともあります。そんな時に使いたいソフトウェアをまとめて紹介します。そうしたソフトウェアを使うメリットについても合わ...

List

  • 2016/10/26

Kyapchar - macOS用のシンプルなスクリーンキャスト

Mac OSXでは標準にインストールされているQuickTimeでスクリーンキャストができます。標準のソフトウェアでできるのは便利なのですが、元々QuickTimeは動画再生ソフトウェアなので若干重たいのが難点です。そこで使ってみたいのがKyapcharです。シンプルで使い勝手の良い操作録画ソフトウェアです。## Ky...

List

  • 2016/10/25

Kap - Web技術を使ったスクリーンキャスト

ソフトウェアのデモ動画を作成する際などにスクリーンキャストが便利です。昔はあまり良い選択肢が多くなかったのですが、今では多くのソフトウェアが存在します。Mac OSXであれば標準でインストールされているQuickTimeで録画することもできます。今回紹介するKapはオープンソースのスクリーンキャストソフトウェアで、We...

List

  • 2016/07/19

ScreenToGif - Windowsの操作をアニメーションGIF/動画化

最近はソフトウェアの動きを表現するのにアニメーションGIFを使うようになっています。動画はYouTubeなりにアップロードするのが面倒だったり、再生ボタンを押させるのも手間に感じてしまいます。スクリーンキャストを撮るのに使ってみたいのがScreenToGifです。Windows用のソフトウェアで、筆者がMac OSX用...

List

  • 2016/04/19

Rec - Eletron製のスクリーンキャスト

ソフトウェアを紹介する際にデスクトップの操作を記録することは多々あります。最近はアニメーションGIFをよく使うのですが、YouTubeにアップロードする場合は動画で録画する方が良いでしょう。今回紹介するオープンソース・ソフトウェアはRec、Electron製のデスクトップレコーダーです。## Recの使い方Recを実行...

List

  • 2016/02/14

Screenshot as a Service - Webサイトのスクリーンショットを保存するコマンド

Webサイトのスクリーンショットは色々な場面で使われます。ニュース系サイトであったり、Webサイトを紹介するブックマーク的なサイトでも使われるでしょう。そんなスクリーンショットを一つ一つ手動で保存していたら時間がかかってしまいます。そこで使ってみたいのがScreenshot as a Serviceです。Webサイトを...

List

  • 2015/09/19

Snip - アニメーション付きでスクリーンショットに注釈

最近開発者界隈での活動が活発になっているMicrosoft。多くのオープンソース・ソフトウェアが開発されており、そうでないものにしてもエッジが効いていて開発者の心に刺さりまくっています。そんなMicrosoftよりリリースされたのがSnip、スクリーンショットの撮影&注釈付けができるソフトウェアです。## Snipの使...

List

  • 2015/09/04

Screenotate - スクリーンショットから自動で文字起こし

当たり前ですが、スクリーンショットは画像で保存されます。Webサイトを画像として残したい時にはそれで十分ですが、ニュースや記事などテキスト情報が欲しいと思うこともあるでしょう。そんな時にテキストだけ別で保存するのは面倒くさいです。そこで使ってみたいのがScreenotateです。撮影したスクリーンショットをORC解析し...

List

  • 2015/08/24

scrnshtr – Slack連携のWebスクリーンショット取得

Slackを使って情報共有している人は多いかと思います。Slackを使うと外部サービスとの連携が容易に行えるので、数多あるサービスのハブとして情報を蓄積するのが便利です。今回は連携サービスの一つ、scrnshtrを紹介します。自分でHeroku上に立てて、指定したサイトのスクリーンショットが取得できるサービスです。##...

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のライブラリとして提供さ...