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だとなにが便利？ デベロッパーツールの使用方法 おすすめ拡張機能の紹介 などをご紹介します！

このブログでも何度か紹介してると思う。 RSSリーダーはGoogleリーダー終了以降、ずっとReederを使っている。 Reeder 5Silvio Rizziニュース¥610 有料だが買い切りで、RSSだけじゃなくInstapaperやPocketをまとめて見れる点がとても気に入っている。 RSSはInoreaderに集約して、このReederで読んでいる。 www.inoreader.com 良記事に出会ったらトップページへ行って、Chrome拡張機能からInoreaderへ追加する。 chrome.google.com フォルダ分けもできるので、DrupalとかSEOとかFrontend…

「仕事の速い人になりたい。作業の効率を上げたい。なにか手っ取り早い方法はないかな……？」 そんな人は、今回ご紹介する “たった9個の知識” を覚えて、仕事で使ってみてください。 パソコンの基本操作を高速化できて、事務作業などの効率を飛躍的に上げられる――といったメリットが期待できる、ショートカットキーの活用術について解説します。これまでマウスばかり使っていた方も、まずは入門編として、本記事の内容をぜひマスターしましょう。 “脱マウス” で、作業効率が24倍に！？ “脱マウス” を実現！ 便利なショートカットキー9選 1. タスクバー上のソフトを開く【Windows＋T】 2. デスクトップに戻…

概要 参考情報 概要 たまーに使うことがあるので、忘れないうちにメモメモ。 一つ前の記事で 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のマーケティング担当者…

概要 参考情報 概要 たまーに使うことがあるので、忘れないうちにメモメモ。 Goでは、JSONと同じようにXMLの場合も Struct Tags を付与できるので、解析がとても楽ですね。 試すサイトは、他サイト様にすると迷惑がかかるので、このブログにしました。 package main import ( "encoding/xml" "fmt" "io" "net/http" ) type ( Item struct { XMLName xml.Name `xml:"item"` Title string `xml:"title"` } Rss struct { XMLName xml.Nam…

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

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

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

どうも、re:shineチームの宇田川海人です。 今回は5月26日に開催したmeta P.S.というトークイベントについてレポートします！ Meta p.s. とは？ 毎月1回内外のエンジニアと開発に関する知識や経験を共有するために開催しているトークイベントです。 元々は、メタップスグループ内での勉強会という位置づけで開催していたのですが、メタップスが渋谷のWeWorkに移ったのを機に「もっと広い方々と交流したい」「一方的に教えるのではなく、共有し、コミュニケーションを取ることによって理解を深めたい」という趣旨で、外部のエンジニアも交えたエンジニアトークという形式になりました。 オンラインのみ…

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検索に入れたら速攻で翻訳してくれ…