ストリームレコーダー
HLS ( HTTP Live Streaming ) で配信されている動画をmp4ファイルとして保存できます。 本ツールを利用するにあたり、必ず利用規約 をお読み下さい。 また、日本国内においては、著作権者の許可なくアップロードされた動画について、それを知りながらダウンロードすることは法律で禁じられています。 上記に同意のうえ、下記ボタンをクリックしてChromeウェブストアへと進んでください。 HLS ( HTTP Live Streaming ) で配信されているストリーミング動画をmp4として保存できます。 ユニークなビデオキャプチャ機能も備えているため、通常のダウンロードアプリでは保存ができない動画についても直接録画することが可能です。 音声・動画データは、そのまま（無劣化で）mp4へと変換されます。 これらの変換はすべて拡張機能内部で行われるため、外部サーバーを利用しません。
はてブの記事を、キーワードや URL でミュートする Chrome 拡張を作った
【追記】Firefox 版も出しました。 はてなミュート - Chrome ウェブストア https://chrome.google.com/webstore/detail/agomiblbpgcimbonnfmlcealkjlegbnf 機能指定したワードを含む記事をミュート指定した URL (の一部) を URL に含む記事をミュート指定した記事を単体で非表示にする訪問済みの記事を目立たなくする（ on/off 選択可）ブコメページを訪問済みの記事を目立たなくする（ on/off 選択可）1, 2 をする拡張は既にあるけど、下記の機能はこの拡張だけで使える。 記事をその場でミュートするhttps://cdn-ak.f.st-hatena.com/images/fotolife/a/anond_user/20230305/20230305094515.png ミュートアイコンを押すと、ポ
ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパン
三井住友カード ゴールド(NL)のデメリットは?メリットない・いらないは勘違い【年会費無料になる100万円修行のコツ】
Chrome DevTools の使い方
DevTools とはElementsStylesComputedEvent ListenersDOM BreakpointsPropertiesAccessibilityConsoleメッセージスタッキングコンソールの履歴実行コンテキストの選択コンソール出力のフィルタリングコンソールの設定Sourcesコード行ブレークポイント条件付きコード行ブレークポイントコード行ブレークポイントの管理DOM 変更ブレークポイントXHR ブレークポイントイベントリスナーブレークポイント例外ブレークポイント関数ブレークポイントNetworkネットワークリクエストの記録読み込み動作の変更リクエストのフィルタリングリクエストの並び替えリクエストの分析リクエストデータのファイル出力Performance概要ペインフレームチャートペイン詳細ペインMemoryHeap snapshotAllocation inst
Chrome拡張機能「EditThisCookie」の使い方を、解説します！ – サウンドテック・ラボ
Google Chrome の拡張機能「EditThisCookie」で、クッキーマネージメントができるようです。 というわけで今回は、Google Chrome の拡張機能「EditThisCookie」の使い方を、解説していきます。 Google Chrome 拡張機能「EditThisCookie」の使い方 今回は、Bloggerで自分のページビューを追跡しないための解決方法を使って、「EditThisCookie」の使い方を、解説させていただきました。 DL＆インストール方法 Chrome ウェブストア – EditThisCookieに、アクセスします。 【リンク】EditThisCookie Chrome ウェブストア – 拡張機能を開く Chromeに追加を、クリック。 「EditThisCookie」を追加しますか？では、拡張機能を追加をクリックしてください。 これでChr
Chrome拡張機能「EditThisCookie」 - クッキーを表示・編集 - 開発メモ - Webkaru
Google Chromeに保存されているクッキーを表示・編集する拡張機能「EditThisCookie」を紹介します。 まずは、こちらから拡張機能を追加しましょう。 https://chrome.google.com/webstore/detail/editthiscookie Chrome ウェブストア「EditThisCookie」のページが表示されるので、「+ 無料」ボタンをクリックします。 クリックすると「EditThisCookie を追加しますか？」というポップアップが表示されるので、「追加」をクリックします。 クリックすると、Chromeウィンドウの右上に「EditThiesCookieが Chrome に追加されました。」というポップアップが表示され、 ジャガイモのような「クッキー」アイコンが追加されます。 EditThisCookie の使い方 追加した拡張機能「Edi
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
PC 版 Chrome モバイルサイト表示シミュレーターの使い方
ブログや Web サイトを構築している人であれば、スマートフォン用サイトの構築に頭を悩ませる経験をお持ちではないでしょうか。 昨今では、ウィンドウサイズによって CSS の適用を変え、同一ソースで表示を調整できるレスポンシブデザインが主流となり、デスクトップパソコン用のサイトだけで事足りる時代は終わりました。 また2015年にはモバイルフレンドリー、2018年にはモバイルファーストインデックスと、スマートフォン用の表示サイトに対するウエイトが大きくなってきている現実もあります。 ただ Web サイトを構築するのはパソコン作業になることが多いため、別途モバイル用のレイアウトをチェックする必要があります。スマートフォン本体で直接確認すれば確実ですが、構築してる段階でもっと簡易的にモバイルレイアウトを確認できると便利ですよね。 そこで登場するのが、スマートフォンからの表示を確認するシミュレーター
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
headless chromeをPythonのseleniumから動かして引数を考えた (Ubuntu 16.04) - Stimulator
- はじめに - Chrome 59が正式版となりheadless版も正式に動き始めました。めでたい。 New in Chrome 59 | Web | Google Developers headless chromeをUbuntuに導入してPythonから触ったという記事です。 Ubuntuへの導入から、実行時の引数となるargsの考察などを含みます。 スクレイピング関連記事です。 vaaaaaanquish.hatenablog.com - インストール - まずPythonからの起動に必要なchromedriverを取得しておきます。 apt-getでも入りますが最新版が欲しいので以下のように。 (記事書いた当時で最新版は2.29) wget https://chromedriver.storage.googleapis.com/2.29/chromedriver_linu
スクリーンショットを撮るのは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」をチ
SeleniumからHeadless Chromeを使ってみた - Qiita
2018年5月6日: Headless ChromeがStableになった後の現状に合わせた新しい記事を書きました。こちらもご参照ください。 先日PhantomJSのVitalyさんがメンテナーを引退するという話が話題になっていました。ヘッドレスなブラウザーを気軽に使う手段としてPhantomJSにはお世話になりました。今後はHeadless Chromeを使って欲しいとのことなので、試してみました。 Node.jsを使うサンプルは多く見つかりますが、諸事情でPythonを使いたかったので、ここではSelenium経由でHeadless Chromeを使います。 Headless Chromeとは Google Chrome 59から使えるようになる予定の、画面を表示せずに動作するモードです。自動テストやWebスクレイピングなどに役立ちます。 2017年4月28日現在、Mac版とLinux
Headless Chrome をさわってみた | CYOKODOG
Headless Chromeのリリースをうけて、PhantomJS のメンテナーが開発の終了を宣言したりとか、ちょっと話題になった Headless Chrome について試してたことをメモっておく。 試したやつのリポジトリ：https://github.com/cyokodog/headless-chrome 概要 ヘッドレス（GUIを表示しない状態）で実行できる Chrome の機能 Chromium と Blink が提供する機能をコマンドラインで利用できる Chrome 59 から利用可（2017/06/08時点ではMAC、Linuxのみ） 活用例 ウェブページのテスト 表示・動作テスト、画像やPDFによる画面のスクリーンショット スクレイピング 認証が必要なサイトでも対応 ヘッドレスで起動する --headless フラグと --disable-gpu フラグ（そのうち指定不要
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome Chrome 59 でリリースされますChrome ブラウザをヘッドレス環境で実行する方法です。 基本的に Chrome なしで Chrome をご利用いただけます。Google が提供する最新のウェブ プラットフォーム機能をすべて使用可能 をコマンドラインに追加することもできます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、自動化されたテストやサーバー環境に最適なツールです。 表示する UI シェルは不要です。たとえば、特定の環境に対する PDF を作成することも、ブラウザで URL がどのようにレンダリングされるのかを調べることもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、Chrome バイナリを開くことです。 使用できます。Chrome 59 以降をインストールしている場合は、--headle
キーボードショートカットをカスタマイズするブラウザ拡張 - ✘╹◡╹✘
この文章は https://github.com/r7kamura/keyworks/ の製作記である。Keyworksはキーボードショートカットをカスタマイズするための凡庸なブラウザ拡張であり、つい先日、思いつきによりつくられた。 いま見ているページをTwitterで共有するとき、あるいはMarkdownで書いた文書にページのリンクを載せるとき、皆どのようなツールを利用しているのだろう。この話題を出すと、それ専用のChrome拡張や、秘蔵のブックマークレット、VimやEmacs風のキーバインドを実現するツールのプラグインなど、みな懐から様々なツールを取り出して楽しませてくれる。自分はというと、これまでKeyconfigというChrome拡張を使っていた。 Keyconfig - Chromeウェブストア https://github.com/os0x/ChromeKeyconfig Ke
ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】 - Qiita
はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば（理解できていれば）とよく思います。 今回、JavaScriptデバッグについてChromeDevtoolsとブレークポイントを使った基本パターンを整理しました。 自身の復習かつ、あまり馴染みの無い方でも、以下おおよそ理解できるようになれば良いなぁ、というのが本稿の目的です。 どのようなものにブレークポイントが貼れるのか どういった時にブレークポイントが発動されるのか ブレークポイントが発動されると何ができるのか ご存知の方には特に目新しいことはないかと思いますが、何かのお役に立てば幸いです。 表示・動作はChrome 50.0.2661.87mで確認したものになります(2016-05-11) タブやパネルの位置は環境によって異なる可能性がありま
チャットワークはアプリケーションショートカットで単独アプリ化するといい
タイトルがすべてを語っているのですが、Chromeのアプリケーションショートカットで、Webアプリケーションを独立させると良い感じにつかえていいですよ。タスク切り替えとか、ウィンドウサイズとか、アイコンとかの点で。 ただ、なぜかMac版Chromeはアプリケーションショートカットが使えないので、その場合の作成方法も後述しています。 Windows, Linuxの場合 Chromeの標準機能に「アプリケーションのショートカットを作成」があるので簡単にできます。 右上のスパナのアイコンから、「ツール」ー「アプリケーションのショートカットを作成」を選択します。 そしてショートカットの作成場所を選択します。デスクトップ、スタートメニュー、タスクバーと登録できます。アプリケーション自体はChromeなので、アンインストールとかは気にせずショートカットの削除だけでOKです。 そして起動するとほらっ！
Mac ChromeユーザのSafari移行ガイド | DevelopersIO
最近、社内チャットでMacでGoogle Chromeが激重という話題が定期的に出ています。 気付けばメモリ不足になっていて、Chromeを再起動すればある程度解消されますが、タブを開いていくとどんどんメモリを食うんですよね。 理由はどうもタブ毎にプロセスを立ち上げているからのようです。 たまに仕事にならないことにもなるので、本格的にSafariへの移行を検討しています。 というわけで、同じような人がいるかもしれませんので、（主に弊社スタッフ向けの）移行ガイドです。 なお、ここもこうした方がいいよ的なトピックがあれば、コメント欄ででも教えてください。 皆さんのノウハウも集めて記事を成長させていきましょうメソッドですｗ ブックマークの同期 ChromeだとGoggleアカウントで同期でしたが、SafariならばiCloudで同期、当然の帰結です。 システム設定の「iCloud」を開き、Saf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Keyboard Shortcuts to Close Other/Right Tabs - Chrome Web Store
【Google Chrome】「特別なURL」でトラシューや開発、管理に便利な機能を呼び出す（一覧あり）
