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

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

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

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

もっと見る

List

  • 2015/04/03

uBlock – 快適なブラウジングを。オープンソースのアドブロッカー

Webブラウザで広告を非表示にするライブラリとしてAdBlockが知られていますが、契約した企業の広告は表示するなどとあまり良い噂を聞かなくなっています。また、アドブロックを入れると表示速度が速くなるはずが、AdBlockは遅くなるとさえ言われています。そこで作られはじめたのがuBlock

List

  • 2015/03/27

esarea – 任意のテキストエリアでMarkdown記入を補助

Markdownに慣れるとどこでもMarkdown記法が使いたくなります。記法をサポートしていない場合でも、人が見ても十分分かりやすいのでとりあえずメモはMarkdown記法でとっておくと便利です。そんなMarkdownでの記述を任意のテキストエリアでサポートしてくれるのがesareaです。## esareaの使い方e...

List

  • 2015/03/21

Enable right click - 右クリック禁止サイトでも右クリック可能に

Webは自由なものであり、何らかの束縛があると思いの外大きなストレスを感じるものです。それはHTMLだけでなくブラウザの操作についても同様です。その一つが右クリック禁止ではないでしょうか。JavaScriptをオフにしたり、ショートカットから操作したりすれば右クリックしたりソースコードが読めたりするのにも関わらず右クリ...

List

  • 2015/02/14

Tablight – Google Chromeのタブ検索&切り替え

Webブラウザで多数のタブを開くのが当たり前になっています。50くらいのタブを開いていると各タブのアイコンなど小さくなってしまったり、判別がつかなくなってしまいます。そんな時に便利なのはタブを検索できる機能です。Google ChromeでタブをインクリメンタルにフィルタリングできるのがTablightです。## Ta...

List

  • 2015/02/04

Tabelog-HonestStars - 食べログの星付けをもっと分かりやすく

食べログのランキングシステムは非常に分かりづらいことで有名です。大抵の店は3.0〜3.5の中に存在します。そもそも3.5以上の店は3.63%しか存在しないとのことで、何のための5点満点なのか分からないです。そこで作られたのがTabelog-HonestStarsです。食べログのランク付けをもっとシンプルにして分かりやす...

List

  • 2015/01/26

Hashpass - ドメインとキーを使ったパスワードジェネレータ

パスワード管理ソフトウェアは何を使っていますか。1Password、LastPass、KeyPassなど様々な形式がありますが、基本的にデータベースありきのシステムになっています。今回紹介するHashpassはデータベースを持たないパスワード管理となっています。さて、どのような仕組みになっているのでしょうか。## Ha...

List

  • 2015/01/09

Github Node.js require() navigator - GitHubのnodeプロジェクトでrequireをクリッカブルに

IDEではよくある機能に関数ジャンプがあります。デバッグや開発効率をあげる際にとても役立つ機能です。しかしIDEが提供されていないスクリプト言語や、IDE以外のツールでソースコードを見た場合に使えないのでとても不便です。GitHubのソースコードビューワーで見ている時もそうです。ライブラリの詳細が知りたい時や、呼ばれて...

List

  • 2015/01/07

Asciidoctor.js Live Preview - AsciiDocをHTML変換するGoogle Chrome機能拡張

最近はMarkdownに人気が集まっていますが、実際にはそれ以外にもたくさんのドキュメントマークアップが存在します。今回はその一つとしてAsciiDocを取り上げてみたいと思います。AsciiDocは昔から存在しますが、DocBook、

List

  • 2014/12/02

CSS Dig - CSSのスタイル設定を手軽に確認

Webサイトを制作する上で、他のサイトから学べる点はとても多いと思います。しかし最近ではスタイルシートも細かく分けて設計されていたり、フレームワークを使っていて個別の要素の設定が分かりづらいことがあります。DevToolsを使うのもいいですが、スタイルシートごとに分かれているので見づらいという方もいるでしょう。そこで使...

List

  • 2014/12/01

Fast Tab Switcher – タブ切り替えを高速化するGoogle Chrome機能拡張

昔はランチャーアプリと言えば自分でアプリケーションを登録して使うタイプが多かったですが、今では検索ボックスを使ってインクリメンタルにフィルタリングするものがほとんどです。確かにこの方がスムーズに希望するアプリケーションが起動できます。同様の仕組みをブラウザのタブ切り替えに用いるのがFast Tab Switcherです...

List

  • 2014/10/18

Chameleon - レスポンシブWebデザインの確認が簡単になるGoogle Chrome機能拡張

最近はレスポンシブWebデザインを使うケースも増えてきましたが、面倒なのはデザインの確認ですよね。幅を変更してちゃんと適切に表示されているか確認したり、複数のデバイスを使って表示を適宜確認しなければなりません。そこで使ってみて欲しいのがChameleonというGoogle Chrome機能拡張です。多数の画面幅でのデザ...

List

  • 2014/09/26

Dimensions - デザインのお供に。Webサイト上の距離を測定

Webデザインが終わって、コーディング作業に入ろうと思った時に必要なのが各パーツの大きさとその距離です。Photoshopなどを使って大きさを測定しているケースは多いですが、Webベースのモックアップだとどうすれば良いでしょう。スクリーンショットを撮って、それの長さを測るというのもありますが面倒です。そこで使ってみたい...

List

  • 2014/08/20

amazon-url-modifier – Amazonの長ったらしいURLを最低限に短縮

AmazonのURLって長いですよね。SEO上の理由だと思うのですが、書籍のタイトルなどがそのまま日本語で入っているのでコピペした時に思い切り長くなって分かりづらいものになります。そこで使ってみたいのがamazon-url-modifierです。Amazonにアクセスした時に自動的にURLを短くしてくれます。## am...

List

  • 2014/08/19

Sourcegraph - GitHub上でオブジェクト/メソッドジャンプを可能に

最近では外部ライブラリを積極的に使って開発するのも珍しくなくなってきました。そのため、見慣れないオブジェクトがあった時にそれが内製なのか、外部ライブラリなのか分からないこともあります。そんな時に使えるのがSourcegraphと言うソースコード解析サービスで、それをGoogle Chromeから扱えるようにする機能拡張...

List

  • 2014/08/17

Mitro - Google Chrome機能拡張もあるパスワード管理サーバ

今のWebサービスはID/パスワード認証のものばかりです。だからといって同じものを使い回したり、覚えやすいようにと短いものを設定しては意味がありません。となると必要になるのがパスワード管理ソフトウェアでしょう。1PasswordやLastPass、KeePassなど様々なソリューションがありますが、今回はGoogle ...

List

  • 2014/08/10

LiveMd - Google Chrome機能拡張のMarkdownエディタ

普段使いのテキストエディタがあるので、なかなか気に入ったMarkdownエディタが見つからない…そんな方はLiveMdを試してみてはいかがでしょう。ローカルアプリケーションではなく、Google Chrome機能拡張として動作します。## LiveMdの使い方!こちらがメイン画面。一番右にある青いアイコンがLiveMd...

List

  • 2014/08/09

CodeNav – GitHubでのコードビューサポート

GitHub上でコードをホストしていると、その上でコードを閲覧する機会が増えていきます。そんなとき、ページ内で検索したり、リポジトリの検索をしたりと検索機能をメインで使うかと思います。しかしこれは意外と面倒です。そこで使ってみて欲しいのがCodeNavです。マウスオーバー、クリックでコードナビゲーションしてくれるGoo...

List

  • 2014/08/05

ALL SEEING EYE – Chromeブラウジング履歴を全文検索

オンラインの情報は大きく二つに分かれます。それは未知と既知の情報です。未知の情報を探すのはGoogleをはじめとするWeb検索エンジンが便利です。しかし既知の情報をいかに上手に探すかは今ひとつではないでしょうか。既知の情報は通常、一度はブラウジングしたサイトになります。そこで一度見た情報を後から探すというのは意外とうま...

List

  • 2014/07/29

Words for Chrome – 任意のURLにコメントできるGoogle Chrome機能拡張

あるURLに対して自由にディスカッションできるサービスというのは昔から幾つかあります。はてなブックマークもその一つと言えるでしょう。過去においてはGoogle Sidewikiなんてサービスもありました(現在は停止)。この手のサービスは一定のニーズはありつつも、なかなか流行りきりません。しかしそこに果敢に挑戦していくの...

List

  • 2014/05/31

Octotree – GitHub利用者は必見!GitHubでツリー表示

GitHubのUIは先進的で、かなり見やすいものです。初心者にも分かりやすく使いやすいのですが、毎日のようにGitHubを使っている人たちにすればもっと素早くファイルを見ていけるようにしたいと思うでしょう。そこで使ってみたいブラウザ機能拡張がOctotreeです。ブラウザ画面の左側にファイルブラウザ機能が追加されます。...