「Chrome」、動画フレームをコピーする新機能を追加--スクリーンショットが不要に
Googleの「Chrome」を使っている人は、スクリーンショットを撮らずに動画フレームをコピーできる新しい方法を使えるようになった。同社は米国時間8月31日、Chromeの「Copy Video Frame」機能を発表した。その名称が示す通り、動画フレームをコピーする機能だ。 Googleは公式ブログで「Chromeで再生中の動画を好きなところで一時停止して、求めるフレームのきれいなコピーがとれる」と述べている。 Copy Video Frameを利用するには、Chromeで再生中の動画を一時停止し、動画フレームを右クリックして、ポップアップメニューからCopy Video Frameを選択すればいいとGoogleは説明している。 Googleは、いつものやり方で動画フレームのスクリーンショットを撮ると、画像の質が低くなり、動画のプログレスバーが最下部に映り込む可能性があると指摘している
【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - Qiita
JavaScript の console がすごいことになっているらしい。 本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・ そんなわけで以下のコード console.log("Object value:
【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法！ | iSchool合同会社
拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。 そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。 PCサイトでページ全体のスクリーンショットを撮る方法 PCサイトでページ全体のスクリーンショットを撮る方法についてです。 次の手順で行ってください。 デベロッパーツールを立ち上げる 詳細機能を呼び出す 「capture」もしくは「full」と入力し、「Capture full size screenshot」を選択 ページ全体のスクリーンショットがダウンロードされる 1. デベ
Headless Chromeでデザイン変更履歴を追える魚拓を作ってみた - pixiv inside
はじめに こんにちは、普段はPawooの開発を担当している新卒エンジニアのabcangです。 最近話題のHeadless Chromeを使って魚拓を作ってみましたので、その話をします。 結論から言うと、こういうものができました。 以下、詳しくお話していきます。 日々行われるデザイン変更をどう把握するか pixivには毎日新機能やUIの変更がデプロイされており、どんどんページが変わっていきます。 ある日、ディレクターから「デザインの変更履歴を追うための魚拓ツールがほしい」と相談されました。魚拓ツールがあると、なにか数値の変動があったときにデザインの崩れを確認したり、過去のデザインを振り返ったりするときに便利とのことです。 ちょうどそのタイミングでHeadless Chromeが利用できるGoogle Chrome 59がリリースされていたので、試すいい機会だと思い引き受けました。 Headl
スクリーンショットを撮るのはChromeがいちばん?! | DevelopersIO
新しい職場、新しいパソコン。まず始めに入れるツールの一つがスクリーンショットではないでしょうか。 でも、Chromeのver.59からは、標準機能として装備されたようなのです。 やりかた ChromeのDevelopers Toolを立ち上げる。 Macだと、Chromeを開き「alt + command + i」を同時に押す。 レスポンシブ表示にする 続いて、command + shift + m を押します。または、下記のボタンを押してください。 画面上部に、解像度やデバイスを変更するセレクトボックスが表示されます。 デバイスの選択肢を増やす 必要最低限はありますが、PCのスクリーンショットも取れるようにしたいので、Editを押します。 デベロッパーツールの表示が切り替わるので、「Laptop with HiDPI Screen」と「Laptop with MDPI Screen」をチ
サクッと画像加工したいなら『Polarr』がいいよって話！ - wepli.2
ブロガーとしてデビューして早いもので、約１年半が経ちました。その間、色々なツールを試してきましたが、本日は、その中でもとっても使い勝手が良く、無料でおしゃれな画像加工ができる『Polarr』をご紹介したいと思います。サイト上でサクッと画像加工が簡単にできちゃうので、とってもおすすめですよ。 『Polarr』とは！？ 『Polarr』はこんな感じのツールです！ フィルター① 焦点の... フィルター② 暖かさ フィルター③ フォーム 高度な画像加工 さいごに 『Polarr』のダウンロード等 『Polarr』とは！？ 画像加工ツールの『Polarr』には、現在のところ、ブラウザ版とChrome版とデスクトップ版とスマホ版がリリースされています。ほぼ全ての環境で使うことができますが、僕の場合はブラウザ版で、コトが足りてしまいますので主にブラウザ版を使用しています。無料版でも多数のフィルターなど
美女LGTMの画像を探すChrome拡張を作った。 - パルカワ2
Lgtmer LGTM、オッサンの画像では喜べない。喜べるのは美女だけだと前書いた。 これは、美女である吉高由里子にLGTMされるIRCbotだけど、今回は吉高由里子だけではなく様々な美女からLGTMされるchromeの拡張を作った。 画像を検索して、画像をクリックするとMarkdownの形式でコピーされてすぐ貼り付けられる。便利 インストール まずはcloneしてくる cd $HOME git clone git@github.com:hisaichi5518/lgtmer.git ./lgtmerしてきたら、ツール＞拡張機能で拡張機能のページを開く。 開いたら、以下のように操作する。 たぶんこういうのが出てくるので、さっきcloneしてきたフォルダを指定してやる。 そうするとインストールされる。 ハッピー！ https://gist.github.com/hisaichi5518/a6
Gifアニメを作るChrome拡張Animated Gif Captureを公開しました - demouth::blog
「Animated Gif Capture」というアニメーションGifを作るChrome拡張を公開しました。 Chromeに表示中のWebページをアニメーションGifに変換します。また、オプションページから設定を変更すると、デスクトップやChrome以外のウィンドウもアニメーションGifにすることが出来ます。 Chrome Web Storeに登録してあるので、ここからインストールできます。 Chrome Web Store - Animated Gif Capture - アニメーションGifキャプチャ キャプチャ例 Flashもキャプチャできます。 ※http://demouth.net/sketch/016/ 以前私がAS3で作ったやつ FlashのキャプチャできるのでVimeoでもYouTubeもいけます。 フレームレートを高めると滑らかなアニメーションGifになります。 ※これは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
たった数ステップで印象的なソースコードのスクリーンショットを作成できる「Marmoset」 - 窓の杜
YouTube人気急上昇
Chromeを高機能な画像加工ツールに変身させてしまう「Instant Image Editor」*二十歳街道まっしぐら（FC2ブログ時代）