Chrome拡張 つくりかた 令和最新版
数年ぶりに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
URLについてくる不要なパラメーターを消してくれる拡張機能「ClearURLs」レビュー
検索結果やSNSに張られたリンクをクリックすると、本来のURLの後ろに何やらパラメーターがいろいろとくっついてくることがあります。これは、どういったリンクをクリックしたのかなどの情報を得るために付与されたもので、なくても機能します。「あって困る」というものでもありませんが、「プライバシーを守るために消せるものなら消したい」という人のために役立つのが拡張機能「ClearURLs」です。 ClearURLs https://docs.clearurls.xyz/latest/ 「ClearURLs」はChrome、Firefox、Edge向けが提供されています。 ClearURLs - Chrome ウェブストア https://chrome.google.com/webstore/detail/clearurls/lckanjgmijmafbedllaakclkaicjfmnk ClearU
リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - #daiizメモ
閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる． ページ中の<a>の位置に，外部ページヘのリンクを持つ<rect>を挿入しています．クリックするとリンク先のページが開きます． ブラウザで通常リンクと同じように扱われるため，rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので，移動先もしっかり確認できます． まだかなり荒いベータ版ですが，GitHubで公開しています．クローンして，そのままChromeの拡張機能管理ページから読み
家族写真の可聴化について - Qiita
このエントリーは家庭を支える技術 Advent Calendar 2014の2日目として書かれました。 家族写真は、就業時に家族のことを想起し奮闘する上で重要なツールです。しかしながら、一般的なオフィスにおいては自席以外でくつろいだ姿勢で設計やコーディングを行うことがよくあります。 そういった状況において、家族写真のような家族を可視化するツールを持ち歩くことはあまり現実的ではありませんが、作業に使うコンピューターに家族の声を利用して一定の情報を可聴化するようなツールを導入しておくことで、その機能を代替することができます。 本稿では家族写真を可聴化によって代替するために、私がここ1、2年の間にとっている手法を紹介します。 寝た方がいいということを教えてもらう もう寝ろよ というGoogle Chrome Extensionを実装しています。この拡張をインストールした上で、午前0時以降にブラウ
カジュアルにChrome extensionを書いてみる
Chrome extensionを0から開発しようとするとmanifest.jsonとか色々考えないといけないので、すでにインストール済みのextensionを改造するのをおすすめします。 書き換えたいextensionを入れる。普通にChrome ウェブストア - 拡張機能からインストールします。 extension idを取る。インストールページのURL末尾にあるアルファベットの羅列がextension idです。 すでにインストール済みのextension idが欲しい場合、「extensionの管理画面（ chrome://extensions ）」から対象のextensionの脇にある「Visit website」をたどるといいです。 ソースを見る。Macの場合以下の場所にあります。 ~/Library/Application\ Support/Google/Chrome/Def
すぐに宮崎あおいを見れるGoogle Chromeの拡張作った。 - soh335 memo
生きていればつらいことがある。 しかし、つらいからと言って簡単に投げ出す事は出来ないということも多い。 みなさんもつらまってる時、よく宮崎あおいを見ると思う。 当然のごとく僕もそうである。 最近つらい事がよくある。 そんな時のために、宮崎あおいを素早く表示する必要があった。 なので、宮崎あおいをすぐ見れるGoogle Chromeの拡張を作った。 「だめだ。もうやってらねー」って時は、空の tab を表示すればすぐ宮崎あおいに会える。最高。結婚したい。 chrome-tumblr-tile from soh335 on Vimeo. soh335/chrome-tumblr-tile · GitHub option で apiKey と 表示したい tumblr の hostname を設定すれば色々見られます。 本当はからっぽ を表示するのも良いと思います。 合わせて読みたい すぐに吉高
keysnail japanese · mooz/keysnail Wiki · GitHub
トップ 使い方 Tips カスタマイズ フック プラグインを入手 プラグインを書く For Vim users, there is Vimperator. For Emacs users, there is KeySnail. インストール 以下のリンクより，お使いの環境に対応した keysnail.xpi ファイルをダウンロードして下さい。 Firefox Thunderbird ダウンロードした keysnail.xpi を Firefox / Thunderbird へドラッグアンドドロップすれば、インストールが行えます。 コマンドラインからインストールを行いたい場合は、次のようにすれば良いでしょう。 $ wget https://github.com/mooz/keysnail/raw/master/keysnail.xpi $ firefox keysnail.xpi News
ChromeをVim風にキーボード操作する拡張
※最新版をGoogle Codeにアップしました。今後はこちらで更新する予定です。 http://code.google.com/p/vimlike-smooziee/ ChromeをVim風に動かしたい Firefoxのアドオンには、VimperatorというVim風にブラウザを操作してしまおうという大変マニアックなアドオンがあります。これに慣れるとVimperatorの入ってないFirefoxは使えなくなるといわれるほど、素晴らしく便利です。 ただ、Firefoxはどんどん起動が遅くなってしまうので、あくまでFirefoxがメインながらも、キビキビ動いてくれるGoogle Chromeを使用する機会も増えてきていました。 そうなるとやはり、ChromeでもVimperatorを使いたい。それが無理でもせめてVimのようにjキー、kキーでスクロールするだけでも全く使い勝手が違うだろうと思
Tombloo 0.4 - RapidShare
tombloo みなさまからの寄付がたくさん集まって、現在$574に!!すごい、ビックリ万長者や。そこで使い道を考えていたのですが、とりあえずその時までに溜まっていた$500を人にあげちゃいました。その人は音楽をやっていて、ぼくらの生活は音楽で楽しくなるので、音楽に恩返ししたことになんじゃないだろうかと考えたわけです、使い道を放棄したというかまかせちゃったかんじです。たぶんですね、もらったお金を僕や開発者の人で使ってもそんなに楽しくないんですよ、楽しくないというか拡がらないというか、そこまでで終わりの話になっちゃう。なので、どこか離れたところに置かないといけないじゃないかなー、と思ったんです。ただ、誰か知らない恵まれない子供にあげるとかは違うだろうというのもあって。すいません、なんか運用まちがえてる気もしますが、寄付くださった方々ありがとうございました。きっと巡りめぐって僕らの生活が豊かに
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Mozilla Re-Mix: 【2009年末版】 きっと誰かの役に立つ49個のFirefoxアドオン。
2009年も残すところあとわずかですね。 今年もこのブログを読んでくださっている皆さんのおかげで記事を書き続けることができ、大量のアドオンを紹介することができましたが、日々増加するアドオンの全てを紹介することもできず、チェック後記事にしていないものも数多く残ってしまいました。 今回は、年末恒例のまとめ的記事として、このような紹介しきれなかったアドオンの中から、一つの記事にするほど複雑ではないが、誰かにとっては役立つかもしれないアドオン49個をランダムに並べてみました。 記事はちょっと長くなりますが、この中から「こんなの欲しかった」というアドオンを見つけてもらえればと思います。 １．CopyFeedLocation ページコンテキストメニュー、または専用のツールバーボタンクリックで閲覧ページのフィードURLをクリップボードにコピーします。 ２．Switch Window Mode 新規ウィン
Mozilla Re-Mix: Firefoxのサイドバーでニコニコ動画とYouTubeの作業用BGMを再生できるアドオン「BGM Fox」
YouTubeやニコニコ動画の動画は、映像として観るだけでなく、「音楽」として再生することもよくあることです。 そんな時に、両サイトにわざわざアクセスして動画を選択し、１つを再生し終わるたびに次の動画を再生するようなことをしていては、とても作業用BGMとは言えませんね。 こうした動画をBGMとして聞くのなら、やはり音楽プレーヤーのように管理し、お気に入りを連続再生したいところです。 そんな作業用BGMフリークにおすすめのFirefoxアドオンが「BGM Fox」です。 「BGM Fox」は、FirefoxのサイドバーにYouTubeとニコニコ動画のコントロール機能を与えてくれるアドオンで、このアドオンをインストールしておけば、作業用BGMの検索から再生、プレイリストへの追加による連続再生などが簡単に行えるようになります。 アドオンをインストール後、ツールメニュー、または専用のボタン をク
【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」:phpspot開発日誌
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」 2009年08月17日- UrlParams :: Firefox Add-ons WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」。 もうご存知の方も多いかもしれませんが、知らなかったのでご紹介。 Yahoo! などの検索エンジンにアクセスすると、「http://search.yahoo.co.jp/search?p=test&ei=UTF-8&fr=moz2」のように色々と引数がつきますが、これを分かりやすく解析してくれます。 さらに解析するだけでなく、独自パラメータを定義して送信するといったことも可能です。 上記GETによるアクセスで、以下のようにパラメータを分かりやすく表示してくれます。 POSTの場合は別のペインにパラメータが表示さ
常用中 Firefox 3 アドオンのまとめ
1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。その場合は、インストールしても、使うとき以外は無効にしておくなど工夫しましょう。メモリてんこ盛り PC ならあまり気にならないと思いますが。 今回は数が多いので大まかにグループ分けして紹介してみます。あと、特定のアドオンに依存しているものもありますので、その辺はまとめています。
Mozilla Re-Mix: IE Tabを高機能化したFirefoxアドオン「Coral IE Tab」
Windowsアップデートのように、Firefoxでは正常に機能しないサイトというのはまだ多少あるもので、こうしたサイトを閲覧したり機能を利用したい場合は、わざわざIE系のブラウザを立ち上げなくてはなりません。 こんなとき、Firefoxユーザーが迷わず利用するアドオンといえば、「IE Tab」でしょう。 IE Tabは非常にメジャーなアドオンで、Firefoxユーザーなら皆さんご存じかと思いますが、今回は、このIE Tabをカスタマイズしたアドオン「Coral IE Tab」をご紹介します。 「Coral IE Tab」は、IE Tabをベースにパフォーマンスの改善を行い、いくつかの新機能を搭載したアドオンとなっています。 基本機能は、ツールバーボタン 一つでIEエンジンに切り替え、FirefoxからWindowsアップデートなどもできるようになるというものです。 IE Tabとの主な
sqlite絡みのアドオンをインストールしてみた - Do You PHP はてブロ
今朝、何気なくtwitterを見ていたら、気になる発言が。。。 YSlow切ってSQLite Optimizer入れたらだいぶFirefox軽くなった おお、SQLite Optimizerとな。 https://addons.mozilla.org/ja/firefox/addon/11198 http://miyafx.blogspot.com/2009/03/sqlite-firefox.html(開発者さんのサイト) 実験的なアドオンらしいですが、早速インストール。メニューの[ツール]-[アドオン]からSQLite Optimizerを選択し、設定ボタンを押下すると、次のようなダイアログが表示されます。 設定はこれだけじゃなくて、about:configで最適化のタイミングや最適化の方法を設定できるようです。 最適化のタイミング： 自動または手動 自動の場合は Firefox を1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - antfu-collective/vitesse-webext: ⚡️ WebExtension Vite Starter Template
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Index of /dev-builds