[B! chrome] gowithyouのブックマーク

超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita

はじめにみなさんはChromeの拡張機能を使っていますか？僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。今回は、普段の業務の効率を上げるのも兼ねて自作してみました!最低限準備するもの manifestファイル Javascriptファイルぶっちゃけ、これだけで動きます。実際に作ってみようそれでは実際に作成していきましょう。今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。まずは、manifestファイルから設定していきます! manifestファイルを参考にして、備忘録も兼ねて説明していきます。今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":

gowithyou 2024/03/31

リンク

ブラウザ自動操作API入門: WebDriver APIとChrome DevTools Protocol(CDP)

ウェブブラウザを自動操作する際には、WebDriverやChrome DevTools Protocol (CDP) などのAPIが広く利用されています。これらのAPIを基盤に構築された様々なブラウザ自動操作フレームワークが、テスト自動化の分野で重要な役割を果たしています。例えば、SeleniumやPlaywrightといったフレームワークを利用して、テストの自動化に取り組まれている方もいらっしゃると思います。私もテスト自動化フレームワークの便利さを享受する一方で、フレームワークを介さずにブラウザを自動操作する方法についての興味がわいてきました。そこで、この記事ではWebDriverやCDPが提供するAPIを直接利用してブラウザを操作する方法を基礎から探求してみることにしました。これにより、私たちが普段利用しているフレームワークの背後にある原理を理解し、より深い知見を得ることを目

gowithyou 2023/11/26

リンク

Google、「Chrome for Testing」を発表～ブラウザー自動化とテストに特化したバイナリ／自動更新による挙動変更や「ChromeDriver」の不一致といった悪夢からWeb開発者を開放

gowithyou 2023/06/14

test
chrome

リンク

無料で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

gowithyou 2022/04/18

リンク

閲覧中のウェブページ全体を単一のhtmlファイルとしてダウンロード＆注釈付けも可能な「SingleFile」レビュー

ウェブブラウザで閲覧中のウェブサイトをページ中の画像も含めて保存したいと思ったときに、HTMLファイルと画像ファイル・スタイルシートが別フォルダになることなく、単一のHTMLファイルとして保存できるブラウザ拡張機能が「SingleFile」です。 SingleFile – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/single-file/ SingleFile - Chrome ウェブストア https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle SingleFile - Microsoft Edge Addons https://microsoftedge.microsoft.com

gowithyou 2022/03/07

リンク

“Amazon”での買い物トラブルを減らすGoogle Chrome拡張機能「AmazonSeller Filter」／商品検索結果を“Amazonが販売・発送する商品”に限定【レビュー】

gowithyou 2020/11/30

javascript:(function(){document.location.href=top.document.URL+'&emi=AN1VRQENFRJN5';})() 拡張機能ではなくてこのブックマークレットでいける

chrome

リンク

Latest topics > なぜMozillaはXULアドオンを廃止したのか？（翻訳） - outsider reflex

Latest topics > なぜMozillaはXULアドオンを廃止したのか？︵翻訳︶宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画﹁シス管系女子﹂を連載させていただいています。以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « ﹁同調圧力は忌むべきものだ﹂と思考停止していたことに気付いた話Main﹁なぜMozillaはXULアドオンを廃止したのか？﹂に寄せられていた反応を見て、﹁甘い……甘すぎる……﹂と思って、W3C信者時代からの価値観に行き着いた話 » なぜMozillaはXULアドオンを廃止したのか？︵翻訳︶ - Aug 22, 2020 ︵原著‥David Teller, 2020年8月20日、CC BY-NC 4.0で公開されている内容の全訳。Qiitaにもクロスポストしています。︶要約‥Firefoxはかつて、XUL

gowithyou 2020/08/23

理由は分かるんだが、利用者は中身が洗練されたかどうかではなくて、何ができるかを見るんだ。Tab Mix plusが未だに出てこないのはかなり痛い。だったらChromeでいいやとなる。 ●chrome ●あとで読む

リンク

無料＆簡単にウェブサイトの文章をメモ帳感覚でどんどん保存可能、HTML変換もできて便利なChrome拡張機能「Quotebacks」を使ってみた

ウェブサイトのテキストをブログやホームページに埋め込める形式で簡単にコピーできる﹁Quotebacks﹂は無料で使えるGoogle Chromeの拡張機能です。HTMLやマークダウン形式に対応した引用形式でもテキストをコピーできるというQuotebacksの使い心地を実際に使って確かめてみました。 Quotebacks - quote the web - Chrome ウェブストア https://chrome.google.com/webstore/detail/quotebacks-quote-the-web/makakhdegdcmmbbhepafcghpdkbemach Google Chromeに﹁Quotebacks﹂を追加するには、上記のURLにアクセスし﹁Chromeに追加﹂をクリック。﹁拡張機能を追加﹂をクリック。アドレスバーの右側に﹁→﹂のマークが追加されていれば、

gowithyou 2020/06/11

リンク

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.v8Break Iterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/it ems/2a5568cb0b5a38c003fb 使い方インストール

gowithyou 2018/09/05

リンク

あけましておめでとうございます＆ディスプレイを縦2枚、横1枚に変更しました。そして、そこで読んだ衝撃のデータとは何か - 勝間和代が徹底的にマニアックな話をアップするブログ

あけましておめでとうございます。今年もよろしくお願いします。新年ですが、まずはお雑煮を食べました。そして1番先に手をつけた事はディスプレイ配置の変更です。これまで縦3枚にしていましたが、どうしてもウェブサイトやソフトウェアによって横のほうが見やすいものがあります。その筆頭が Kindleの書籍たちでして、Kindleの書籍を見るには縦だと長すぎるのです。また、漫画のように見開きで表示をされるものは縦の真ん中にちょこんと表示されて、とても見づらいです。そこで、1番右はiPad Proも置いてあるため、その両者が干渉しないように、横にしました。なのでほとんど、実質4ディスプレイになりました。そして早速、横になったディスプレイでKindleを読んでいたら、面白い研究成果を見つけました。それは何かと言うとさまざまな職種において、雇用した従業員30,000人を調査したところ、その履

gowithyou 2018/01/01

リンク

Chrome愛用のエンジニアであれば、これだけは入れておくべき拡張機能を8つに絞ってみた｜TechClips[テッククリップス]

ウェブ系エンジニアにとってブラウザは、自分好みにカスタマイズして使い倒したい一種の仕事道具のような存在なのではないでしょうか？最近だと、純国産で多機能なブラウザ﹁Kinza﹂が登場し、国内でもエンジニア好みのブラウザが増えている印象。とはいえ、やはり不動の人気を誇るのがGoogleの提供するChrome。これまで幾度となく、ネット上ではエンジニアにとってオススメのChrome 拡張機能が紹介されてきましたが、今回改めてエンジニアにとって本当に必要であろう拡張機能を8つに厳選しました。 Chrome愛用のエンジニアはお見逃しなく！ 1. YSlow http://yslow.org/ エンジニア向けとしてよく紹介される王道の拡張機能﹁YSlow﹂。サイトパフォーマンス計測ツールであり、Webサイトの表示を高速化する際に役立ちます。最近で言えば、このサイトスピードをいかに早くするか、ある意

gowithyou 2016/10/06

chrome

リンク

Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック

Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集指定した行番号に移動すべての子ノードを展開デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット複数のカーソル画像をData URIとしてコピー疑似クラスのトリガー複数のコラムをドラッグで選択「$0」で現在の要素を手に入れる要素の表示「Event Listeners」の表示イージングのプレビュー Media Queriesの検証ネットワークをフィルム

gowithyou 2015/09/24

リンク

Chromeのなかのコンピュータ・サイエンス

Chromeのなかのコンピュータ・サイエンス * haraken@chromium.org 2015 Sep *

gowithyou 2015/09/14

chrome

リンク

chromeの爆裂的なメモリ消費をなんとかする拡張 * prasm（プラズム）

著者‥シンタロヲフレッシュ Graphic Designer / cinematographer. ﹁prasm︵プラズム、って読みます︶﹂は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。より詳しくプロフィールは﹁about﹂へ。

gowithyou 2015/05/30

chrome

リンク

Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結

サイト強化はこれひとつはやく、大きな成果へヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。

gowithyou 2015/05/20

chrome

リンク

ウェブのプッシュ通知、何がそんなにすごいのか？

3月13日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。﹁確かにプッシュ通知は便利かもね〜﹂と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。理由を説明します。ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、

gowithyou 2015/03/15

リンク

ChromeでGoogleドライブのファイルを直接PCソフトで開ける拡張機能 Application Launcher for Driveで遊ぼう!! - 週刊アスキー

﹃Application Launcher for Drive﹄は、Googleドライブに保存しているクラウド上のファイルをPCのソフトで直接開けるGoogle純性のChromeの拡張機能だ。これまでGoogleドライブのファイルをデスクトップのソフトで開くには、ファイルを一度ダウンロードする必要があったが、この拡張機能を使うことで直接編集できる。また、編集したファイルをそのままGoogleドライブへ保存することも可能だ。

gowithyou 2015/01/12

リンク

Chrome Developer Toolsを使いこなそう！

4/2のGoogle Developers Live Japan #3の資料です。Read less

gowithyou 2015/01/11

リンク

AndroidアプリをPCで動かす方法

スマートフォンで利用しているAndroidアプリのうち、PCでも使いたいものもあるだろう。Androidを開発するGoogleのWebブラウザ﹁Google Chrome﹂を使えば、かなりのアプリをPC上で動かせる。MakeTechEasierが﹁How to Run Android Apps in the Google Chrome Browser)﹂で、その方法を紹介しているので、以下そのポイントを見てみよう。この方法、Mac OS XまたはWindowsでGoogle Chromeを利用するPC向けだ。また、すべてのAndroidアプリ/ゲームが利用できるわけではない点にも注意されたい。﹁Androidアプリがうまく動かなくてもPCに害を与えることはない﹂とのことなので、やってみる価値はありそうだ。以下で紹介する方法はGoogle Chromeの拡張機能﹁ARChon﹂を用いるが、

gowithyou 2015/01/08

リンク

Chromeから無料でナショジオ風に写真をオフライン加工できる「Polarr」

プライベートで撮影した写真は形ある思い出となりますが、全ての瞬間をプロのカメラマンのような躍動感のある美麗な写真に仕上げるのは難しいもの。そんなデジタルカメラで撮影した画像を多彩なフィルターや詳細な設定によって美しく加工でき、「ナショナルジオグラフィックで働いているの？」と言われてしまうかもしれない無料の写真加工ツールが「Polarr Photo Editor」。オフラインで使えるChromeアプリ版「Polarr Photo Editor RAW」と、オンラインでさらなる機能が使える「Polarr Online Editor」を実際に使ってみました。 Polarr Photo Editor RAW - Chrome ウェブストア https://chrome.google.com/webstore/detail/polarr-photo-editor/djonnbgfieijldciea

gowithyou 2015/01/06

chrome

リンク

はてなブックマーク

タグ

関連タグで絞り込む (12)

chromeに関するgowithyouのブックマーク (23)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス