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

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

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

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

もっと見る

List

  • 2018/04/06

Sloth - ネットワーク速度を落とすGoogle Chrome機能拡張

ブロードバンドが当たり前になり、さらにLTEが普及しきっている環境だと、速いインターネットが当たり前に感じてしまいます。しかし、時に3G環境で使わなければならなくなったり、遅い環境でWebブラウジングすることがあります。そんな時の感覚を忘れないように手軽にネットワーク速度を切り替えられるのがSlothです。## Slo...

List

  • 2018/04/03

Ghostery Extension - トラッキングを防止してWeb表示を高速化

Webブラウジングをしていると、様々な情報が吸い取られています。それらの情報は広告のトラッキングに使われることが多く、プライバシーの問題になりがちです。Webサイトは見たくとも、個人的な情報は渡したくないと思っている方は多いはずです。そこで使ってみたいのがGhostery Extensionです。トラッキングを防止し、...

List

  • 2018/03/30

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

Google Chromeを使っていて、表示されている画像を保存したいと思うことがあります。そんな時にCSSのbackground-imageとして指定されていたりするとコンテクストメニューから指定できません。開発者ツールのリソースから探すのは面倒です。そこで使ってみたいのがView Background Imageで...

List

  • 2018/03/19

JavaScript Tracker - DOMイベントを捕捉するGoogle Chrome機能拡張

JavaScriptはイベント購読型の処理が多いです。DOMをクリックした際のイベントであったり、変数の変化をウォッチして処理が行えます。しかし、そういったコードが散在していると、どこでイベントを購読しているのかが分からなくなります。そこで使ってみたいのがJavaScript Trackerです。JavaScriptの...

List

  • 2018/03/17

Anti Paywall - ペイウォールを乗り越えるGoogle機能拡張

現在、メディアサイトの多くがペイウォールと呼ばれるビジネスモデルを採用しています。記事の途中まで見せて、課金を誘うものです。一ヶ月に数本は閲覧できるようにしているパターンも多いです。そんなペイウォールの壁を突破しようと試みるのがAnti Paywallです。## Anti Paywallの使い方Anti Paywall...

List

  • 2018/03/16

Video Speed Controller - 動画の再生速度を変更

HTML5になって動画の再生ができるようになっていますが、デフォルトの機能は多くありません。足りない機能はJavaScriptを駆使して実装する必要があります。しかし自分のサイトではできても、外部サービスではどうしたら良いでしょうか。そこで参考になるのがVideo Speed Controllerです。Google C...

List

  • 2018/03/13

ViewImage - Google画像検索の結果に画像への直接リンクを追加

Google画像検索が方針を変更し、検索結果から直接画像だけを表示できなくなりました。コンテンツホルダーとしては画像にアクセスされても旨味がなく、フリーライドされるだけだった訳で、これでようやく落ち着くことでしょう。しかしユーザ視点で見ると直接アクセスしたいはずです。そこで登場したのがViewImageです。## Vi...

List

  • 2018/03/03

Memex - ブラウズ履歴/ブックマークから全文検索できる機能拡張

未知の情報を探すならGoogleなどのWeb検索が便利です。しかし既知の情報になると意外と探せなかったりします。頭の中で思い込みがあってキーワードがうまく出なかったり、Webブラウザの履歴も膨大で見つけられないかも知れません。そこで使ってみたいのがMemexです。Webブラウザ機能拡張として提供されている履歴とブックマ...

List

  • 2018/02/16

GitHub Pull Request Tree - GitHubのPRを確認しやすく

GitHubのPull Request(以下PR)はオープンソースとして外部の方に開発へ参加してもらうのに良い仕組みです。企業においてはチーム開発を支える大切な技術です。しかし大きなソフトウェアになると、PRがどのファイルを指しているのか分かりづらくなります。特にフォルダで区別してファイル名は同じものが並んでいる時など...

List

  • 2018/02/10

Kuker - React/Angular/Vue開発用デバッガー

最近のフロントエンド界隈でのトレンドはVirtualDOMです。これまで苦労してきたDOMのステータス変更を気にすることなく、サーバサイドのようにレンダリングできるようになる技術です。しかし、その結果として通常のJavaScriptよりもデバッグしづらくなっています。そこで使ってみて欲しいのがKukerです。各種Vir...

List

  • 2018/02/06

MinerBlock - Webブラウザによるマイニングをブロック

最近、広告に変わる新しいWebの収益手段として仮想通貨のマイニングが注目されています。Webサイトを訪れると勝手にCPUをマイニングに使われるとあって、嫌う声も多い収益手段になります(実際対して収益につながらないとも言います)。そうした勝手なマイニングを防止するためのブラウザ機能拡張がMinerBlockです。## M...

List

  • 2018/02/02

GitHub File Icon - GitHubのファイルアイコンを最適に

開発者であればGitHubのサイトを訪れる機会は多いと思います。その際にはファイルブラウザを見ると思いますが、すべてのファイルが同じアイコンになっているので分かりづらいかも知れません。そこで使ってみたいのがGitHub File Iconです。拡張子に応じたファイルアイコンに変換してくれます。## GitHub Fil...

List

  • 2018/01/18

Chrome Registry Jumper - Google Chromeからレジストリへ一発ジャンプ

Windowsをカスタマイズする上で欠かせないのがレジストリです。レジストリ変更を行ってくれるユーティリティもありますが、細かい設定は自分で行う必要があります。そうした情報はオンライン上にたくさんあるでしょう。しかしレジストリのパスが書いてあったとして、それをいちいちレジストリエディタで階層を辿らないといけないのは不便...

List

  • 2018/01/07

Octohint - GitHub上でインテリセンスを有効に

開発者であればIDEでよく提供されるインテリセンスの便利さを感じることでしょう。関数の概要であったり、引数を表示してくれることで開発のしやすさ、生産性が大きく変わってきます。そんなインテリセンスをGitHub上でで提供するのがOctohintになります。## Octohintの使い方Octohintをインストールすると...

List

  • 2017/12/17

Fuck-Youtube - 見られないYouTube動画を見る

YouTubeを見ていて時々出くわすのが「この動画は、お住いの国では公開されていません」というメッセージです。これは動画の設定で公開範囲を設定している場合に表示されますが、何とかして見たい動画もあるでしょう。VPNを使ったりして回避する方法もありそうですが、もっと簡単なのがFuck-Youtubeをインストールする方法...

List

  • 2017/12/14

gas-github - Google App ScriptをGitHubで管理!

Googleスプレッドシート上でもマクロに似た機能、Google App Scriptが利用できます。JavaScript(のサブセットですがネットワーク周りはむしろ使いやすい)で書けるのでとても簡単に使えます。問題はWeb IDE上で書かないといけないことで、バージョン管理に対応していないことです。そこで使ってみたい...

List

  • 2017/10/23

nezumi - Google Chromeのフォーム入力からCapybara/RSpec対応のテストコードを生成

テストコードを書くのは面倒です。特にWebブラウザの表示を再現するような類のものは面倒に感じるでしょう。面倒だとどうしても記述が疎かになったり、テストが不十分になったりします。そこで使ってみたいのがnezumiです。Google Chromeの入力内容からCapybara/RSpec対応のテストコードを生成します。##...

List

  • 2017/10/21

SeleniumCodeBuilder - Selenium用に操作を記録&テストコード出力

Selenium IDEが最新のFirefoxで動かなくなり、多くの代替ソフトウェアが登場し始めています。単純に操作を再現するものはあるのですが、テストコードを出力するものはまだ多くありません。そこで使ってみたいのがSeleniumCodeBuilderです。操作した内容をRubyまたはPython用のテストコードとし...

List

  • 2017/10/20

Octotree - GitHubにツリービューを追加

GitHubでコードホスティングしているオープンソースプロジェクトが増えてきました。また、個人や企業でもGitHubリポジトリを使っている人がたくさんいます。そうなるとGitHub上でコードを閲覧する機会が増えてきます。そうした方はインストールしておきたいソフトウェアがOctotreeです。GitHubリポジトリをツリ...

List

  • 2017/10/07

Chrome IG Story - InstagramストーリーをChrome上で楽しむ

Instagramが再成長しているように感じます。利用者が大幅に増えつつあり、インスタ映えなんて言葉も作られています。他のソーシャルサービスとの使い分けも行われているようです。そんなInstagramは基本的にスマートフォンアプリですが、ストーリーをChrome上で楽しめるようにしたのがChrome IG Storyで...