Chrome拡張機能

Chrome拡張機能を開発していて、設定した manifest.json 内の suggested_key にショートカットキーを設定したのに、設定した通りのショートカットキーを押しても拡張機能のポップアップが表示されないケースが時折ある。 "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Shift+J", "mac": "MacCtrl+Shift+J" }, } }, 例えば上記のように manifest.json を設定してmac上で Ctrl + Shift + J を押せばポップアップが表示…

TL;DR Chrome 拡張機能を作るのいいぞぉ！ customize-slackを作りました！ もちべ 毎日 Slack を利用しているとこんな機能があったら良いのにな...と思うことが多々あります。 公式に無ければ、自分で作ればいいじゃない [ソター・アントワネット] ということで自分が求めている機能を自分で作るぞ！ 前提条件 そもそも Slack っていじれるのか？ まずはじめに、残念なお知らせがあります。 なんと Slack公式のアプリでは機能を作ることができません... Webhook 等を利用して、外部サービスからSlackへのメッセージ送受信等をすることはできますが、利用者が直…

経緯として、私が遊んでいるFF14というゲームでアカウント乗っ取り事件がありました。その時、「Google検索でヒットした公式『らしき』サイトにアクセスしてパスワードとか盗み取られたのではないか？」というのが話題になりました。 乗っ取りサイトの多くが、比較的安価なドメインを使っています。「com」とか「jp」とかは使っていません(もちろん使っている場合もありますが)。なので「Google検索でドメインを確認して、信用できそうなURLだけを表示できれば被害が減るのでは？」とか考えて作り始めたChrome拡張機能です。執筆時、まだ未完成で、FF14の乗っ取り騒ぎも一段落してしまったため開発を中断し…

MacOSをVenturaにアップデートしてから既に半月経過。その間 起動時にChromeが開いてしまう。 そんな事象が続いていました。 便利そうですが、勝手にされると不満に思うものです。 MacOSには「ログイン項目」という設定があって、アップデートでソコに項目として上がったんだろうなと勝手に思っていました。ソレを削除すれば問題解決と高を括っていたら、そんな事なかった・・・ Chromeを削除しても、再起動するとChromeが開いて、画面上には「ログインするとGoogle Chromeが自動的に開きます」と、望まないダイアログ表示。 原因はソコではないと判ったので、調べてみるとChromeの…

おはようございます、なべやすです。 自身が運営するサイトにどれくらいのユーザーが訪れているのかを知ることは、ブログをはじめとしたサイト管理において重要なことです。 重要なだけに、その情報も詳細かつ正確であることが必要とされます。 サイト運営には欠かせないツールの一つGoogleアナリティクスは、ブログなどへの訪問ユーザーやアクセス数（PV数）などを詳細に収集してくれます。 そのGoogleアナリティクスを使い、より正確なデータを収集するためには、自分自身のアクセスも計測されない（除外する）ようにしなければなりません。 しかし、自分のブログを見ることは、ブログ運営者にとってよくあることでもあり、…

前回、webpack + TypeScriptの構成でChrome拡張の開発環境を構築しました。 tm-progapp.hatenablog.com ただ、DOMを拡張機能側で動的生成したりするよう場合、TSXで書きたいなァ…🤤という思いから構築してみました。

0. この投稿の概要 1. 機能の概要 2. 実装例 フォルダ構成 manifest.json background.js content.js 3. 参考 0. この投稿の概要 マッチングアプリをやっている時に、一度見たプロフィールを一覧から非表示に出来れば何度も同じプロフィールを見ないで済むのではと考えました。 既存のものが見つからなかったので、chrome拡張機能として実装しました。この投稿ではペアーズを対象にして実装例を紹介しています。(顔写真を隠すのが面倒なので、実行例は載せていません…) 1. 機能の概要 自分が実装した拡張機能は以下のような構成になっています。今回初めて拡張機能を…

1日2本のバチャを手動で立てているのはアホすぎたので、心がぶっ壊れたのを機にやってみた（人生 いろいろ〜） はじめに…大感謝 KowerKoint さん 私の事前知識 ABCなにかとは やりたいこと やったこと トークンってどうすりゃ手に入れられるんだ？を調べる コードを読み、わからない部分を整理してママに聞く 変更した箇所 config.py main.py どのバチャを立てるか、を入力で受け取る バチャの日付設定のYYYY（西暦）を打たなくていいようにする 指定コンテスト以外の問題は弾く 各コンテストにおける問題数の設定 tokenの記述 生成したURLをテキストに書き出し、ツイート用文章…

【nuroモバイル】プロファイルインストールhttps://www.so-net.ne.jp/guide/catalog/mobile/lte/download/So-netAPN.mobileconfig 完全に無料のオンラインPDFツールhttps://www.ilovepdf.com/ja ファイル名を思い通りに一括変更【Flexible Renamer】 https://forest.watch.impress.co.jp/library/software/flexrenamer/ 【WiFi Analyzer】ルーターやアクセスポイントの電波状況をビジュアル表示https://for…

5chを快適に閲覧したり、書き込みをするためには専ブラが必須ですよね。 Chrome拡張機能用に作成されたもので導入が一番簡単なのはこれでした。 readcrx-2.github.io Chromeストアに公開された拡張機能ではないため、導入にはChromeの拡張機能画面でデベロッパーモードにする必要があります。 デベロッパーモードにすることで、いわゆる野良crxもインストールが可能です。 インストールはダウンロードした .crx ファイルを拡張機能の画面にD&Dするだけです。 私の環境では 「https://menu.open2ch.net/bbsmenu.html の板一覧が読み込めません…

ChromeOS Flexには標準で Text というテキストエディタが添付されており、 ちょっとしたメモ用途には充分使用できるのですが、文字列の置換などが出来ません。 そこでChrome 拡張機能に使いやすいものが無いか探してみました。 chrome.google.com 文字列の置換だけでなく、ハイライト表示やジャンプも出来て良さそうです。 Windowsではサクラエディタを使用していましたが、ほぼ同等のことが出来そうです。

After RubyKaigi 2023にオンラインで参加しました。 これはそのメモ書きです。 zozotech-inc.connpass.com LT: REPLとデバッガを取り巻く環境の変化 -Pry, IRB, そしてdebug.gem- …メドピア株式会社 古川 健二 スゴくメモを取りやすかったです。 自分のところもpryのママですが…まずはbinding.irbでデバッグをしてみるところからスタートしてみようかな。 メモ 30名参加…！ アルコールパッチやってた。 engineer.medpeer.co.jp GitHub - ruby/debug: Debugging functi…

最近、Netflix、Hulu、U-NEXT、DTVなどの毎月定額で映画、ドラマ、アニメ、バラエティ番組などの様々な動画を見放題で視聴できる動画配信サービスは人気が高まっています。これらの有料の動画配信サービスと異なり、TVerは日本テレビ、テレビ朝日、TBSテレビ、テレビ東京、フジテレビで放送された番組と他社の一部の動画を広告付きで無料配信しています。 しかし、TVerで見逃し動画配信は期間制限があり、かつ流れるCMが多い。快適にTVer番組を楽しめるには、視聴期間内でビデオをTVerからダウンロード・録画したほうがいいでしょう。なら、どうやってTVerからPCに動画をダウンロードして保存し…

前日 shore01.hatenablog.com どうも、Shoreです。今日もChrome拡張機能を学びます。 本日5/14はつくばフェスティバルに行ってきました。 fes-tsukuba.com インドネシアとかインドとかタイとかいろんな国の方の出店があり、非常に複雑な面白い香りがして楽しかったです。ですが出店に並ぶのが面倒だしやっぱ高いのでベーコンとパストラミを買いました。ベーコンしか食べてませんが、非常にスモーキーで美味しかったです。 閑話休題 5/14 今日はだらけたので22時からやり始めてます。明日は1限あるし2時間ぐらい集中してやって寝ます。 今日の目標は昨日のタブをグループ化…

皆さんはChrome拡張機能「AmazonSeller Filter」知ってますか？Amazon.co.jpの検索画面からマーケットプレイス出品を除外する拡張機能で、タイムセール祭りやプライム・ブラックフライデーセールでお役立ちの便利なやつなのです。

参照したページ フックに関するよくある質問 – React 前回の props や state はどうすれば取得できますか？ Hooks時代のReactライフサイクル完全理解への道 はじめに この記事は個人的な学習記録です。 useEffectのクリーンアップ関数の駄目な使い方について書いています。 クリーンアップ関数については公式の 副作用フックの利用法 – React あたりを読むと良さそうです。 コンポーネントの実行順序については Hooks時代のReactライフサイクル完全理解への道 を読むとわかりやすいのではないかと思います。 この記事を書いたきっかけは、useEffectのトリガー…

検索ボリューム 今回の記事のテーマは「キーワードサーファ」はキーワードの検索ボリュームの確認に簡単に使えるかといった内容です。 本来なら、検索ボリュームの分析は「キーワードドプランナー」が1番なんでしょうが 今の、私にはレベルが高すぎます。 もっと簡単に速く「検索ボリューム」を調べられないかと簡易版を探していました。 Googleクロームの拡張機能を使えば、「キーワードサーファ」で「検索ボリューム」の大雑把な数字はつかめそうです。 何故かといいますと、Googleクロームに調べたいキーワードを打ち込めば「検索ボリューム:がでてくるからです。 ブログのリライトにキーワードを「検索ボリューム」から…

Hello there, ('ω')ノ SQL インジェクションで情報漏えいのバグを連鎖させた方法を。 脆弱性： SQLインジェクション .gitフォルダの公開 記事： https://goziem.medium.com/how-i-chained-an-information-disclosure-bug-to-sql-injection-bca936d90fb1 SQLインジェクションとは、攻撃者がアプリケーションの入力フィールドに 悪意のある SQL ステートメントを入力できる場合に発生する、 Web アプリケーションのセキュリティ脆弱性の一種で。 このタイプの攻撃は、多くの Web ア…

こんにちは。虎の穴ラボのはっとりです。 虎の穴ラボは2023/05/21 (日)に開催の技術書典14へ参加します。前回に引き続き、虎の穴ラボは技術書典14の「ゴールドスポンサー」です。 本記事では、出展についての情報をご紹介させていただきます。 techbookfest.org 開催概要 日時: 2023/05/21 (日) 場所: 池袋サンシャインシティ 展示ホールD（文化会館ビル2F） サークルNo: 協02 一般参加: 公式サイトで購入できる入場券（無料）が終日必要 詳しくは技術書典の案内をご確認ください。 頒布物について 「虎の穴ラボの薄い本。」シリーズの最新刊である「虎の穴ラボの薄い…