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

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

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

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

もっと見る

List

  • 2015/08/05

Pretty Print Gmail - Gmailの印刷をほんの少し改善

メールを印刷することは多々あるのですが、Gmailの印刷機能を使った場合、ヘッダーにGmailやGoogle Appsのロゴや送信元などの不要な情報が載ってきます。一回、二回であれば良いのですが毎回載るのは邪魔くさいです。そんな思いをしたことがある人にお勧めなのがPretty Print Gmail

List

  • 2015/07/30

Three.js Editor Extension for Google Chrome – Three.jsコンテンツを編集できるChrome機能拡張

WebGLはWebという冠はついているものの、HTMLやJavaScriptとは全く異なる言語となっています。そのため、素のWebGLを扱うのはとても面倒であり、ラッピングしたライブラリを使うことが多いようです。その中で最も有名なのはThree.jsでしょう。Three.jsを使えばWebGLコンテンツを扱いやすくなる...

List

  • 2015/07/07

Dead Simple Screen Sharing - とても簡単に使えるChromeで画面共有

外出先やユーザサポート、セミナーなど多くの場面で自分の画面を他の人に見せたいと思ったことはないでしょうか。通常、そのためには各自でソフトウェアをインストールしたりするのが大きな手間になってしまいます。そこで使ってみたいのがDead Simple Screen Sharing

List

  • 2015/06/20

Tabio - タブを一覧して検索できるGoogle Chrome機能拡張

最近のWebブラウザはタブ機能が基本になっています。そのため数多くのタブを開いてもストレスにならない一方、ついつい開きすぎてしまうのが問題になります。あまりに開きすぎてタブが探せなくなったなんて経験は誰もがあるのではないでしょうか。それを防げるのがTabioです。## Tabioの使い方Tabioをインストールして、ア...

List

  • 2015/05/24

Performance-Analyser - Webサイトパフォーマンスをレポートするブックマークレット

Webサイトのパフォーマンスは高いに越したことはありません。遅いサイトはあっという間に訪問者から離れられてしまいます。また、最初はパフォーマンスが高かったのに、更新を繰り返す度に徐々にパフォーマンスが劣化していくというのもよくあることです。だからこそ定期的にパフォーマンスチェックを行わなければいけません。そのためのツー...

List

  • 2015/05/23

GitHub Linker – GitHub上でnodeライブラリをリンクしてくれるChrome機能拡張

システム開発を何の依存性もなく行うのは難しく、かつ余計な手間を増やすだけになっています。既にある多くのライブラリを組み合わせる方が効率的、かつ利用する人にとってもメリットが大きいと言えます。その反面、利用するライブラリが増加し、一体どんなコードを使っているのか分かりづらくなります。そこで使ってみたいのがGitHub L...

List

  • 2015/05/23

Perfmap - Webページパフォーマンスをヒートマップ化

Webサイトの表示速度は重要です。スマートフォンなどにおいても表示が高速に行えなければ訪問者はあっという間に離れてしまいます。Google Chromeなどの開発者用ツールではリソース単位で一覧表示はできますが、今ひとつ実感として沸きづらいのが難点です。そこで使ってみたいのがPerfmap

List

  • 2015/05/19

パスワード アラート - Gmailパスワードの使い回しを防ぐ

ここ最近パスワード漏洩で問題になっているのはパスワードの使い回しです。その結果、大量のID、パスワードのリストを使って別なサービスでハッキングされたりしてしまいます。パスワードの定期的変更は意味があるのか分かりませんが、使い回しは間違いなく避けるべきです。そこでGoogleが開発したのがパスワード アラートです。Gma...

List

  • 2015/04/25

Shader Editor – Google ChromeのDevToolsでWebGLコンテンツの編集

WebGL(OpenGL)で大事な技術がシェーダーでしょう。3Dが立体的に認識されるためには陰影があったり、頂点によって影の濃さが異なるためではないかと思います。しかしOpenGLのように整備された環境がない中、スムーズに作るのは難しいかも知れません。そこで使ってみたいのがShader Editor

List

  • 2015/04/23

TabAttack – Chromeで開いているタブ全てをMarkdownで出力

色々なサイトをあつめてまとめて記事を書こうと思った時などに全てのタブのURLやタイトルをコピーしたいと思うことがあります。普段はMake Links of All Tabs

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