GraphQL Network Inspector
Simple and clean network inspector for GraphQL A platform agnostic network inspector specifically built for GraphQL. Clearly see individual GraphQL requests including support for query batching. Works with any client including Apollo and Relay. 2.19.3 Improvement to collapsable requests DX improvements 2.19.2 Big fix on searching with regex Added newsletter 2.19.1 Improvements to websocket parsing
ブラウザ拡張機能を作るためのReactフレームワーク『Plasmo』
Plasmoとは Plasmoはブラウザ拡張機能を作成するためのReactフレームワークです。 テストや自動デプロイするための機能なども提供しておりオールインワンなフレームワークとなっています。 公式サイトに行くと「ブラウザ拡張機能におけるNext.js」という強気なワードが確認できます。 It's like Next.js for browser extensions! Plasmoの特徴 Plasmoは以下のような特徴を持ったフレームワークです（公式より一部抜粋）。 ファーストクラスのReact＋Typescriptサポート ライブリローディング + React HMR .env* ファイルサポート BPP による自動デプロイメント Svelte と Vue をオプションでサポート またゼロコンフィグで開発を始めることができ、ブラウザ拡張機能の設定ファイルであるmanifest.jso
chrome拡張機能の配布手段まとめ - Qiita
ストアでの公開 ストアでの公開方法には現在３つの公開方法があります。 一般公開 限定公開 非公開 拡張機能を更新する際はストア経由が一番楽で管理も容易です。 拡張機能の配布はストアでの公開が推奨されており、ストアにアップロードする方法をまず検討すべきです。 カスタムの Chrome アプリと拡張機能を作成して公開する -Google公式 一般公開 chromeウェブストアで拡張機能が公開できます。 全てのユーザがストアから検索してインストールすることができます。 限定公開 拡張機能はストア経由で配布しますが検索にひっかかりません。 配布したいユーザにURLを送りインストールしてもらいます。 ユーザはGoogleアカウントが不要なので配布しやすいですが、URLを知っているユーザなら誰でもインストールできるので厳密にはユーザを限定することができません。ユーザを絞りたい場合は次の非公開設定を検討
開発した Chrome 拡張を社内ユーザーのみ限定公開してみた | DevelopersIO
コンニチハ、千葉です。 社内ツールとして Chrome 拡張を開発したのですが、社内のとあるグループのみに公開したく、色々調べたので手順をまとめておきます。 方法 公開方法としては、5つあります。 Chrome ウェブストアのデベロッパー での公開範囲 1. 一般公開： パブリックに公開されるもの 2. 限定公開： URL知ってるユーザーが利用可能 3. 非公開: 非公開なんですが 特定の Goole ユーザーやグループに公開できます。URL知ってても許可されてないユーザーはインストールできません。 Chrome ウェブストアのデベロッパー を利用しない方法 4. Zip： Zip で配って都度インストールしてもらう方法です Google Workspace Enterprise オプション 5. ドメイン指定した公開 https://developer.chrome.com/docs/w
react.christmas - react リソースおよび情報
This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it
Go - Headless Chrome を使って SPA をスクレイピングする - Qiita
はじめに SPA では JavaScript によるクライアントレンダリングを考慮しないと、すべての要素をスクレイピングすることはできない。 そのため、実際のブラウザを使ってスクレイピングを行うことになる。 これを行うデファクトライブラリの一つに、Chrome チームが公式にサポートしている Puppeteer がある。Puppeteer は Chrome DevTools Protocol を介して Chrome の操作を行うためのライブラリである。Chrome DevTools Protocol とは Chrome を操作するための Protocol であり API 定義が含まれている。例えば、特定の URL に遷移して画面を描画したり、ボタンをクリックしたり、要素の情報を抜き取ったり、スクリーンショットを取得したりできる。 ただ、Puppeteer は JavaScript のライブ
タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場！
タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場！2019.04.06 15:00114,396 山田洋路 どうせ今日も観てしまうんだから、ついでに英語も学んじゃいなよ。 時間がない、時間がない、と公言しつつ、なぜかNetflixのマイリストだけはしっかり消化していませんか。このやめたくてもやめられない最優先タスクを、なかなか続かない英語学習と抱き合わせにできる発明が、Chrome拡張機能｢Language Learning with Netflix（LLN)｣です。 Video: David Wilkinson/YouTubeLLNの開発者の1人、David Wilkinsonさんは、｢たとえばペルシア語のように、言語によっては教材の選択肢が狭いものもある｣とThe Vergeへのメールで語っています。その点、我らがNetflixの字幕は主要
【Googleカレンダー便利技】「空き時間」や「今後の予定」も一目瞭然になるChrome拡張機能！
Googleカレンダーはスケジュール管理の強い味方ですが、Chromeの拡張機能（アドオン）をインストールすればさらに便利に使えます。今回は、定番中の定番とも言えるChrome拡張機能を紹介しましょう。 拡張機能でGoogleカレンダーをもっと便利に！ Googleカレンダーでスケジュール管理している人は多いと思いますが、「次の予定をうっかり忘れていた」なんてミス、誰しも一度は身に覚えがあるのではないでしょうか。そんな人は、Chromeに拡張機能（アドオン）［Google Calendar（by Google）］を追加（インストール）するといいでしょう。 この［Google Calendar（by Google）］は、「次の予定までの空き時間をチェックしたい」や「今週の予定を一覧で手早く確認したい」といった時に便利な拡張機能です。実際に使ってみると、「次の予定までどれ位の空き時間があるのか
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
GitHub - puppeteer/puppeteer: Node.js API for Chrome
import puppeteer from 'puppeteer'; (async () => { // Launch the browser and open a new blank page const browser = await puppeteer.launch(); const page = await browser.newPage(); // Navigate the page to a URL await page.goto('https://developer.chrome.com/'); // Set screen size await page.setViewport({width: 1080, height: 1024}); // Type into search box await page.type('.devsite-search-field', 'auto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube & Article Summary powered by ChatGPT / Glasp
ReactではじめるChrome拡張開発入門
電子情報学特論：Chromiumのアーキテクチャを解き明かす
Google検索キーボードショートカット
Safari Books Download
Open Tabs Next to Current
https://hub.docker.com/r/selenium/standalone-chrome
GitHub - chromedp/chromedp: A faster, simpler way to drive browsers supporting the Chrome DevTools Protocol.
Netflix 同時字幕で英語学習
Codecov Extension - Chrome Web Store