【決定版】『絶対に入れるべき』Chrome拡張ランキングTOP10を発表するぜ！！
他Chrome拡張再生リストはこちら！！ https://youtube.com/playlist?list=PL-IMu-2kQ0Lt3SfYa3fcCxkTrHJaOKaGI ■Twitter https://twitter.com/YukkuriAIch ■リンク ・Dark Reader https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=ja ・DeepL翻訳 https://chrome.google.com/webstore/detail/deepl-translate-reading-w/cofdbpoegempjloogbagkncekinflcnj?hl=ja ・Enhancer for Youtube https://chrome.go
【ChatGPT】便利な神Chrome拡張機能 - Qiita
日々便利なプロンプトが生み出されたり、 ChatGPT pluginsの発表など話題が絶えないChatGPTですが、 今回はインストールだけでChatGPTがインターネットから得た最新の情報をもとに回答してくれたり、自分の質問履歴を検索できたり、世界中の人が作ったプロンプトを検索したり、自動同期をしてくれたりと、とても便利なChrome拡張機能をいくつかご紹介いたします。 拡張機能をインストールするだけなので、手間が全くかからずにすぐに使うことができます。 こちらの記事は随時更新追加していきます WebChatGPT 概要 この拡張機能により、ChatGPTがインターネットを利用して回答を提供できるようになります。 ChatGPTは2021年までの情報をもとに学んでいるので、最新の情報に関しては十分に回答できないことがあります。この拡張機能を使うことで、ChatGPTがインターネットから得
GmailなどのtextareaをEmacsで編集する - Qiita
小ネタである。 昔よりは便利になったとはいえ、Gmailのメールとか掲示板の投稿とかをウェブブラウザ上で書くのはめんどくさい。Emacs上で書きたいのである。というか、Emacs以前に「メール」とか「掲示板」とかいう時点ですでに老害感が横溢しており我ながらびびった。 それはさておき、そういうとき一昔前だとウェブブラウザ側にEdit with Emacsというアドイン、Emacs側に edit-server.el というのを入れて使っていたのだが、設定が複雑で何かとうまく行かなかった覚えがある。これが最近だと、ブラウザ側はGhostTextアドイン、Emacs側にatomic-chromeを入れれば楽に実現できる。名前がatomでchromeって大丈夫なのかねという感じだが（Atomはディスコンになってしまったし）、AtomやChromeだけではなくEmacsにもMozilla Firefo
GitHub - C-Nedelcu/talk-to-chatgpt: Talk to ChatGPT AI using your voice and listen to its answers through a voice
Talk-to-ChatGPT is a Google Chrome and Microsoft Edge extension that allows users to talk with the ChatGPT AI using their voice (speech recognition), and listen to the bot's answer with a voice (text-to-speech), rather than just by typing. With this tool, users can speak to the AI and receive spoken responses, making the interaction feel more natural and conversational. This allows you to have you
Chromeの「メモリセーバー」「省エネモード」を有効にする方法｜男子ハック
Googleが追加予定の「メモリセーバー」と「省エネモード」は順次正式に公開予定ですが、バージョン 108.0.5359.124以降のChromeであれば、現時点でも利用することができます。「メモリセーバー」「省エネモード」を有効にする方法を紹介します。 Google Chromeがやっと「メモリセーバー」を追加しますGoogleが昨年12月に発表した「メモリセーバー」と「省エネモード」ですが、数週間かけてグローバルに展開する予定とされていますが、いまだデフォルトで有効となっていません。 すでに最新のChrome（バージョン 108.0.5359.124 以降）であれば、新機能を利用できるようになっています。今回は一足先に「メモリセーバー」と「省エネモード」を有効にしてみます。 「メモリセーバー」「省エネモード」を有効にする手順 chrome://flags/にアクセスする「Enable
腰痛エンジニアを支える技術
ぎっくり腰（椎間板ヘルニア）からの坐骨神経痛により、ほぼベッドから動けない状況になってしまったので、そのような中でも何とかコードを書くための技術をまとめました。 💻 道具編 最初にベッドの上で快適に PC を使えるようにするための道具を紹介します。 ごろ寝デスク 2 知る人ぞ知る腰痛エンジニアの必須アイテム。 これを使えば、腰を極力刺激せずベッドの上から PC を操作できるようになります。 しかし、一見完璧にみえるこの製品にも問題が。。 使うとわかるのですが、手を上げながらのタイピングは地味にきついです。モデルの方のようなフォームで使うと、腰の代わりに肩・手首・肘を壊すのも時間の問題です 🥲 そこで次のアイテムが必要になります。 ワイヤレスキーボード ごろ寝デスクを使いながら肩・手首・肘を守るためには、ワイヤレスキーボードが必須です。ワイヤレスキーボードがあれば、手をおろした状態でタイ
React開発を快適にするChrome拡張を公開したので見てください！
React Inspector というChrome拡張機能を作りました。 Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。(現在はVSCodeのみ対応) 追記: ↑2022/09/12 オプションページから "Open in Editor URL" を設定できるようにし任意のエディターのURLスキーマで開くことができるようになりました...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactのソースコードに直接ジャンプできるのでUIか
Chrome拡張機能おすすめ｜長年使って生き残った便利なアドオン
Chrome拡張機能おすすめ｜長年使って生き残った便利なアドオン 2015/8/25 [更新:2022/4/18] パソコン, Chrome, まとめ 2 Google Chromeの拡張機能から、おすすめのものを紹介します。 もうChrome歴もかなり長くなるので、今まで実際に使ってきたおすすめの拡張機能をまとめました。 「他ブラウザから乗り換えを悩んでいるけどアドオンの代わりがあるか不安」という人の参考にもなると思います。 注意：Chrome拡張機能は個人が開発したものも多く、更新がストップしたり、セキュリティリスクが発生することがあります。 この記事に書いてある内容もそのうち古くなる可能性があるので、自分で検索して調べてみることも大事です。 Selection Search ⇒ Selection Search 選択文字列から検索できる拡張機能。 ↓検索のやり方がいろいろあります。
List of Chromium Command Line Switches « Peter Beverloo
There are lots of command lines which can be used with the Google Chrome browser. Some change behavior of features, others are for debugging or experimenting. This page lists the available switches including their conditions and descriptions. Last automated update occurred on 2024-02-25. Condition Explanation
[Chrome]デベロッパーツールを自動で開くChromeの起動オプション | コーテッグのバケツ
こんにちは、コーテッグのこやまです。 Chromeで別タブを開いたときにデベロッパーツールを開くと少し便利かな？と思いました。 auto-open-devtools-for-tabsというオプションでできます。 Chromeを閉じた状態で、以下のコマンドを入力。 Chromeを閉じてないと「既存のブラウザ セッションで開いています。」と出て反映されません。 $ /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs Chromeを閉じている状態だと、Chromeを自動で開いてデベロッパーツールが開いています。 別タブを開くとデベロッパーツールが開いています。 autometerで登録してみてもいいかもしれません。
ChromeのデベロッパーツールでJSをデバッグする方法(2022年版) - ICS MEDIA
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
ブラウザを Vim ライクに操作する Vimium の布教と知見まとめ
Vimium というブラウザ拡張があります The hacker's browser などと銘打たれているもので、その名の通り Vim ライクなキーバインドでブラウザの操作を可能にするものです ブラウジングにおけるマウス操作を圧倒的に減らすことができます 個人的には 4-5 年ヘビーユースしており、これなしではブラウザを操作できません 私自身 Vim をまともに使い始めるはるか以前から Vimium を使っているので Vim の経験がなくても慣れれば特に問題ないと思いますし、エンジニアでない方も十分利便を感じられるのではないかと思います インストール 普通にインストールするだけです フォークなどの亜種がいくつか存在しますが、本家でユーザーも多いのは以下のものです Chrome Extension・Firefox Add-on 基本的に Content scripts での実装なので当たり前
すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita
試した方がいいGoogle Chrome experiments はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい機能があります。 この記事では、すべての開発者が試すべきChromeデベロッパーツールの実験的機能トップ5について説明します。 1. CSS Overview - すべてのスタイルの詳細情報を表示する CSS Overviewは、ウェブページで使われているすべてのスタイルの概要を表示します。 この機能は、色、フォント、メディアクエリ、未使用の宣言に関する詳細情報を含んでいます。UIにCSSの修正を加える時に便利で、カラーピッカーなどのサードパーティツールを使う必要がなくなります。 ChromeデベロッパーツールのCSS Overviewタブ この機能を有効にするには Google Chro
ヘッドレスChromeをAWS Lambda上のPuppeteerから操作してみた | DevelopersIO
ブラウザテストやスクレイピングのためにPuppeteerからヘッドレスChromeを操作させたい時があります。 AWS Lambda上でPuppeteerを動作さるために、ナイーブにデプロイパッケージを作成すると、Lambdaのサイズ上限に引っかかってしまいます。 GitHub - alixaxel/chrome-aws-lambda を利用し、Lambdaのサイズ制限を回避する方法を紹介します。 AWS Lambdaのパッケージサイズ上限とChrome単体のサイズ AWS Lambda のデプロイパッケージには以下のサイズ制限があります。 50 MB (zip 圧縮済み、直接アップロード) 250 MB (解凍、レイヤーを含む) Puppeteer パッケージのサイズを確認すると、Puppeteer に同梱さているChrome単体で250MBもあり、Lambdaパッケージのサイズを超過す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - dnakov/little-rat: 🐀 Small chrome extension to monitor (and optionally block) other extensions' network calls
Make ChatGPT Work for You With These Browser Extensions
https://twitter.com/jamescodez/status/1632863561952411648