Headless Chromeでデザイン変更履歴を追える魚拓を作ってみた - pixiv inside
はじめに こんにちは、普段はPawooの開発を担当している新卒エンジニアのabcangです。 最近話題のHeadless Chromeを使って魚拓を作ってみましたので、その話をします。 結論から言うと、こういうものができました。 以下、詳しくお話していきます。 日々行われるデザイン変更をどう把握するか pixivには毎日新機能やUIの変更がデプロイされており、どんどんページが変わっていきます。 ある日、ディレクターから「デザインの変更履歴を追うための魚拓ツールがほしい」と相談されました。魚拓ツールがあると、なにか数値の変動があったときにデザインの崩れを確認したり、過去のデザインを振り返ったりするときに便利とのことです。 ちょうどそのタイミングでHeadless Chromeが利用できるGoogle Chrome 59がリリースされていたので、試すいい機会だと思い引き受けました。 Headl
404
File Not Found アクセスしようとしたページは 見つかりませんでした。 以下のような原因が考えられます。 記事が削除された URLが間違っている
待望のSkitch for Windowsが公開されてる！
Skitchは、Macなどで使えるスクリーンキャプチャを取ったり、画像に矢印や文字を書き加えたりするのが得意な有名ソフトです。 目次 1. 人気だけどWindows版が無い2. やっぱりなさそう3. あれ？Windows版がある！4. ただし、Windows 8 専用5. Skitch for Windowsを紹介している海外ニュースサイト6. Windows 8 環境が整っていれば是非 スポンサーリンク 人気だけどWindows版が無い Skitchはブログ画像を編集するのにもよく使われていて、見た目も良い感じなので「自分も使いたいなぁ」と思っていたのですが、Windows版が無いというのが問題でした。 で、ちょっと「Skitch Windows」とかでぐぐってみると、代わりに「Screenpresso」や「Jing」が紹介されています。ちなみに私はJingユーザ。 やっぱりなさそう W
多彩な手法でスクリーンショットを作成&加工·LiveCapture MOONGIFT
LiveCaptureは多彩なモードに対応したデスクトップスクリーンキャプチャソフトウェアです。 コンピュータのスクリーンショットを撮る機会は多いのですが、Windowsデフォルトのスクリーンショット機能は非常に貧弱で使い勝手が悪いです。そこで使ってみたいのがLiveCaptureです。 起動しました。タスクトレイの他に、フローティングウィンドウが表示されます。 囲い込んで一部をキャプチャできます。 囲んだ後、移動できます。 矢印やテキストを追加して分かりやすい編集も。 LiveCaptureではフルスクリーン、アクティブウィンドウ、一部のコントロール、選択したエリア、フリーハンドのキャプチャなどができます。さらにWebブラウザのように縦長の場合に全体をキャプチャしたり（ブラウザによるようです）、スクロールしてキャプチャもできます。時間を指定してそのタイミングでキャプチャも可能です。 Li
fulmo 1.0 リリースと機能紹介 | tracpath.com
こんにちは。今回はオープングルーヴが開発したオープンソースのブラウザアプリケーション「fulmo(フルモ)」が大幅にバージョンアップしましたので紹介します。 fulmo(フルモ) Webアプリのスクリーンキャプチャー&バグレポート紹介 fulmo はブラウザ専用のスクリーンキャプチャーとBTSへのバグレポート機能をもっています。これまでの機能は Webアプリケーションのスクリーンショットを作成し、BTS(バグ管理)に登録 BTS(バグ管理)に新規チケット登録 複数のサイトを管理、いつでも切替 Trac, Trac Lightning, ciklone に対応 右クリックメニューやツールバーのアイコンからすばやくチケット登録 対応ブラウザ: Google Chrome 12 以降、Firefox 3.6 以降 (IE、Safari、Opera には対応しておりません) でした。今回、fulm
遂にキタiPhone画面のスクリーンキャプチャ動画を録画出来るアプリ「Display Recorder」 | nori510.com
遂にきました！どーも@nori510です。 以前より脱獄アプリとしてリリースされていた、iPhoneの画面をそのまま録画出来るアプリ「Display Recorder」が遂にアップルの認可を得て、App Storeに並んでおります。 Display Recorder カテゴリ: 写真／ビデオ 価格: ￥170 iPhoneスクリーンキャプチャ動画を録画「Display Recorder」 「Display Recorder」は、アプリを立ち上げた画面で、録画ボタンをタップすれば、ストップボタンをタップするまでのスクリーンキャプチャ動画が録れて保存されるというモノ。 とっても簡単にiPhoneのスクリーンキャプチャ動画が録れるので、iPhone画面の動きを伝えたい時など重宝しそうです。 Display Recorderの使い方 使い方はいたってシンプル。 録画ボタンを押して、 録画ボタン右の
fulmo – Webアプリのためのスクリーンキャプチャー&バグレポートツール – | tracpath.com
こんにちは。今回はオープングルーヴが開発したオープンソースのアプリケーション「fulmo(フルモ)」をご紹介します。 fulmo とは、高速・シンプルで簡単なウェブアプリケーション向けのスクリーンキャプチャー&バグレポートツールです。(ブラウザ拡張) fulmo は アジャイル開発チーム エンジニア Webデザイナー 品質管理チーム テスター のためのツールです。バグを発見してから、ワンクリックでバグレポートを登録する画面が表示されるため、すばやくバグレポートを登録することが出来ます。さらにバグ発生時のスクリーンショットも一緒に登録できますので、「説明不足なバグレポート」や「なんかバグってますが・・・」というレポートから問題発見を力強くサポートします。 開発中のWebアプリケーションで見つけたバグをすばやく、簡単に報告することが出来ます。もちろん、ブラウザで動作するアプリケーションすべて(
一定時間おきに自動でスクリーンキャプチャを撮って保存してくれるフリーソフト「AutoScreenCap」
マニュアルを作成するときなどに、画面のキャプチャを何度も撮ることがありますよね。そのキャプチャを撮るタイミングというのは、自分が操作して「ここだ」と感じたところになるわけですが、場合によっては大事なポイントで画面キャプチャをしていないこともあるはず。 そういったときに、同じ手順をくりかえしてキャプチャするのはなかなか面倒です。 今回は、そんなキャプチャのもれをなくしたい時に役立つ便利なフリーソフトをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 自動的に一定時間おきに画面キャプチャを保存してくれるフリーソフト 「AutoScreenCapは、指定した時間おきに自動的にスクリーンキャプチャを撮って保存しておいてくれるフリーソフト。 ウェブアプリなどの操作マニュアルを作成するときに、画
橋本商会 » webページを印刷できるようにキャプチャしてPDFファイルにまとめる
webkit2pngを使うとwebページをキャプチャして画像にできるので、さらにImageMagickでA4サイズでの印刷用に加工してpdfjamで1つのPDFファイルにまとめるようにしてみた。 こんなpdfができる。 ■準備 必要なツールをhomebrewとrubygemsでインストールする brew install webkit2png imagemagick pdfjam gem install ArgsParser ■キャプチャする ruby capture_webpage.rb -url http://shokai.org/blog -out tmp/shokai-blog.pdf –landscapeオプションを付けるとA4横長ページにできる。 ■コード capture_webpage.rb #!/usr/bin/env ruby ## capture webpage and
iPhoneでWebページすべてを一発でキャプチャするアプリ-Web Scroll Capture - 適宜覚書-Fragments
PC用のスクリーンキャプチャツールやWebブラウザの拡張機能として、Webページすべてを一発でキャプチャ出来るものがあります。これらを使うと一画面に収まらず縦にスクロールダウンして表示するような内容も簡単に一枚の画像に写し出せます。 しかし、iPhoneのWebブラウザだとiOS標準の画面全体のキャプチャしか出来ません。今回は、これを解決するひとつの方法としてWeb Scroll Captureというアプリを紹介します。 iPhoneでWebページすべてを一発でキャプチャするアプリ-Web Scroll Captureの導入 表題ではiPhoneと書いていますが、iPad、iPod TouchなどのiOS機器で同様に利用可能と思われます。以下は筆者検証環境のiPhone4S(iOS5.0.1)でのものです。 App Storeをタップして「Web Scroll」で検索してWeb Scrol
かゆいところに手が届きすぎる、高機能キャプチャソフト『Snagit 10』レビュー | ライフハッカー・ジャパン
先日紹介した「自分しかやっていない面倒なちょっとした作業を引き継ぐための5つのステップ」という記事、とても人気がありました。人気があるということは、それだけ悩みを抱いている人が多い、という現れでもあります。その記事にあったように、自分だけが行っている仕事を引き継いだり、チームで手分けして仕事をすることも視野に入れないと、仕事の幅は広がらないですよね。これは会社勤めでも、フリーランスでも同じこと。 ライフハッカーでは数々の便利なフリーソフトを紹介していますが、フリーソフトが万能、といえない場合もあります。独りで仕事する分には、自分だけが使いこなせるフリーソフトをでも問題ないけど、協業するときには、相手のPCスキルだったり、PC環境だったり、いろいろと考慮しないとならない要素がつきものです。 さて、誰しも一度は経験があるであろう「画面のキャプチャ」は、ほとんどの人がフリーソフトを使っていると思
デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくした
画面のスクリーンショットを，Excelブック内に自動的に保存するバッチ - 主に言語とシステム開発に関して
バッチ・マクロのTOPへ 画面のスクリーンショット（キャプチャ）を，バッチで自動的に取得しよう。 そしてExcelブック内に，自動的に保存する。 開発プロジェクトで，画面定義書などのドキュメントを効率的に作成するために利用可能。 使う技術は Excel VBA WSH の２点。 （１）Excel側でキャプチャするコード （２）Excelのマクロを外部から呼び出すバッチ 補足：別の方法 （１）Excel側でキャプチャするコード まずExcel側のVBAマクロ。 標準モジュールの中の「Module1」に，下記の関数を作成。 Private Declare Sub keybd_event Lib "user32" (ByVal bVk As Byte, _ ByVal bScan As Byte, ByVal dwFlags As Long, ByVal dwExtraInfo As Long)
スクリーンキャプチャツール30、+12 | 経営 | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers マニュアルでアプリケーションやWebサービスの操作方法を説明する場合、テキストだけではなく画面のスクリーンショットを掲載することは機能や操作をわかりやすく伝える上で有効だ。またサポートサービスを提供する場合にも、そうしたスクリーンショットは何かと必要になってくる。 Alyssa Gregory氏がSitePointにおいて30 Screen Capture Tools for Sharing Your Viewのタイトルのもと、WindowsやMac OS X、またはクロスプラットフォームで動作する30のスクリーンショットアプリケーションを紹介している。紹介されているアプリケーションは次のとおり。 Windowsアプリケーション !Quick S
uTIPu
uTIPu Home TipCamOnline Casinos Not On GamstopOnline CasinosCasinos Not On GamstopContinuity CentralNon Gamstop Casinos UK Error 404 - Not Found Worth your timeNon-gamstop CasinoCasino En Ligne Retrait ImmédiatSiti Non Aams Legali In ItaliaNon Gamstop CasinosNon Gamstop CasinosCasino Not On GamstopNon Gamstop Casino UKNon Gamstop Casino UKSlots Not On GamstopCasino En Ligne FranceCasino En LigneSi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
勝手にキャプチャの詳細情報 : Vector ソフトを探す！
キャプチャーした画像の強調したい所を矩形で囲んで連番を振れる「PDesk」NOT SUPPORTED
UACのダイアログをキャプチャする方法 - それマグで！
アプリの操作手順を自動で画面キャプチャーする「クリックキャプチャー」NOT SUPPORTED
クリックするたびに画面を保存！ヘルプページ作成などに使える無料ソフト『クリックキャプチャー 』 - IDEA*IDEA ～ 百式管理人のライフハックブログ