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

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

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

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

もっと見る

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

List

  • 2017/08/23

Authenticator - Google Chrome機能拡張として動作する二段階認証アプリ

二段階認証は使っているでしょうか。方法は幾つかありますが、一番多いのはスマートフォンを使ったものではないかと思います。しかし毎回スマートフォンで表示された数字を入力するのは面倒です。そこで使ってみたいのがAuthenticatorです。Google Chrome機能拡張として動作する二段階認証アプリです。## Auth...

List

  • 2017/07/22

Github Stars Manager - GitHubのスターを付けたリポジトリをタグで管理

皆さんがGitHubのスターを何のためにつけていますか。応援として使っている方もいるでしょう。スターを付けているリポジトリを取得することもできるので、ブックマークとして使っている方もいます。ただ、あまり便利に使える訳ではありません。そこで一緒に使っていきたいのがGithub Stars Managerです。GitHub...

List

  • 2017/05/31

Repo Split - GitHub/Gitlab上でソースコードを読みやすくするChrome機能拡張

GitHubやGitlabのリポジトリはWeb上でも読めて便利ですが、いちいちディレクトリを辿る度に画面遷移するのは面倒に感じるかも知れません。もっとさくさく読みたくて、結局ローカルにcloneするのではないでしょうか。そこで使ってみたいのがRepo Splitです。GitHub/Gitlabのリポジトリをもっと読みや...

List

  • 2017/05/20

CodeCopy - GistやGitHubにあるコードを簡単にコピーできる機能拡張/亜ドン

GitHubやGistなどプログラミングコードが記載されているサイトにおいて、そのコードをコピーしたいと思うことは多々あります。マウスで選択しても良いのですが、最初や最後の文字がうまく選択できなかったりするとストレスを感じるでしょう。そこで使ってみたいのがCodeCopyです。コードのコピーが簡単にできるようになるGo...

List

  • 2017/05/12

Web Design Pirate - Webサイトの一部をピックアップして再利用

Webデザインはコンポーネント指向になってきています。Web componentsという仕様も作られており、さらにこの流れは加速するでしょう。Webサイトの一部を埋め込んだり、再利用性高い部品を使うのが当たり前になっています。そんなWebサイトの一部をピックアップするのに最適なGoogle Chrome機能拡張がWeb...

List

  • 2017/05/06

Pegmatite - PlantUMLを画像化するGoogle Chrome機能拡張

かつて信望者が多く、そして使われなくなってしまったUMLですが、個人的には技術的には悪くないと感じています。問題はシステム開発と密接に(スケルトンコード出力など)しすぎたことでしょう。システムを可視化したり、図化するのは良いことです。そこで使ってみたいのがPegmatite、PlantUMLをドローしてくれるChrom...

List

  • 2017/03/31

Key Surfer - Google ChromeのWebブラウジングを高速化

Webブラウザはマウスやタッチパッド操作が基本です。リンクをタブキーで辿ることはできますが、何回も入力したりするのは面倒に感じる人も多いでしょう。その結果、プログラマであってもWebブラウザを使うときにはマウスを使い続けることになります。そんな操作が嫌だという方はKey Surferを使ってみましょう。リンクを辿るのが...

List

  • 2017/03/27

Console Importer - DevToolsで外部ライブラリをインポート

Google Chromeの開発者ツールを使っていて、外部のライブラリを使いたいと感じることは多々あります。そんな時にはJavaScriptのコードをすべて貼り付けたり、スタイルシートを動的に生成して読み込む手があります。しかし毎回やるのは面倒です。そこで使ってみたいのがConsole Importerです。簡単に外部...