ITエンジニア/デザイナ向けにオープンソースを毎日紹介

機能拡張 - Google Chrome機能拡張の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2018/10/07

Read Aloud - ワンクリックでテキスト読み上げ

テキスト読み上げ機能は視覚障がい者に限らず、小説サイトなどで使っても便利な機能です。しかし、使うためにはOS側やソフトウェア側で色々な設定をしなければならなかったり、テキスト読み上げが必要ない時にもボタンが表示されてしまったりします。そこで使ってみたいのがRead Aloudです。選択した文字だけをワンクリックで読み上...

List

  • 2018/10/05

View Background Image - 背景画像だけを表示させるGoogle Chrome機能拡張

CSSのプロパティを使って画像を設定していると、右クリックで画像だけを表示しようと思ってもうまくいきません。その度に開発者ツールを開いて画像のURLを取得するのは面倒です。そこで使ってみたいのがView Background Imageです。背景画像だけを表示できるGoogle Chrome機能拡張です。## View...

List

  • 2018/09/18

Kantu Browser Automation - Seleniumの後継になるか。テストもできるブラウザ自動操作IDE

Firefoxのバージョンアップに伴い、Selenium IDEが使えなくなりました。その代わりになるソフトウェアが数多く作られており、ビジュアルテスティングの覇権争いが続いています。そんな中紹介したいのがKantu Browser Automationです。Selenium IDE風にレコーディング、そしてテストまで...

List

  • 2018/09/16

Browser Online Bookmark Incsearch

オンラインブックマークはついついブックマークした後の整理を怠り、どんどん蓄積されていきます。後で見返した時に、あまりにも膨大な数で目的のブックマークに辿り着けなくなってしまうのではないでしょうか。そこで使ってみたいのがBrowser Online Bookmark Incsearchです。各種オンラインブックマークサー...

List

  • 2018/09/14

GitHub Diff Explorer - プルリクエストのレビューを見やすく

Gitを使った開発では目処が立った段階でプルリクエストを送って取り込んでもらうというのが基本です。小さなプルリクエストであればすぐにチェックできますが、大きなものになると数十ファイルが更新されている場合もあるでしょう。そんな中では見逃しやレビューが時間を要してしまうかも知れません。そこで使ってみたいのがGitHub D...

List

  • 2018/09/11

PixelBlock - Gmailの開封トラッキングを防止

インターネット上におけるプライバシー保護は大事なテーマになっています。ソーシャルサービスなどはいうに及ばず、プライベートなデータが含まれるサービスとしてメールがあります。そしてその最大級のサービスと言えばGmailでしょう。Gmailのメールを開いた際にはトラッキング情報が送られています。それを防止してくれるのがPix...

List

  • 2018/09/10

Puppeteer recorder - Puppeteer用の操作スクリプトを生成するGoogle Chrome機能拡張

Selenium IDEが使えなくなり、Webブラウザを使ったテスト自動化をどう作るかは問題になっています。次期バージョンも作られていますが、開発者の関心はPuppeteerに移りつつあります。Google Chromeを開発で使っている人も多く、ヘッドレスブラウザであるPuppeteerが使えるのは効率的です。そこで...

List

  • 2018/09/05

Fuzzify.me - Facebookの広告関連情報をクリーニング

Facebookはユーザの行動を通じて広告を表示します。そのため、常にプライバシーとの兼ね合いが問題になります。ユーザは一部のトラッキングを拒否することもできますが、Facebook上でのアクションはトラッキングの対象になっており、いつの間にか自分のデータを吸い取られている場合があります。そこで使ってみたいのがFuzz...

List

  • 2018/08/15

StyleURL - CSS設定をGistで共有するデザインカスタマイズ機能拡張

開発者ツールを使うと任意のWebサイトに対してスタイル設定を変更できます。可読性を下げる要素を削除したり、並び替えたりすることもできます。Styusのような機能拡張を使えば、サイトを訪問した際にデザイン設定が自動的に適用されます。今回紹介するStyleURLも類似のソフトウェアですが、スタイル設定の作りやすさとシェアの...

List

  • 2018/08/09

Save images - ページ内の画像をまとめてダウンロード

Webサイトの中には写真をたくさん掲載しているところがあります。気に入った写真をまとめてダウンロードしたいと思っても、いちいち写真を選択するのが面倒だったりしますよね。そこで使ってみたいのがSave imagesです。ページ内にある写真を一気にダウンロードできるソフトウェアです。## Save imagesの使い方任意...

List

  • 2018/08/06

TabSpeech - Webページを読み上げるGoogle Chrome機能拡張

最近音声入力や出力が人気です。目で出力を受け取るのと、指先で入力するのは限界があります。そこで耳と口に注目が集まっています。さらに情報を処理できるようになるでしょう。Webブラウザについても同様です。TabSpeechを使えば表示されている内容を読み上げてくれます。## TabSpeechの使い方実行しているところです...

List

  • 2018/08/03

Make Medium Readable Again - Mediumの可読性を向上する

一度ダメになったものを、一発奮起してやり直す…トランプ大統領のいうMake America Great Againに似たフレーズが時々聴かれます。分かりやすく、聞いた人の心を奮わせるワードです(だからこそ大統領になったのでしょう)。そんなフレーズを用いたのがMake Medium Readable Againです。Me...

List

  • 2018/08/02

Markdown New Tab - Google Chromeの新しいタブをMarkdownエディタに

Google Chromeで新しいタブを開くと、最近見るWebサイトであったり、検索欄が表示されます。しかし、Web検索であればアドレスバーからやりますし、履歴もすぐにアクセスできます。この画面からあえてアクセスすることは少ないのではないでしょうか。そこでもっと役立つ情報を表示してみましょう。それがMarkdown N...

List

  • 2018/07/29

Qiita notification - Qiitaのお知らせをGoogle Chromeで通知

Qiitaは日本のエンジニアが多くアカウントを持っているサービスです。開発に役立つ情報がどんどん集まってきたり、誰かにコメントやストックされたりすることでうれしさを感じる人もいるでしょう。そこで使ってみたいのがQiita notificationです。Qiitaの通知をいち早く知ることができます。## Qiita no...

List

  • 2018/06/24

GitHub XP - GitHubをWindows XP風に

GitHubがマイクロソフトに買収されました。かつてのマイクロソフトとは違うとはいえ、Skypeのことを思うと一抹の不安を拭えずにはいます(CEOも代わるので)。今後数年は色々あるかも知れません。そんなGitHubをWindows XPにしてしまうデザインテーマがGithub XPです。## Github XPの使い方...

List

  • 2018/06/24

Trello.md - TrelloのボードをMarkdownフォーマットでコピー

Trelloはプロジェクト管理に限らず、様々な用途で使われています。工程を管理するだけでなく、頭の中を整理する目的としても使えます。人数も一人から多人数まで幅広く利用できます。そんなTrelloで記述した内容をMarkdownフォーマットで取得できるのがTrello.mdです。## Trello.mdの使い方例えばこん...

List

  • 2018/06/19

Prettier - テキストエリア内のコードを見やすく整形

プログラミングについて質問する際に、綺麗なコードで質問するかどうかで回答してもらえる可能性は変わってきます。誰しもインデントも乱れて改行も一定でない汚いコードを解析してまで質問に答えたいと思わないでしょう。そこで使ってみたいのがPrettierです。テキストエリア上でコードを綺麗に整形してくれます。## Prettie...

List

  • 2018/06/10

FacePause - 顔を認識してYouTubeの再生/停止を制御

Webの進化が止まらないのと同様に、Webブラウザ自身もどんどん進化しています。新しく出てくるAPIを実装し、それらが徐々にWeb標準として使えるようになっていきます。こうしたAPIは広まらない可能性もありますが、試してみる価値は十分あります。今回はGoogle Chromeに実装されたFaceDetector API...

List

  • 2018/06/07

Framework Inspector - Webサイトがどのライブラリで作られているのかチェック

Webサービス、Webサイトを支える技術は無数に存在します。トレンドの移り変わりも激しく、どれを選んだら良いのか分からないという方も多いでしょう。そんな時、有名なサービスで使われているものを選ぶという選択は決して間違いではありません。そこで使ってみたいのがFramework Inspectorです。気になるサイトがどん...

List

  • 2018/05/31

Replace zero-width characters hidden on a page with emojis

コンテンツの不正な再利用を防ぐために使える方法として、人の目には見えない空白文字を紛れ込ませるという方法があります。クリップボードには入るのですが、見た目には分かりません。その空白文字のパターンをユーザ毎に変えておけば、誰が不正コピーしたか分かるのです。それに対抗、という訳ではありませんが、Replace zero-w...