無料でChrome・Firefoxの操作を自動化＆ファイルのアップロードやデスクトップの操作もできる「UI.Vision」
業務には「同じ作業の繰り返し」がつきものですが、何度も同じ作業を繰り返していると「こういう単純作業を任せるために機械ってものが生まれたんじゃないのか？」と思うわけです。無料のChrome・Firefoxの拡張機能「UI.Vision」を使うと操作を自動化できるマクロが組めて単純作業がラクチンになるとのことなので、実際に使っていました。 Open-Source RPA and Web Automation Tools for macOS, Linux and Windows https://ui.vision/ というわけで、実際にUI.Visionを使ってみます。Chrome版とFirefox版は、それぞれ以下の公式拡張機能ストアからダウンロード可能です。 UI.Vision RPA - Chrome ウェブストア https://chrome.google.com/webstore/de
無料でページを保存＆完全オフラインで動作＆ユーザー登録不要のChrome・Firefox・Edge拡張「TagSpaces Web Clipper」
ファイルにタグをつけて管理できるオープンソースのファイル管理ソフトが「TagSpaces」です。このTagSpacesのブラウザ拡張機能「TagSpaces Web Clipper」を使えば、ウェブページをタグ付けでローカルに保存でき、TagSpacesと併用することで保存したページの内容を強調表示したり、テキストを追加したりと、簡単に編集することが可能になります。 TagSpaces Web Clipper - Chrome ウェブストア https://chrome.google.com/webstore/detail/tagspaces-web-clipper/ldalmgifdlgpiiadeccbcjojljeanhjk TagSpaces Web Clipper – Get this Extension for ???? Firefox (en-US) https://addo
そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
JSで想定外に画面遷移するとき、消えてしまうログを残してデバッグする（ひとり DevTools Advent Calendar 2020 – 20日目） | Ginpen.com
20 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 ログ類は画面や DevTools を再読み込みすると全部消えちゃいます。普通はそれでいいけど、画面移動直前の様子を知りたい場合には不便です。 そんなときは Preserve log をオンしておくと記録が残るようになります。Console パネルと Network パネルで利用できます。 コンソールのログを残す Console パネルを開く Console パネル右上のコンソールの設定ボタンを押し、設定欄を開く “Preserve log” のチェックを入れる これで、例えば beforeunload イベントとか pagehide イベントとか、そういうイベントでの処理のログも残るようになります。 const eventLogger = (event) => console.lo
Elementsパネルで編集したCSSをそのままファイルに保存する（ひとり DevTools Advent Calendar 2020 – 12日目） | Ginpen.com
12 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 スタイルの微調整って Elements パネルでやるじゃないですか。数字変えたり色変えたり。あるいはレイアウト崩れたときに Elements パネルであっちこっちいじりながらデバッグしたりとかも。で、あれこれ変えてよし完璧ってなって、はてどこを変更したっけなと。そういう経験は皆さんおありだと思います。あるよね？ Chrome DevTools でローカルのフォルダーを開いておくと、localhost での変更をそのままファイルに反映、つまり Elements パネルで調整した CSS を保存することができます。 【書いた】DevToolsをIDE化するやつです / Elementsパネルで編集したCSSをそのままファイルに保存する（ひとり DevTools Advent Calen
Twitterのタイムラインに流れる画像や動画をまとめて保存できるブラウザ拡張機能「Twitter メディアダウンローダ」
Twitterで、お気に入りの絵師の画像をまとめて一気に手元に保存したいとき、画像を1枚ずつ選んで保存していくのは時間がかかります。そこで役に立つのが、タイムラインの画像や動画をまとめて検索し、ZIPファイルにまとめて保存することが可能なブラウザ向け拡張機能「Twitter メディアダウンローダ」です。 Twitter メディアダウンローダ – ???? Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/tw-media-downloader/ Twitter メディアダウンローダ - Chrome ウェブストア https://chrome.google.com/webstore/detail/twitter-media-downloader/cblpjenafgeohmnjknfhpdbdljfkndi
Chrome-Password-Grabber - Google Chromeに保存したパスワードをまとめて取得
Google Chromeでパスワード管理をしている人は多いでしょう。Google Chromeをメインブラウザとして使っている人であれば大抵そうでしょうし、無料で使えるのも便利です。パスワードさえ漏洩しなければ安全です。 逆に言えばパスワードが漏洩すれば大惨事になる可能性もあります。Chrome-Password-Grabberを使えばパスワードを全部引き出せます。 Chrome-Password-Grabberの使い方 実行例です。 $ python chrome.py /path/to/Google/Chrome/Default/ { "data": [ { "url": "https://www.example.com/", "username": "test", "password": "password" }, : ] } macOSの場合、二回パスワードが聞かれました（キーチ
任意のWebページの表示や内容を1つのファイルで魚拓ライクに保存するOSSのブラウザ拡張・「SingleFileZ」
SingleFileZは任意のWebページの表示やコンテンツを1つのファイルだけで保存する魚拓ライクなChromeエクステンションです。当ブログでもテストしましたが日本語でも問題なく、完璧に保存できました。 OSSとしてもソースコードが公開されています。先発のSingleFileのフォークだそうで改良されて改めてOSSとして公開されています。 永久保存の保障が無いWebサイトを保存したい事もあると思います。Webサービスの魚拓やアーカイブサービスが良く使われますが、やはり保証はないのでこのようにダウンロードできるツールの選択肢もあると良いかもしれませんね。 注意点 ダウンロードしたファイルの扱いに関する注意点はここでは割愛しますが、本エクステンションを使う際の注意点が一つだけ。 上図のように、セッティング項目の「ファイルの URL へのアクセスを許可する」をONにしておかないと閲覧できませ
SingleFileZ - URLを一つのファイルにアーカイブ
Webサイトは運営側のタイミングで消すことができます。一度消されてしまったコンテンツは二度と戻ってこないので、Web魚拓のようなサービスでアーカイブしたりします。 個人用途であればSingleFileZを使ってみるのもお勧めです。 SingleFileZの使い方 HTMLファイルを保存した例です。画像も埋め込みになっています。 設定です。多彩な項目が用意されています。 SingleFileZを使えば簡単に今見ているWebサイトをアーカイブできます。クリック一つなので、気になるサイトがあればどんどんアーカイブできるでしょう。もちろん動画などのコンテンツはできませんが、画像であれば問題ありません。 SingleFileZはGoogle Chrome/Firefox用、JavaScript製のオープンソース・ソフトウェア（GNU Affero General Public License）です。
無料で画面をキャプチャしてムービーを録画・保存できるシンプルなChrome拡張機能「Aperture」 - GIGAZINE
ホームページの様子を紹介したり、アプリの操作手順を伝えるような短めのムービーを作りたいと思ったときに、「ムービーをキャプチャするソフトで撮影して、編集ソフトで編集してからエンコードして……」という手順を踏むのは大変です。無料のChrome拡張機能「Aperture」を使えば、キャプチャするアプリやウィンドウを指定するだけで、録画から編集、保存までをブラウザ内で一気に行うことが可能です。 Aperture - Simple Screen Video Recorder - Chrome ウェブストア https://chrome.google.com/webstore/detail/aperture-simple-screen-vi/jlbnmcnmjhcgdnbkdlgmibahbffjlnpa ブラウザ「Google Chrome」を使って上記URLにアクセスして「Chromeに追加」をク
無料で簡単に30種類以上のブラウザのプロファイル設定を保存・復元可能な「Hekasoft Backup＆Restore」
ブックマーク、インストールした拡張機能などブラウザのユーザー設定をまとめたプロファイルは、Mozilla FirefoxやGoogle Chromeなど一部のブラウザはアカウントに紐付ける形で共有が可能です。しかし、個人情報を含むデータをネットワークで共有することに抵抗を覚える人もいるはず。「Hekasoft Backup＆Restore」はクリック1つでプロファイルの保存と読み込みができるフリーソフトで、オフラインでも簡単にブラウザのプロファイルのバックアップを取ったり別デバイスに移行することが可能です。 Hekasoft Backup＆Restore 0.75 | Free Browser Backup Software http://www.hekasoft.com/hekasoft-backup-restore/ 公式サイトから、EXE形式のインストーラー版とZIP形式の非インスト
なにこれ、スゴすぎる！ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ
Gmailに2クリックでウェブページのリンクを保存したりメールで共有したりできるGoogle公式Chrome拡張「Inbox by Gmail」
ウェブサイトのURLを保存したいがために自分から自分にメールを送る、という作業を行ったことがある人も多いはず。Googleが、そんな手間を省くためにウェブサイトから2クリックで簡単にページURLをGmailに保存したり、メールで誰かと共有したりできるChrome拡張「Inbox by Gmail」を公開しているので、実際に使ってみました。 Official Gmail Blog: Inbox by Gmail: a better way to keep track of events, newsletters and links https://gmail.googleblog.com/2016/04/inbox-by-gmail-better-way-to-keep-track.html Inbox by Gmailを使うにはまず、以下のウェブページにアクセス。 Inbox by Gma
簡単にウェブ画面をキャプチャして文字・枠乗せなど編集も可能な「Nimbus Screen Capture」
インターネットをしていると思わず表示中の画面をキャプチャして保存したくなることもありますが、そんな時に役立つ機能が「Nimbus Screen Capture」です。Nimbus Screen CaptureはブラウザソフトのGoogle ChromeとFirefoxで使えるブラウザ拡張機能で、画面の一部を切り取ったり、ウェブページ全体を簡単な操作だけで行うことができます。 Nimbus - Nimbus Screen Capture http://nimbus.everhelper.me/screenshot.php ◆ブラウザに拡張機能をインストール Nimbus Screen Captureを利用するためには、まずは各ブラウザに拡張機能をインストールする必要があります。以下ではブラウザ別のインストール手順を記載していますが、なぜかGoogle Chrome版とFirefox版で名称が
目的に応じて使い分ける、WebページをPDFで保存する2つの方法
WebページをPDF化して保存したい場合、大きく分けて2つの方法がある。テキストや画像を選択できる状態で保存する方法と、ページ全体を1枚の画像として保存する方法だ。目的に応じてどちらも利用できるようにしておくと便利だ。 保管コストの削減はもとより、劣化の防止や検索性の向上、再利用の促進などさまざまな利点が認められ、徐々に広がりつつある紙の文書や帳票のデジタルデータ化ですが、用途や目的を考慮せずにむやみにスキャンすることでかえって効率が悪くなったり、作業に手戻りを発生させてしまうことも少なくありません。 また商法や税法で保管が義務付けられている文書の場合、電子帳簿保存法やe-文書法などのルールに則った手順を踏む必要があり、自分の判断でやみくもにデータ化するわけにいかないといった事情もあります。 本連載ではこうした現在の状況を踏まえつつ、文書のデータ化にまつわる情報、さらにはフォーマットである
Google Chromeで表示したページのHTMLソースをダウンロードする方法
Google Chromeで表示したページのHTMLソースをダウンロードする方法を紹介します。 １．問題点 前置きが長くなりますが、Firefoxとの動作の比較からChromeでの問題点を説明します。 まず、次のHTMLマークアップのページがあるとします。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <title>テスト</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div id="container"> <h1>test</h1> <div id="content"> <h2><a href="http://user-domain/test.html">テスト</a></h2> <p>本文です本文です本文です本文です本文です</p> </
右クリックで画像保存ができない時のもっと楽な方法 | WWW WATCH
ライフハッカーさんで、Web ページ内の画像を右クリック保存できないときに、Google Chrome や Firefox のインスペクタから、該当のソースコードを見つけて云々みたいな方法が紹介されていたんですが、インスペクタ開くところまで行ったなら、もっと簡単に Web ページ内で読み込まれてる画像を見る方法があるので書いてみます。 右クリックで画像保存ができない時はこの方法を試すべし！ : ライフハッカー Google Chrome の場合は 「インスペクタ」 → 「リソース」 タブ Google Chrome の場合は、ページ内で右クリックしてコンテキストメニューを表示、「要素を検証」 までは記事で書かれている通りでいいんですけども。 その後、要素を見るんじゃなくて、そのすぐ横にある 「Resources」 タブをクリックして、ちょいとを見ると、「images」 ってところに見ている
Top 10 Best Luxury Watches News | Invisible – 2019 Most Popualr Watches News
An excellent timepiece is a signal of success and confidence. Unfortunately, that also means they come at a hefty price tag. Brands like Omega, Patek Phillipe, and Tag Heuer are extraordinary watches (with extraordinary costs, too). If you want all the style and prestige that comes with a luxury watch but are looking to be sensible with your money, a replica watch might be the right fit for you. G
YouTube人気急上昇
【ゆっくり実況】ゆっくりレジェンズ スーパートランザムゥゥゥゥゥゥゥゥゥゥゥゥゥ！！！とアルティメット悟飯を使ってPVP！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
