タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
◆ Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli 紹介 「Chrome Extension CLI」は、npmを使って簡単にChrome拡張機能の初期セットアップができるオープンソースのテンプレートです。 $ npm install -g chrome-extension-cli /usr/local/bin/chrome-extension-cli -> /usr/local/lib/node_modules/chrome-extension-cli/index.js + chrome-extension-cli@0.2.0 added 21 packages from 11 contributors in 2.879s まずは、Chrome Extension CLIをインストールします。 $
Gyazo Extensionの開発を主に担当しているid:Pasta-Kです。 Gyazo Extensionは日本時間の2020年5月21日〜2020年7月29日の間、Chrome Web Storeから取り下げられていました。いくつかの変更をExtensionに加えることで審査を経て本日遂に再公開となりました。同様にGyazo Teams向けのExtensionも引き続き非公開になっていますが、今回のGyazo Extensionの再公開を受け、数日中に再公開できる見込みです。 この件に関する、経緯と対応に関する具体的な内容について、主にChrome Extensionの開発に関わる皆さんに向けて共有しようと思います。もし同じような事象に遭遇している方の参考になれば幸いです。 経緯について Chrome Web Store側からはUse of Permissions*1に関する違反が
Chrome Extension を作った際にいくつかハマったことがあったのでメモします。 ページ上での JavaScript 実行結果を取得する scripting.executeScript を使うのですが、関数を指定する形式のみしか値が返ってきません。ファイルを指定する形式と同じページに書かれており、制限が明確に書かれていないため紛らわしいので注意が必要です。 NG 次は実行結果が null として返ってきます。 function getTitle() { return document.title; } // returns null getTitle(); // same result // (() => getTitle())(); async function walkDocumentTitle() { const tabId = getTabId(); const inje
In this article, we are going to create a Chrome extension with TypeScript. We will be using React for the popup. It will be easier to understand this article if you have at least a basic knowledge of building apps with webpack and TypeScript, and if you have previously created a Chrome extension. 🚧 Create the FoundationsOpen your terminal on the folder you want to use and init your project with
GitHub - crxjs/chrome-extension-tools: Bundling Chrome Extensions can be pretty complex. It doesn't have to be.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
The bundler configuration for a Chrome Extension can be pretty complex. When I started making Chrome Extensions, they were small projects for clients who wanted to automate a task. I was starting a new Chrome Extension almost every week, and it took too much time to configure a new project. Then I thought, "We already have a manifest; why do we need more config files?" That's the idea behind CRXJS
TL;DR Chrome Extension経由で独自に学習したMLモデルを社内配布できるようにしました モデルはユーザのブラウザ上で実行するので余計な通信も発生せずクラウド代も不要です 背景 こんにちは。CADDi AI Lab MLOpsチームの中村遵介です。普段は機械学習エンジニアチームの作るモデルをVertex Endpointsを使用してAPIとして提供したり、パイプラインに組み込んで推論結果をデータ提供したりするお仕事をしています。モデルは様々な種類がありますが、一番多いのは図面画像から特定の値を推論したり、何らかのクラスに分類するようなモデルです。 そのような中で「API提供するとサーバ代かかるし、ユーザにAPI使ってもらうのもちょっと手間があるしなぁ」と考えることがあり、ふと「Chrome extensionでMLモデルを提供しちゃえば、ユーザはextensionを入れるだ
GitHub - dnakov/little-rat: 🐀 Small chrome extension to monitor (and optionally block) other extensions' network calls
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Google Keep's Chrome Extension can help you be more productive and take better notes. Here's how to use the extension. Note-taking makes research work on the internet effortless. You may need to save interesting data like texts, images, URLs, code snippets, and creative ideas as notes. Without the Chrome extension of Google Keep, you would need to access another tab to save data on Google Keep. Bu
GitHub - dutiyesh/chrome-extension-cli: 🚀 The CLI for your next Chrome Extension
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Let's build a Chrome extension that steals everything
Update: this piece was featured on the NBTV YouTube Channel Manifest v3 may have taken some of the juice out of browser extensions, but I think there is still plenty left in the tank. To prove it, let’s build a Chrome extension that steals as much data as possible. I’m talking kitchen sink, whole enchilada, Grinch-plundering-Whoville levels of data theft. This will accomplish two things: Explore t
GitHub - natsukium/deepl-chrome-extension: DeepL(https://www.deepl.com/translator) による翻訳を手軽にする拡張機能
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
弊社の「自動化チーム(4人)」では、主にGoogle Apps Scriptを使って業務の自動化・効率化に取り組んでいるのですが、「Chromeのエクステンションも使えるようになったら強いよね」ということで、チームで一番エクステンションを使いこなす男 @ikeikeda にレクチャーをしてもらいました。 その時の内容がものすごく良かったので、Qiitaに記事上げなよ、って言ったのですが本人が「そゆの苦手なんで」ってことなので、ネタだけもらって私が私なりに再構成して記事書いちゃいます。 あと、私自身がJavascriptの最新情報に追いつけていないので、誤った記法があったらご指摘いただけると嬉しいです。 対象読者 すでに Chrome エクステンション とか Chrome 拡張 作り方 で検索して、いくつかのQiita記事を読んだり、少なくとも1つは自分で作ったことがある人 (← manif
GitHub - yaroslav-n/tweetGPT: Chrome extension that generates tweets and replies using chatGPT
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - GoogleChrome/web-vitals-extension: A Chrome extension to measure essential metrics for a healthy site
Web Vitals Chrome Extension A Chrome extension to measure metrics for a healthy site Install now This extension measures the three Core Web Vitals metrics in a way that matches how they're measured by Chrome and reported to other Google tools (e.g. Chrome User Experience Report, Page Speed Insights, Search Console). It supports all of the Core Web Vitals and leverages the web-vitals library under
GitHub - Leko/crx-gcal-url-opener: Chrome extension that automatically opens Zoom, Google Meet, Teams, and other meeting URLs associated with your Google Calendar shortly before the meeting starts.
This is a Chrome extension that automatically opens the URL set in your calendar event as a new tab a few minutes before the start of the Google Calendar event. Easy to use: Just log in with your Google account to link calendars and it's automatic. Concentrate without worrying about time: The tab will automatically open 1-2 minutes before the meeting. No more worrying about the time so you don't m
AnyPicker - Free Website Scraping Chrome Extension | Web Scraping Online
Scrape With Just A Few Clicks AnyPicker is a powerful yet easy to use web scraper for the chrome browser Add To Chrome For Free
Google翻訳よりも自然な翻訳ができているとして、DeepLに注目が集まっています。執筆時点ではまだAPIベースの翻訳は日本では使えないのですが、提供されればWebサービスやビジネスでの利用も進むでしょう。 そんなDeepLをGoogle Chromeから簡単に使えるようにするのがDeepL Chrome Extensionです。 DeepL Chrome Extensionの使い方 文字列を選択した時のコンテクストメニューにTranslate with DeepLが追加されます。 選択すると、そのテキストを翻訳してくれます。 DeepL Chrome Extensionは原文が自動検出になっており、翻訳して欲しい言語も自動で日本語になっています。さくさくと翻訳して英文を読み進められそうです。 DeepL Chrome ExtensionはJavaScript製のオープンソース・ソフトウ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Google Chrome機能拡張を使えばWebブラウザがさらに便利になります。普段物足りない、痒いところに手が届かないと感じているなら自分で機能拡張を作ってしまいましょう。しかし作り方を一から学ぶのは面倒ですよね。 そこで使ってみたいのがChrome Extension CLIです。Google Chrome機能拡張作成をサポートしてくれるCLIツールです。 Chrome Extension CLIの使い方 ベースを作成して、Google Chromeで取り込みます。 ツールバーでカウンターが使えます。これがスケルトンとして生成されます。 コードを編集すればGoogle Chrome側に反映されます。 Chrome Extension CLIでは自動的にGoogle Chrome
Chrome Extension の作り方 (その1: 3つの世界) - Qiita Chrome Extension の作り方 (その2: Contents Script) - Qiita Chrome Extension の作り方 (その3: Browser Action / Page Action) - Qiita Chrome Extension の作り方 (その4: Event Page / Background Page) - Qiita の連載の最終回！！ ChromeExtensionを作っていると「メッセージパッシング」という言葉を見かけます。 Message Passing - 公式 Chrome Extension の作り方 (その1: 3つの世界) - Qiitaの説明の通り、3つの世界があるのですが、異世界とやり取りしたい状況が出てきます。 今回のサンプルでは c
GitHub - pokutuna/chrome-cocopy: chrome extension to copy text by your code.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
これは何 個人開発中に経験した、chrome 拡張機能開発における教訓でございます。 Manifest のバージョンは MV3 です。 V3 特有の話と、よく嵌りやすい点についてまとめました。 icon が表示されないときは 参考：https://developer.chrome.com/docs/extensions/reference/action/#icon 次を確認してみてください。 pngを提供しているか pbg以外の拡張子、例えばsvgとかは無視されます 次の 3 つのサイズ(DIP: デバイスに依存しないピクセル)を提供しているか 128 * 128 インストール中および Chrome ウェブストアで使用されます 48 * 48 拡張機能管理ページ（chrome://extensions）で使用される 48x48 アイコンも提供する必要があります 16 * 16 拡張機能のペ
![[MV3] Chrome Extension 開発の教訓 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ee57381e6a2fb95976386f598d40e300b99110a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTVYzJTVEJTIwQ2hyb21lJTIwRXh0ZW5zaW9uJTIwJUU5JTk2JThCJUU3JTk5JUJBJUUzJTgxJUFFJUU2JTk1JTk5JUU4JUE4JTkzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xNDllZTI3MTM5OTIzNTE4YjU5MGFlYTdiMmVjOTU5Zg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBpY2hpdG9zZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGZkZGYzYjM0NDIwYTNiZWVjMTBhYTBiZDIzNTIwOWM%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D7aac00ad517d4ad94b97237e7a5095ad)
Ruby で Chrome Extension が作れる unloosen を (多分) 最速で試してみた - Qiita
これはなに Develop chrome extension with ruby.wasm - RubyKaigi 2023 で発表された、 unloosen (Ruby + wasm で Chrome extension を作るフレームワーク) を使ってみたので、設定方法と使用感を紹介する記事です。 (多分これが一番早いと思います) 作ったサンプル実装は↓にあります。 unloosen とはなにか unloosen は ruby.wasm を利用して Chrome extension を作るフレームワークです。単純な Chrome extension のラッパーになるだけでなく、書きやすくするためのヘルパーメソッド等を提供していて、以下の通りに、1つの Ruby ファイルにまとめることが出来たりします。 require "unloosen" content_script site: "w
GitHub - Dhravya/supermemory: Build your own second brain with supermemory. It's a ChatGPT for your bookmarks. Import tweets or save websites and content using the chrome extension.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Update: read the 2021 Chrome Extension Performance Report I tested how the 1000 most popular Chrome extensions affect browser performance. The main metrics I'll consider are CPU consumption, memory consumption, and whether the extension makes pages render more slowly. Here's a list of all tested extensions and their results (this link now shows 2021 data). Update 8 July 2020: I originally reported
Chrome Extension Manifest V3に移行して詰まったところ。 2021-07-25 JavaScript Memo 去年の暮れあたりにChrome Extension Manifest V3がリリースされました。 Welcome to Manifest V3 - Chrome Developers ウェブストアがV3拡張を受け付けるようになって半年経つので、そろそろ対応したほうがいいだろうということで、一番パワーをつかうRight-Click-to-CalendarをV3にしました。この記事を書いている時点では審査中です。というか審査中のバージョンにめちゃくちゃでかいバグを仕込んでしまったので審査を取り下げたいのですが、取り下げできなくて困っています。 Manifest V3のここがだめ V3でよかったと思う箇所が今の所本当に1つもないのですが、特にだめだと思った箇所
A fake ChatGPT Chrome browser extension is being used to steal Facebook credentials for malicious advertising. A malicious Chrome extension using ChatGPT's name is being used to steal users' Facebook logins for malicious advertising. A Fake ChatGPT Extension Is Targeting Facebook Users Facebook and Chrome users are being targeted by a malicious browser extension using the well-known name of the AI
SnipCSS - Free Chrome Extension to Extract CSS from any web component
SnipCSS can turn any section of a website into a reusable web component. All HTML, Images and CSS is extracted with one click of a button. If you want to build websites fast, SnipCSS is all you need. Hundreds of Free Templates SnipCSS works on ANY website. For hundreds of examples of what it can do, just check out our template directory. Call to Action Cards Content Block Forms Gallery GDPR Accept
はじめに こんにちは。週末から夏休みに入る@yug1224です。 Amazonの商品ページって、ほんっっっっっっっっとURLが長いですよね！ @notakaosさんが公開していた記事と似たようなことを自分もしていたので紹介します！ アイキャッチは天井を見上げてそわそわする段ボールの中の猫のフリー素材 作ったもの 実際に作ったものは非常にシンプル。 https://www.amazon.co.jp/*の遷移時に/dp/XXXXXXXXXを見つけて、表示しているURLを変更するだけです。 const url = location.href; const [_, p1] = url.match( /https:\/\/www\.amazon\.co\.jp\/.*dp\/([0-9A-Z]{10})\/?/ ); history.replaceState(null, '', p1 ? `http
GitHub - sr1jan/ytGREP: A simple chrome extension to search for words or sentences used in YouTube videos.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
プルリクエストを作る際に画像を Markdown から丁度よいサイズの img タグに変換してくれる Chrome extension「ImgConverter for Github」が超便利 - koogawa blog
プルリクエストを作る際、スクリーンショットを添付することはよくありますよね。 たとえばアプリのスクリーンショットを普通にアップロードすると自動で Markdown にしてくれるんですが、このままだと画像が大きすぎるんですよね😩 仕方ないので、画像を予め小さくリサイズしてからアップするか、img タグを使ってサイズを 50% ぐらいにするのですが、これがまためんどくさい😤*1 そこでこんなツイートをしたところ、とても有益な情報をいただきました。 ロジック気になりますね👀 自分はchrome extensionでmarkdownからimgタグに切り替えてますhttps://t.co/saFvimnoyc— funzin (@_funzin) 2019年8月1日 早速使わせて頂きましたが、まさに求めていたものはコレだ！という感じでした。 img タグなのでサイズも簡単に調整できちゃいます
GitHub - T3aHat/DeepLopener: """Unofficial""" DeepL chrome extension
DeepLopener 日本語解説記事に日本語で詳しくインストール方法や使用方法を書いているのでこちらを読んでください． How to use (YouTube) This Google chrome extension can replace texts that you want to translate with translation results by DeepL(deepl.com) keepking the original style. On pdf, this extension displays frames showing translated sentences. Install from GitHub Move chrome://extensions. Ensure that the "Developer mode" checkbox in the top ri
Google launches Chrome extension for ad transparency, Trust Token API
How to remove yourself from the internet Here is a step-by-step guide to reducing your digital footprint online, whether you want to lock down data or vanish entirely. Read now Google has launched this week a Chrome extension that shows how many ads are being loaded on any given web page, what advertisers or ad tech companies are present on the page, and what user data has been used to show person
Vue Chrome Extension: Build a Browser Add-on with Vue.js — SitePoint
In this tutorial, I’m going to show you how to build a simple Vue Chrome extension. Our extension will alter the behavior of the new tab page. For the JavaScript part of the extension, I’ll be using the Vue.js framework, as it will allow us to get up and running quickly and is a lot of fun to work with. Browser extensions are small programs that can modify and enhance the functionality of a web br
ReactでChrome Extensionを開発するために必要なwebpackのビルド設定 - hiro08gh
こんにちはhiro08です。お仕事でReact を使ってChrome Extensionを開発する機会がありました。初めはcreate-react-appをベースにしたプロジェクト構成で開発してましたが、Content ScriptsやBackground Scriptsを追加する時にwebpackのエントリーポイントを増やす必要がありました。 create-react-appでエントリーポイントを増やすにはeject(create-react-appの裏側で走っているwebpackなどを展開するコマンド)を実行する必要があります。しかしこれは構成が複雑化して、今後メンテナンスするときの負債になりそうでした。なので、一からwebpackのビルド設定して、要件によって柔軟に対応できるようにしました。この記事はその時の知見です。 テンプレートはGitHub上に置いてあります。 github.c
GitHub - liady/ChatGPT-pdf: A Chrome extension for downloading your ChatGPT history to PNG, PDF or a sharable link
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ep.86 Chrome extension - そしてサーバーサイドエンジニアの Web フロントエンド活用術 | UIT INSIDE
@spring_raining がLINEのサーバーサイドエンジニアである @dayflower と @kazuki-ma に、サーバーサイドエンジニアがフロントエンドを開発することやChrome extensionの活用例について聞きました。 サーバーサイドエンジニアが作るChrome extenision 社内で実施されたGW自由研究発表会 @dayflower さんがICOOON MONO (https://icooon-mono.com/) からアイコンをクリップボードにコピーするChrome extensionを作成 他にも業務の一環でChrome extensionを作成する事例あり 業務中の不満解決やスピードアップのために作る サーバーサイドエンジニアがフロントエンドを開発する機会 実はいろんなところでサーバーサイドエンジニアが開発する 社内向けの管理ツール 技術スタックの変
Angular Advent Calendar 2019 12/13の記事です。誠に勝手ながらQiitaではなく個人ブログに執筆させていただきます。 誠に勝手ながら自己紹介しておくと、22歳の大学院生やりつつ、LCNEMのCEO,CTOです。Angularが大好きでフロントに多用しつつ、Firebaseでサクッと開発したり、Golangでブロックチェーン「そのもの」を開発したり、案件をいただいたりもしています。ブロックチェーンに限らず、開発の依頼や、採用についてお気軽にご連絡ください。 私個人の是非Twitterもぜひご覧ください。 今回のテーマは、AngularでChrome拡張の開発を完結させる、です。 「Orbit」という、SLIP44の規格をもとに、ブロックチェーンに利用する秘密鍵をチョー簡単に管理するChrome拡張を開発中です（というか完成）。（もともとCosmos用になにか作
Don't worry, this page was opened by "FasterWeb" extension. We do it at most once at three months.
GitHub - D09r/Malware-Scanner: Malware & URL Scanner - A Chrome extension to lookup a Potentially Malicious Websites.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
すぐにChrome拡張機能開発できるオープンソースのテンプレート「Chrome Extension CLI」
Gyazo Chrome Extensionの再公開について - Gyazo Blog
Chrome Extension を円滑に作るためのポイント
Create a Chrome Extension Using React and TypeScript
![さくらインターネットで活躍中の id:y_uukiを訪問 | はてな卒業生訪問企画 [#9] - Hatena Developer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b5961cfe7e9736ef0e88bc0290b1599481d2626/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenatech%2F20240319%2F20240319125826.jpg)
Create a Vite-React Chrome Extension in 90 seconds
Chrome Extension で作るクラウドいらずのMLモデル提供 - CADDi Tech Blog
How to Use the Google Keep Chrome Extension
Chrome Extension の作り方 (その1: 3つの世界) - Qiita
DeepL Chrome Extension - Google ChromeからDeepLを使って簡単に翻訳
Chrome Extension CLI - Google Chrome機能拡張開発を強力にサポート
Chrome Extension の作り方 (最終話: メッセージパッシング) - Qiita
[MV3] Chrome Extension 開発の教訓 - Qiita
2020 Chrome Extension Performance Report | DebugBear
Chrome Extension Manifest V3に移行して詰まったところ。 - return $lock;
Fake ChatGPT Chrome Extension Steals Facebook Logins
Amazonの商品ページURLを短くするChrome Extension - Qiita
AngularでChrome Extensionの開発を完結させる
Manganum: The Chrome extension that makes you productive
natalie.mu
twitter.com
anond.hatelabo.jp
www.itmedia.co.jp
yarukimedesu.hatenablog.com
www.itmedia.co.jp