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

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

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

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

もっと見る

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で...

List

  • 2017/09/20

Chrome Calendar Groups - Googleカレンダーをグルーピングして簡単に切り替え

Googleカレンダーを使っている方は多いでしょう。基本のカレンダーは一つですが、プライベートとビジネスで使い分けたり、さらに共有で他の人やプロジェクトごとにカレンダーを分けたりします。そうしているとカレンダーが予定だらけになってしまい、必要に応じて表示/非表示を使い分けるようになります。そうなったら入れておきたいのが...

List

  • 2017/09/17

Fruumo - Google Chromeで綺麗なタブページを

Google Chromeで新しいタブを開くとGoogleの検索窓とよく使うサイトが表示されます。最低限で良いのですが、毎回同じ画面では面白みがなく、飽きてしまうでしょう。そこで使ってみたいのがFruumoです。綺麗な写真を使って格好良いページを表示してくれるChrome機能拡張です。## Fruumoの使い方新しいタ...

List

  • 2017/09/17

MMRA - Mediumの可読性を上げるChrome機能拡張

日本では撤退してしまいましたがMediumはブログプラットフォームとして非常に大きなサービスです。カスタムドメインを使ってMedium上でブログを提供しているサービスも多数あります。しかし上下にバナーが出て、デザイン上非常に煩わしいです。そこで使ってみたいのがMMRAです。Mediumを見やすくしてくれるChrome機...

List

  • 2017/09/12

Chrome blank tab - Google Chromeの新規タブをブランクに

Google Chromeは新しいタブを開くとGoogleの検索窓が表示されます。また、よく使うサイトも一緒に表示されます。しかし、これらをクリックした経験はあるでしょうか。検索すらアドレスバーで行えば十分です。ということで使ってみたいのがChrome blank tabです。その名の通り、新しいタブをブランクにしてく...

List

  • 2017/08/28

octohint - GitHub上のコードでインテリセンスを提供

IDEを使う魅力の一つが関数や変数の説明を表示してくれるインテリセンスにあるのではないでしょうか。入力補完と異なり、すでに入力されているものに対して説明を付与してくれます。コードリーディングで非常に役立つでしょう。そんなインテリセンスをGitHub上のコードに対して提供してくれるのがoctohintになります。## o...

List

  • 2017/08/27

CSS Grid Highlighter for Chrome - CSS Gridをハイライト表示するChrome機能拡張

レスポンシブWebデザインの広がりに合わせて利用が広がっているのがグリッドベースのデザインです。そんな中、ついに登場したのがCSS Gridになります。Web標準だけで手軽にグリッドデザインが実現できるようになりました。そんなCSS Gridもまだまだ普及していない技術だけに手探り感があります。そこで使ってみたいのがC...

List

  • 2017/08/26

JSconsole - DevToolsで任意のJavaScriptライブラリを読み込む

Google Chromeのコンソールを使うと、通常見ているWebサイト以上の操作ができるようになります。jQueryが使えればDOMはいじり放題になりますし、Ajaxなどの確認も容易です。しかし入っていない場合はdocumentを直接いじったり、scriptタグを追加したりしなければなりません。そこで使ってみたいのが...

List

  • 2017/08/23

Kantu Browser Automation - Google Chromeの操作を記録して自動再生

Webブラウザを自動操作したいというニーズはよくあります。同じような操作を繰り返す場合や、Webブラウザを使ったテストなども同様です。そのため、Seleniumやヘッドレスブラウザ系のソフトウェアが幾つも存在します。今回はGoogle Chrome機能拡張として提供されるKantu Browser Automation...