ReactとTypeScriptで、シンプルかつ実用的なChrome拡張機能を開発するための入門書です。 開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的に解説します。 また、本書を読むことでDeepLのような実践的な翻訳Chrome拡張機能を開発できるようになります。 所要時間: 約2時間 対象者: Reactを少しでも触ったことがある人 【2023/02/20】 初版を公開しました! 【2024/02/18】 改訂版を公開しました!
最近リリースされたChrome拡張機能「AWS Peacock Management Console」をご紹介します。 AWS Peacock Management Console - Chrome ウェブストア AWSマネジメントコンソールを見やすくしてくれるChrome拡張機能です。AWS SSOを使って、いや使わない場合でも、複数のアカウントのコンソールを行き来するようなAWSの使い方をしている場合、「あれ、今どのアカウントにログインしているんだっけ?」と迷子になることはありませんでしょうか。私はよくあります。この拡張機能はその問題を解決します。 具体的にはこの拡張機能は、コンソールの2箇所の表示を変えることで、今どのアカウントにログインしているのかを判別しやすくします。 1. グローバルヘッダーの色の切り替え どの画面でも共通して表示される一番上の黒背景の部分のことです。拡張機能を
この記事を読むと VSCode拡張機能を入れて、下記のようなことが実現します ・VSCodeとは別にterminal(Command Line)の画面を開かなくても、VSCode内から直接terminal操作ができる(例えばnpm run devも) ・全てのカッコ()[]{}が種類別に色分けされる ・インデントが一眼で分かる ・htmlタグの開始タグと終了タグを同時に修正できる ・Vue.jsやNuxt.jsの構造やファイル操作が楽になる etc... なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、Vue.jsやNuxt.jsを用いて開発している方にとっては最も有力な選択肢でしょう(そして、その選択は間違いではないと保証できます)。 さて、VSCodeはそのままでも素晴らしいエディタですが、使用するフレームワークや用途に応じて拡張機能を入れるとさらに、そ
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
iOSDC Japan 2017 ( https://iosdc.jp/2017/ ) での発表資料です。 ## 発表詳細 https://iosdc.jp/2017/node/1518 ## 動画 https://www.youtube.com/watch?v=8OUYTcgVk8Q ## デモExtension この発表に出てきたテクニックはすべて、以下のリポジトリで動作するデモアプリ(Extension)として確認できます。 takasek/XcodeExtensionSample: Various sample commands to implement Xcode Source Editor Extension https://github.com/takasek/XcodeExtensionSample ## 他、参考リンク ### To find awesome extens
つい先ほど公開したWIRED.jp の「ヴ」を変換するブックマークレットに加えて、WIRED.jp の「ヴ」を、対応する適当な文字に変換する Chrome 拡張機能を作成しました。 Wired Normalizerです。 この Chrome 拡張機能では、変換は、記事を読み込むことで自動的に行なわれます。 WIRED.jp では無限スクロールによって記事が追加的に読み込まれることがありますが、ブックマークレットでは、ブックマークレットを適用してから読み込まれた記事には変換が行なわれないという問題があります。 Chrome 拡張機能では、追加的に読み込まれた記事にも変換が適用されます。 変換の例 変換前 変換後 シリコンヴァレー シリコンバレー ヴィデオ ビデオ サヴァイヴ サバイブ レヴェル レベル ヴォキャブラリー ボキャブラリー マウンテンヴュー マウンテンビュー イノヴェイション イ
a.md Chrome ExtensionのLive HTTP Headersを調査した。Firefox用のものではない。Firefox用のものではない。 https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo 11/7追記 類似 or 同様の方法で難読化scriptを埋め込んでいる拡張機能が大量にあったため、Googleに報告済み。 https://twitter.com/bulkneets/status/795260268221636608 English version: https://translate.google.com/translate?sl=ja&tl=en&js=y&prev=_t&hl=ja&ie=UTF-8&u=https%3A%2F%
You can find (just about) anything on Medium — apparently even a page that doesn’t exist. Maybe these stories will take you somewhere new?
やまもといちろうさんのブログ移転に伴い、新ブログ( http://lineblog.me/yamamotoichiro )に対応いたしました。 「緑背景こそが、やまもといちろうブログだろ!!!」という多くのファンの声にお応えいたしました。 どうぞよろしくお願いいたします。(追記ここまで) 有名ブログやまもといちろうBLOGを見やすく補佐する Chrome拡張機能「切込隊長補佐」をリリースしました。 インストールはこちらから! Chrome ウェブストア – 切込隊長補佐 この拡張機能を作った理由 やまもといちろうブログは、愛読しているブログのひとつで、大好きです。 ただ、読みづらいんです。背景緑の白文字は、とても読みづらい。 また、一段落が長く、改行が少ない構成の為、非常に体力を使うのです。 「それが切込隊長の良さだろ馬鹿野郎」と言われればそれまでなのですが、 どうにか見やすくできればいい
アップデートの分類 Firefoxには三つのアップデートがある。一つはセキュリティアップデートで、たとえばFirefox 3.0.7から3.0.8へとバージョンアップする場合だ。もう一つはメジャーアップデートで、Firefox 2からFirefox 3へのバージョンアップがこれに当たる。最後はアドオンのアップデートで、とくに主要な拡張機能がバージョンアップすると、セキュリティアップデート以上にユーザーへの影響が大きい。 Firefoxには昔から、本体とアドオンのアップデート機能が備わっている。本体に関していえば、セキュリティアップデートの場合、一つ前のバージョンから更新するときは差分アップデートが、それ以前のバージョンからだとフルアップデートが提供される(『現在提供されているFirefoxアップデートの経路』参照)。それでも、Firefox 3を使っていれば、このアップデート機能を使って3
The add-on allows you to follow the memory usage and garbage/cycle collector activities of Firefox directly in the add-on bar. There is no need to poll 'about:memory' or scrape GC/CC messages in the Error Console. You experience strange behavior? Then enable the logging and all activities will get written to a log file inside the memchaser sub folder of your Firefox profile. As you can see in the
Google Chromeの機能拡張を作ったので公開しました。 CustomBlocker (Chrome Web Store) かなり細かいフィルタリング機能を追加します。 どこのサイトで どの要素の中を検索して どんなキーワードが含まれたら どの要素をブロックするか というのを全部自分でカスタマイズできます。 HTML文書の中の狙った要素(しかも複数)を選択するとなると、どうしてもXPathを自力で書いたりしないといけないので非常に面倒だし、それなりに知識が要りますが、この拡張にはHTML文書の中の要素を選ぶとそれに類似した要素を選択できそうなXPathをいくつかsuggestしてくれるという親切機能をつけておきました。たとえば、Twitterの「本文」をひとつクリックすると、空気を読んで同類の要素を選択できるXPathをひねり出してくれます。 これを使うと、 TwitterやFa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く