Chrome拡張機能

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

YouTubeでビデオに対する低評価の数が見えなくなりました。 ヘイトからクリエイターを守るという意図はわかるものの、あらかじめおおよその評価を知ることができなくなり、ユーザ視点ではやっぱり不便になった。 せめて、再生回数に対する高評価数の割合を判断材料にしたいと思い、勉強がてらChrome拡張を作ってみることにしました。

追記 連続利用ができないの、変数が生き続けてるんだよねぇと思って関数化したらうまくいきました。 ソース変更済みです。ぎ、ぎふはぶにアップしてみました。コレでいいのかわからん(；´Д｀) https://github.com/elve-hatena/hatena-extensions.git publicにするの優良なのかな？(^_^;) ﾜｶﾝﾈ 前置き はてな（記法）を愛する皆さんこんにちは。エルベです。はてな記法、便利ですよね。 引用を割とする方なので Copy URL+という拡張機能を使っていました。 chrome.google.com こんな感じで使っていたのですが、選択部分の文章の改…

Twitterで投稿前に確認ダイアログを表示する拡張機能アプリを作成しました。 chrome.google.com どんなアプリ？ 「ツイートする」ボタンを押すと以下の様にダイアログを表示してくれます。 なんで作った？ 元々仕事の一環でChrome拡張機能の作り方について調査してました。 その時必要としていた機能が「Webメーラーからメール送信時に確認ダイアログを表示する」というものだったので、Twitterで試してみました。 作ってみて「あれ？そもそもこれTwitter自体の誤送信や過激な投稿をしてないかを踏みとどまるのにも使えないかな？」と思いました。 なので、アプリ化してリリースしてみま…

MixchTools 最近ミクチャにはまっていて、PCからウェブ版ミクチャを快適に使うためのChrome拡張機能を作った。 Chrome拡張機能を作るのは初めてだったので、備忘録として残しておく。 github.com ざっくりとした技術仕様は以下のような感じ。 Typescriptで書く scssを使う webpackでpackする 今回作った拡張機能には以下の2つの機能を実装した。 - コメントがあったらPush通知を出す - レイアウトを良い感じに変えられる

AWSマネジメントコンソールへログインする際、MFA(多要素認証)を利用することが推奨となっていますが、、、、スマホ開いて、認証アプリ開いて、ワンタイムパスを手入力して・・・る間に次のパスになって、もう一度手入力して、ログイン、、、、が煩わしく感じていました。 もう少し楽にMFA(多要素認証)でログインできないか・・・、拡張機能がありました。 Chrome拡張機能「認証」。 ※拡張機能の名称は「認証」と表示されますが、拡張機能内の所々で「Authenticator」と表示される場合があります。 ※別に拡張機能「Authenticator」もありますが、「提供元: authenticator.c…

こんにちは。 今回は、独学でHTML、CSS（SCSS）、そして今現在JavaScriptを勉強中の主婦が、愛用中のブラウザ・Chromeについての記事になります。 Chromeってなに？ Chromeだとなにが便利？ デベロッパーツールの使用方法 おすすめ拡張機能の紹介 などをご紹介します！

おにじと申します。 今回は、Google Chromeで使用可能だった『Chrome Add-on for Hatena』に関して、動作しなくなっている為、超暫定版として現在ある程度使える状態にしたものを配布します。 前提として、この配布はあくまでも暫定版としてのものであり、筆者にChrome拡張機能の知識は皆無に近いですし、作った本人でもありません。 この拡張機能は、オリジナル製作者のSHIROMA氏、もしくは有志様が修正するまでの”暫定版”であり、『Manifest V3』に対応したバージョンが掲載された場合、即時掲載を停止する予定である。 筆者は製作者様、又は有志様において、完全に使える…

概要 参考情報 概要 たまーに使うことがあるので、忘れないうちにメモメモ。 一つ前の記事で RSS2.0 を読み込むサンプルをアップしていますが、同じ形でAtom Feedも読み込んでみます。 前回と同じように取得対象はこのブログにしています。 package main import ( "encoding/xml" "fmt" "io" "net/http" ) type ( Feed struct { XMLName xml.Name `xml:"feed"` Titles []string `xml:"entry>title"` } ) const ( URL = "https://de…

Chrome拡張機能を作ってみようと思いました。 とりあえずTypeScriptの方がいいかと思ったり、Reactでも使ってみるかと思いました。 検索するとスケルトン的なのを公開してくれている方もいたのですが、若干バージョン古くなってしました。 少し考えた結果、Create React App使えば良くないと思ったのでメモを残します。 Node.jsのインストール Create React App manifest.jsonを修正 Chrome拡張向けに微調整 Chrome拡張には不要なファイルを削除する @types/chromeをインストール ビルド 実装 Node.jsのインストール い…

2016年1月の時点で、世界中に23億人以上のアクティブなソーシャルネットワークユーザーがいることをご存知ですか？ これは、どのように見ても深刻な数字であり、各ソーシャルメディアプラットフォームごとに分類すると、さらに驚くべき数字です。 2016年3月のFacebookの1日あたりのアクティブユーザー数は平均10.9億人でしたTwitterの月間アクティブユーザー数は3億1000万人に達しました。Instagramは月間アクティブユーザー数が4億人に達しました。一部の人々は、個人的な理由でこれらのソーシャルメディアプラットフォームを使用しています。また、B2BおよびB2Cのマーケティング担当者…

ターゲットキーワードのインターネットマーケティングを使用して検索エンジンのトップに到達するには、かなりの作業が必要です。これは、SEOツールが役立つ場合があります。 検索エンジンとキーワード調査がどのように機能するかについての基本的な理解があったとしても、検索結果のトップの位置は言うまでもなく、サイトのランクを1ページに上げることは決して簡単ではありません。 SEO戦略を開始する前に、調査、比較、計画する必要のあることがたくさんあります。 B2Bマーケターの60％近くが、SEOが潜在顧客に最大の影響を与えると述べているため、これは無視したくないことです。代わりに、それはあなたが受け入れる必要が…

ついにやってきます！ 今年のAmazonプライムデー！ 年に1回、Amazonだけの超大規模スーパーセールです。 テレビCMや雑誌で見かけて 「ぜひお得に買い物したい！利用したい！」 と考えている人も多いと思います。 そこでこの記事では、Amazonプライム歴7年にして過去プライムデーに6回参戦したわたしの経験から、 Amazonプライムデーの基本情報 プライムデーをお得に楽しむ為にやっておくべき準備 既にスタートしているプライムデーキャンペーン などわかりやすく解説していきます！ 特に「プライムデー初参戦！」という方はぜひチェックしてみてくださいね。 1,000ポイント、もらえます！ Ama…

目的 私がブログや同人誌の原稿を執筆するPCの執筆環境、および推敲手順についてまとめる。 私はこねくり回しながら執筆するため、エラー過多な文章になりがちである。そのエラーを取り除くのにいつも四苦八苦している。有能なライターならエラーがない文章を一発で書けるのかも知れないが、私には無理っぽい。そのため、なるべく人間の経験に頼るのではなく、機械を使ってエラー訂正をアシストしてゆくことを考えていた。 ところで、私は以前からアニメを語るPodcastに感想を投稿しており、その際に下記について注意してきた。 声に出して読める文章 冗長をなくした簡潔な文章（これは文字数制限があったため） 経験上この2点を…

1. はじめに PCでYouTubeの動画を閲覧しているときに，たまに投稿日時がほかのボタンに隠されてしまう状況が発生する． これは，スーパーサンクスや動画のダウンロード，クリップを許可しているチャンネルの動画にはそれらのボタンが追加されるために生じる． 文字だけでは説明しづらいため，スクリーンショットを撮った． 図1は標準的な動画画面であり，投稿日時が問題なく表示されている． 図2はスーパーサンクスなどが許可されている動画の画面であり，投稿日時が隠れて見えなくなってしまっている． ※隠れていることの証拠に，図3のようにページの表示倍率を変更すると見えるようになるが，文字が小さく少し見づらい．…

お気に入りの人が、Youtubeでプレパラートにマニキュアを塗っていた。 なかなかうまく丸く塗れるので真似してみた。 www.youtube.com 昔はやった、指先でくるくる回すやつを再利用。 ベアリングが入っているのでとてもスムーズ。 木切れを切って、ホットボンドでくっつけて出来上がり。 まずは、裏向けてくるくる回しながらサインペンであたりの円を描いて、 表面にマニキュアで厚みを作り、そこに花粉を置いて、円形カバーグラスを載せて、周囲を再びマニキュアでカバーして出来上がり。 透明マニキュアをダイソーで買ってきたが、今度は色付きを買ってこよう。 -----------------------…

SharePointはナレッジベースでした。 SharePointでMarkdown記述が使えるのは歓迎です。 もう方眼紙を無くしたいですからね。 ここを見ました。 idea.tostring.jp ぽぬ。は、個人用のMicrosoft 365は契約していますが、仕事上シェアする人がいません。 もっぱらGoogle Drive、Google Spreadでのシェアです。 無料のナレッジ・ベースは、NotionとScrapboxを使っています。 www.notion.so scrapbox.io ぽぬの晩餐 は、Scrapboxです。 sionx360はMediaWikiをつかっていますね。 M…

こんにちは〜。現在、韓国に語学留学中のアヤオです😊 今回は私が大変お世話になっている翻訳サイトやアプリを3つご紹介します。 最近ではすごい精度も良くなって、こんな便利なものがある時代に感謝ですね！ それぞれの使い分けもあわせて紹介してみようと思います。 どんなシーンでも使えるGoogle翻訳 私のGoogle翻訳の使い方 英語にめちゃ強いDeepL 私のDeepLの使い方 韓国語の翻訳に強いPapago 私のPapagoの使い方 まとめ どんなシーンでも使えるGoogle翻訳 みんなが知ってる一番有名な翻訳ツールですよね！私も一番よく使っています。 Google検索に入れたら速攻で翻訳してくれ…

実家のパソコンを定期的にメンテしていたのですが、Windows10にアップデート後、メンテして2週間ぐらいで「動かなくなった」とヘルプが入るようになったので、中古のWindows10のPCを購入し、旧PCを引き取ってきました。 古いPCにUbuntu系Linuxディストリビューションを入れる Ubuntu系Linuxディストリビューションいろいろ LinuxFx デスクトップ画面 Lubuntu Xubuntu Ubuntu Chromebookとの比較 クリーンインストール後はUEFI起動に注意 その他の記事