Hatena Blog Tags
はてなブログ トップ
Chrome拡張
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Chrome拡張

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
BATONZ Tech Blog•5日前

ワンクリックでテスト実行！MagicPod用Chrome拡張で実現した業務効率化

こんにちは。株式会社バトンズでエンジニアをしている鈴木です。 バトンズでは日々のテスト自動化にMagicPodを活用しています。 本記事では、Chrome拡張の技術的な実装方法の詳細ではなく、MagicPodのAPIを活用することで日々のテスト業務をどのように効率化できるか、その具体的なアイデアと実践例をご紹介します。 今回のChrome拡張で実現した主な機能は以下の通りです。 ワンクリックでの一括テスト実行 PC用とスマートフォン用のシナリオを、それぞれボタンひとつで実行開始できるようになりました。 複数環境への対応 ステージング環境だけでなく、その他のテスト環境でも同様にテストを実行できま…

#MagicPod#Chrome拡張

関連ブログ

気まぐれものつくブログ：Whimsical Monotsukuru Blog•15日前

この記事で紹介してたやつの使い方

akumunoyami.hatenadiary.jp ここにあるZIPのヤツの使い方です。 Chromeでの紹介になります。まず、以下のリンクをURLのあるとこに貼って飛んでください chrome://extensions ※Edgeでも出来るけどそこは各自検索して見つけてください。次に、上にあるリンクから、拡張機能のZIPをDLして好きなとこに解凍します。次に、開発者モードをONにします。 すると、パッケージ化されていない拡張機能を読み込む等出てきます。 パッケージ化されていない拡張機能を読み込むボタンを押し、解凍した場所(フォルダ)を指定します。 それを読み込ませれば完了です。はてなブログ…

#Chrome拡張機能#Chrome拡張
気まぐれものつくブログ：Whimsical Monotsukuru Blog•15日前

Chromeの拡張機能を作ってみた。けど初心者なのでポップアップにしました。

拡張機能！ちなみに撮影はEdgeでやりました。 Chromeだと色々見えちゃうので。で、これの機能については、はてなブログ専用ですが、新規記事、記事編集に対応しています。 あとHTMLとかを検知することはないです。(全て検知するのって一体)これがほしい方居たらコメント欄に書いてくださればなんとかすると思います。 ただこれ、まだアイコンが怒られるので(まだ仮でAIなんで)ちゃんとしたのに修正してからやりますので、配布まではお待ち下さい。追記２のとこからDLしてください。では｜｜)ﾉｼ追記：参考リンク置いとく developer.chrome.com developer.chrome.com追記２…

#Chrome拡張機能#Chrome拡張
Twitter 以上、ブログ未満•4ヶ月前

「はてなのお知らせ」の代替の Chrome拡張を作った

【追記】「はてなのお知らせ」公式の拡張機能が再び使えるようになったため、下記の代替版のインストールは非推奨です。 作ったのはこれです。 chromewebstore.google.com Firefox の方はこちらから→ URL Chrome のツールバーに はてなからの通知を表示する「はてなのお知らせ（ Hatena::Notify ）」が、Manifest v3 に未対応のため無効化されてしまったので、代替となる Chrome拡張を作りました。 （一応ですが、私は はてな社員ではないので、非公式の拡張になります。） 実装した機能： 拡張のアイコンに通知の数を表示（ 15 分ごとに更新） …

#Chrome拡張#Chrome拡張機能
ゆるりと•5ヶ月前

またねMUI、ようこそshadcn/ui

noteに最近のSnack Timeのアップデートについて書いたんですが、そこで脱MUIをしたことについて書きました。 note.com 今回は、MUIを導入していた経緯から脱MUIに至る理由、そして脱MUIでの具体的な作業について紹介します。 TL;DR MUIを導入した経緯 MUIを使っていて出てきた課題 またねMUI、ようこそshadcn/ui Shadow DOMでTailwind CSSを使う リリース後 さいごに TL;DR 当時、Reactで書く場合にMUIを使った方が個人的には早かったので導入した 以下の理由でやめたい気持ちがでてきた MUIがボトルネックでアップデートできない…

#Chrome Extension#Chrome拡張#CRXJS
ゆるりと•5ヶ月前

公開済みのChrome Extensionのタイトルを変更する

公開済みのChrome Extensionのタイトルを変更する方法について紹介します。 TL;DR マニフェストファイルのnameを変更して、package.jsonのversionをあげて審査に出せばOK github.com 経緯 ChromeでSnack Timeという便利な拡張を公開しているんですが、名前からして何の拡張なのか分かりづらいというフィードバックがありました。 そのため、Snack Time というプロダクト名だけでなく、 Snack Time - Online Timerのようにタイマーであることを明記しようとしました。 タイトルを変更する Chrome Extensio…

#Chrome Extension#Chrome拡張#CRXJS
土日の勉強ノート•1年前

【ブログ便利ツール】マウスをかざすだけでフォント名が分かる「WhatFont」の紹介

ブログのデザインを変更する際に、マウスを対象の文章に近づけるだけでフォント名が表示される、非常に便利なChrome拡張機能「WhatFont」（フリーソフト）を紹介します。 自分のブログのデザインを考えているときに、「これは何のフォントで表示されているのだろう？」と思うことがよくありました。 しかし、「WhatFont」を導入してからは、フォントについて悩む時間がなくなりました。他の方のブログで「このフォントはかっこいいな」と思ったら、すぐに調べることができるようになりました。 それでは、紹介していきます！

#便利ツール#ブログ作成#Chrome拡張#WhatFont#フォント
BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」•1年前

AWSマネコン操作時のうっかり事故を防止する為のChrome拡張作ってみた

pre.code { / 行番号の基準をpreの左上にする / position: relative; / コードの左側を空ける / padding: .25em 0 0 3em; / 横スクロールバーを出して、コードが改行しないようにする / white-space: pre; overflow-x: scroll; } pre.code::before { / 行番号。\aで改行している / content: "1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a…

#AWS#Chrome拡張
豪鬼メモ•1年前

Chrome拡張ポップアップ辞書の先読み英熟語検索

Chrome拡張のポップアップ英和辞書機能にて、選択語句の周囲の語句を先読みして、関連する英熟語の検索結果を追加するようにした。例えば「The plane bursts into flames at Haneda.」という文の「bursts」を選択するだけで、「burst」（破裂する）の意味だけではなく、「burst into」（突入する）や「burst into flames」（炎上する）の意味も教えてくれる。これによって、どこからどこまでが英熟語なのかを事前に知る必要がなくなり、初学者により優しい辞書になった。

#Chrome拡張#英語#辞書
ブラウザ拡張開発日記•2年前

ブラウザ拡張機能を作る際に利用している外部サービス 3 つ

Sentry - エラー収集 https://sentry.io/ 言わずとしれたエラー収集サービス。アラートを Slack に流してる。 💡エラーに個人情報が混じってる場合は適切にマスクした上で送信すること。 無料プランだと Slack 連携が使えないので Sentry の Webhook → Vercel に立てているリクエスト中継アプリ → Slack の Incoming Webhook みたいな感じで Sentry の Webhook を Slack までリレーしている。 Vercel のリクエスト変換アプリのコードはこんな感じ。(クリックで展開) const { IncomingW…

#Chrome Extension#ブラウザ拡張#ブラウザ拡張機能#Chrome拡張#Chrome拡張機能