数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい？」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite
2022/04/28：追記 公開していたzipファイルのリンクを削除しました。 バックエンドのサーバーを停止しました。 伴ってもう星が流れなくなります。 ※この記事にはちょっとだけエッチな内容が含まれます！苦手な方はご注意ください。 こんにちは。あんど(@ampersand_xyz)と申します。 いきなりすみません、タイトルにエッチとか入ってて驚かれた方もいらっしゃることでしょう。どういうことなのか説明させていただきます。 概要説明 画像出典： 吸血鬼すぐ死ぬ 9巻 P134 盆ノ木至 秋田書店 __要するにこれです。__さすがに宙に星を降らせるわけにはいきませんので今回はブラウザ内に星を降らせていきます。 漫画のコマを見ただけでは何を言ってるのかご理解いただくのが難しいかもしれませんが、これ以上説明のしようがありませんのでついてきてください。 実現方法 いかにしてエッチなことを考えている
ライブストリーミングのチャット欄で荒らしを見るとツライ気持ちになるので、対抗しようということで今回 Chrome 拡張を作ったので紹介します！ モチベーション 僕は主に Youtube のライブストリーミングを見ていて、荒らしが発生するたびにユーザーをブロックするということを繰り返していて中々ツライ気持ちになっていました。 Youtube には「モデレータ」と呼ばれるコメント欄の治安を確保する人(or ボット)を配置することができ、基本的にはその人達によって治安が維持されています。 しかし、このモデレータを設置するかどうかは全て配信者に委ねられています。 そのため、視聴者からするとモデレータがいない(or 少ない)場合には荒らされ放題のコメント欄を見て頑張ってブロックしていくかコメント欄を閉じるしかないという課題があります。 そこで、視聴者側からいい感じに荒らしコメントを非表示に出来るとい
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
楽天ヘビーユーザーなので地味に愛用してきた「楽天ウェブ検索」のGoogle Chrome機能拡張ですが…アップデートで狂っているとしか思えない仕様に変更されました。 上の画像を見てもらうと分かりますが、楽天ウェブ検索の機能拡張をオンにすると… Google Chromeのホームボタンが「https://websearch.rakuten.co.jp/」に固定されます。 さらに…Chromeの検索機能も「楽天ウェブ検索」に固定されちゃうんです！ まぁ…インストール時だけなら大丈夫か。自分で変更しようと思い設定画面にアクセスすると… ホームページ変更も検索エンジン変更も「楽天ウェブ検索」によって制御されていました。オフにしないと…Googleの検索エンジン使えないんですよ。こんな仕様にしたら全員使わなくなるでしょ！？ 楽天リーベイツというポイントサイトの通知のためにインストールしていましたが…
Qoo10カテゴリのQoo10 BBIA Official_JPの新着クーポンコードの一覧を随時まとめています。 割引クーポンを見つけた日別にまとめており、記事の上にあるものが最新の割引クーポンになります。 Qoo10（キューテン）のショッ...
今回のアップデートで、起動時に前回開いていたページをすべて開くChromeの機能を有効にしている場合、タブの再読み込みの順番を、直近に開いたものからにした。また、端末のメモリが不足してくるとChromeがそれを検知し、表示しているページ以外のタブで使っているメモリを解放するようになった。タブをクリックすれば再読み込みできる。 こうしたメモリ消費の改善と、Chrome 45のリリース時に説明した、重要でないFlashコンテンツの停止などにより、OSにもよるが最大で15％バッテリー持続時間が伸びたという。 Googleは、今後もChromeの性能強化を続けていくとしている。 関連記事 Google、「Chrome 45」安定版を公開 Flash停止が初期設定で有効に 最新版となる「Chrome 45.0.2454.85」では計29件のセキュリティ問題を修正。重要でないと判断されたFlashコン
Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar（似たものをスクレイプ）」を選択します。 する
Created by the owner of the listed website. The publisher has a good record with no history of violations. Learn more 著作権侵害にあたる無断転載や違法アップロードを効率よく検索・通報できます。実際に処分されたURLの確認・記録・統計も行えます。 報告対象となる著作物の作者・権利者の方、またはその正式な代理人のみお使いいただけます。 Twitterでの無断転載（パクツイ）対策に使える「パクツイスレイヤー」と、GoogleへのDMCA通報を効率化する「ムラハチ for Google」が含まれています。 ・Googleの場合 基本情報を入力後、拡張機能を通じてGoogle検索を行うと、各ページ上部に報告リスト追加用のバーが表示されます。URL追加後に「報告」ボタンを押すことで、迅
2015年2月7日 16時0分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと IDとを忘れてもブラウザーから調べる奥の手がある スマホでSNSなどのログインでIDとを忘れた Chromeブラウザーの設定からIDとを確認できる 今やPCだけでなく、スマホやタブレットといった複数のガジェットを使い、FacebookやTwitterといったSNS、amazon.co.jpや楽天といったネットショッピングをするのも当たり前になってきた。 複数のガジェット、複数のネットサービスを使っていると、面倒なのがログインだ。 IDやをガジェット毎、サービス毎に毎回入力するのは非常に面倒だ。 そこで、多くの人が、PCでは、IE（Internet Explorer）やChromeなどのブラウザーにIDとを保存させて、入力の手間を省いている。 スマホやタブレットの場合は、Chromeブラザーの
検索やメールは有名だけど、グーグルの製品にはあまり知られていない機能もあるようです。 フライト検索 機能がシンプルな分、航空会社や旅行サイトよりも使いやすいですね。往路と復路を選ぶと、航空会社のサイトで実際に予約までできます。棒グラフアイコンを押すと、日ごとの料金も表示されるのはスゴイ。 https://www.google.com/flights/ 写真が多く撮られている場所のヒートマップ グーグルに買収された写真共有サービス「パノラミオ」の地域情報から、写真の数をヒートマップとして表示するサービスです。スペイン生まれのサービスなのでヨーロッパが「熱い」ですが、日本もなかなかのものです。 http://www.sightsmap.com/ Chromeのタスクマネージャー パソコンでグーグルのブラウザー「Chrome」を操作中に[Shift]+[Esc]でブラウザー内で動作するプロセスを
蒼月 @aomixer Chromeの右上（閉じるボタン付近）に自分の名前が表示されるようになった・・改悪としか思えん。非表示にしたいのに設定もない。ごみすぎる。。。 2015-01-14 10:01:21
Chromeの拡張機能としてリリースしましたよ！ はてなNG - Chrome ウェブストア https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AAng/mbgdnfmdelffjdhkdggilmphfdihnmcj 機能NGアドレスのエントリーをブロックします。NGワードを含むエントリーをブロックします。NGアカウントのコメント、はてなスター、ブログをブロックします。同一アカウントの連打による複数のスターをひとつのスターにして表示します。[対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） 結果はてなの閲覧がめちゃくちゃ快適になりました！ 目障りなサイトやアカウントは見なくて済むし、ブコメページのノイジーな
昨日、Chromeに突然セキュリティ警告が出た、という記事を書いたのですが、そのセキュリティ警告が出た原因をせっせとたどった結果、はてなブックマークボタンが利用するb.st-hatena.comサーバが改ざんされ、多数のサイトを、マルウェアを配布する状態にしていた形跡があったので、説明します。最初に書いておきますが、10/17現在は改ざんされていない、正規のファイルが取得できる状態です。 ※はてなから、公式発表がありました。記事の最後にその記事についてのことを追記しました。 目次 1. Chromeに出たエラー2. 経緯3. マルウェア配布サイト java-se.com へ接続するまで4. 改ざん内容5. bookmark_button.js の正体は、はてぶボタン用 JavaScript6. Googleセーフブラウジング情報の照合6.1. java-se.com6.2. b.st-ha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
