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

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

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

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

もっと見る

List

  • 2016/08/05

ChromeLens - Google Chrome機能拡張のWebアクセシビリティチェッカー

Webアクセシビリティに注目が集まっています。Webは多くの人たちが使うようになっており、健常者にだけ合わせて情報を発信すれば良いだけでなくなっています。また、幅広い層に提供することによって、新しい価値を生み出せる可能性もあるでしょう。今回はWebアクセシビリティをチェックするツールとしてChromeLensを紹介しま...

List

  • 2016/07/31

WebVR-Extension - WebVRコンテンツの開発を補助するChrome機能拡張

最近盛り上がってきたのがWebVRです。VRグラスを使ったコンテンツをWebブラウザでも楽しめるようになります。ただし開発に際してまだ確立された方法がなく、とても面倒な印象があります。そんなWebVRコンテンツを開発する際にインストールしておきたいのがWebVR-Extensionです。Google ChromeでWe...

List

  • 2016/07/08

GitHub Wiki Live Edit - GitHub Wikiにリアルタイムプレビューを追加

GitHubにはバージョン管理したい文書とは別で、Wikiによるコンテンツ管理機能が提供されています。Markdownをはじめとして各種記法を使って書けるので、手軽なCMSとして使っている人も多いのではないでしょうか。このエディタはタブを切り替えて編集とプレビューを確認します。多くのエディタで実装されている左右表示での...

List

  • 2016/06/29

Hover Zoom+ - マウスオーバーで画像を拡大表示

スマートフォンの性能があがるのに伴って、写真コンテンツが増えています。その多くは最初はサムネイル表示で、マウスクリックすると拡大表示する仕組みとなっています。一枚、二枚であれば良いのですが何十枚もあるとクリックするのが面倒になるでしょう。そこで使ってみたいのがHover Zoom+です。名前の通り、マウスオーバーするだ...

List

  • 2016/05/29

Githunt - Google Chromeの新規タブでGitHubトレンドを表示

Google Chromeでは新しいタブを開くとよく見るWebサイトなどが表示されます。しかし個人的にはここからサイトにアクセスすることはまずありません。普通にアドレスバーに入力するか、検索するかです。そのため、この部分は邪魔だと思っていました。もし同じように思っている方がいれば、Githuntを使って皆が好きなGit...

List

  • 2016/05/28

EpubPress - 任意のWebページをまとめてePub化

電子書籍を作るためにあえてイチからコンテンツを作るというのは難しいことです。そんなことをせずともWeb上にはすでに多くのコンテンツがあります。ブログ、ニュース、オープンソースプロジェクトのテクニカルドキュメント、Wikiなどたくさんあります。そんなコンテンツを簡単にePubファイルにまとめられるのがEpubPressで...

List

  • 2016/03/15

Atomic Chrome - Google ChromeのテキストエリアをAtomで編集

筆者は去年まではEmacsユーザだったのですが、Atomに乗り換えて勉強中です。キーバインドはEmacs風にしているのですが、モダンな開発環境を整えるならAtomが一番早いのではないでしょうか。そんなAtomの活用を広げてくれるソフトウェアがAtomic Chromeです。任意のテキストエリア編集をAtom上で行えるよ...

List

  • 2016/03/06

Generator Chrome Extension - Google Chrome機能拡張のベースを生成

Google Chromeがいくら便利だと言っても、全ユーザがデフォルトの機能で満足できるわけではありません。Chromeの利便性はサードパーティー製の機能拡張によって支えられている面が大きいでしょう。そこで今回はGoogle Chrome機能拡張を作る際に使えるGenerator Chrome Extensionを紹...

List

  • 2016/02/15

Compass - GitHubのコードブラウジングを快適にしてくれるGoogle Chrome機能拡張

GitHubのファイルブラウザは良くできているので、ライブラリをわざわざダウンロードすることなく動作を確認するのに便利です。しかしライブラリによっては多くのディレクトリに分かれているため、ナビゲーションが面倒に感じることもあります。そこで使ってみたいのがCompassです。Google Chrome向けにスムーズなGi...

List

  • 2016/02/14

Git Draw - GitHubのアクティビティグラフを自由に描く

GitHubには開発への参加具合がアクティビティグラフによって分かるようになっています。毎日開発しようと思っている人であればグラフがオールグリーンを目指すのではないでしょうか。そんなグラフを自分の自由な感じに加工できてしまうのがGit Drawです。元々の趣旨が意味なくなってしまう気もしますが面白いのでどうぞ。## G...

List

  • 2016/02/12

DevTools Remote - Google ChromeのDevToolsをリモート操作

Google ChromeのDevToolsはフロントエンド開発に欠かせない存在です。通常、表示されているHTMLとDevToolsはセットで使われますが、必ずしもそうなっていなければいけない訳ではありません。その実証コードとして紹介したいのがDevTools Remoteです。DevToolsをリモートから操作できる...

List

  • 2016/01/28

Internet-filter-on-Chrome - Facebookの利用時間を制限

Webサイトには業務に役立つサイトもあれば、単なる時間つぶしにしかならないサイトもあります。その最たるものとしてソーシャルネットワークサービスがあります。時には役立つこともありますが、その大部分は時間の浪費になってしまいます。そこで使ってみたいのがInternet-filter-on-Chrome、Facebookの利...

List

  • 2016/01/12

jetzt - 英文速読を補助するブックマークレット

少し昔に流行った英語の速読術があります。目の前で高速で入れ替わる英単語を視界全体でぼんやりと捉えつつ、中央の赤い文字に注意を払って見るというものです。確かにこの方法を使うと長い英文も素早く見ることができます。もし英文の長い記事を読もうと思った時にはjetztを使ってみましょう。英語速読術をWebブラウザ上で使えるように...

List

  • 2016/01/02

Youtube WebVR 360 Stereoscopic Viewer - Google Chromeで全天球動画を楽しむ

最近、全天球動画(360度動画)が熱いです。RICOH THETA、Kodak SP360をはじめとするレコーダーに加えて、Facebook/YouTube/Flickrなどが再生に対応しています。YouTubeは現在のところ、スマートフォンでの再生しか対応していません。そこでデスクトップブラウザから手軽に閲覧できるよ...

List

  • 2015/11/15

Tabli - ついついタブを開きがちな方に。Google Chrome用タブ管理

タブブラウザを使っていると、ついつい大量のタブを開いてしまいがちです。閲覧している時には良いのですが、必要なタブを探そうと思うととても大変ではないでしょうか。そこで必要になるのがタブ管理ソフトウェアになります。今回紹介するのはGoogle Chrome機能拡張のTabliになります。多くのタブを開く癖がある方はインスト...

List

  • 2015/11/13

nikkei-hacker - 日経新聞のペイウォールを回避するChrome機能拡張

ニュースメディアではここ数年ペイウォールと呼ばれる課金の仕組みが取り入れられるようになっています。日本では日経新聞のオンラインサイトが有名でしょう。無料会員でも月何本かまで無料で、それ以上読む場合は有料と言った具合です。そんなペイウォールの壁を回避してくれるGoogle Chrome機能拡張がnikkei-hacker...

List

  • 2015/10/23

GitHub Hovercard - GitHubのユーザ/リポジトリ情報をフローティング表示

GitHubでの活動はプログラマにとっての一つのステータスになってきています。知り合った人がGitHubでどれくらい開発を行っているか見たり、寄せられたIssueに対して発言している人が誰か見たりしたことはないでしょうか。そんなGitHub上での人となりを確認するのに便利なのがGitHub Hovercardです。わざ...

List

  • 2015/10/21

GoogleGIFs - Google画像検索のアニメーションGIFを動かす

最近プレゼン資料の中でアニメーションGIFを使うようになっています。他にもフォーラムのコメントに使ったり、チャットでも貼り付けたりとアニメーションGIFの活躍の幅は大きいです。そんな面白いアニメーションGIFを探す際に使えるのがGoogleGIFsです。Googleの画像検索でアニメーションGIFが動くようにしてくれる...

List

  • 2015/09/29

CRX Viewer - Google Chrome機能拡張のダウンロード&ソースビューワー

皆さんご存じの通り、Google ChromeやOperaでは機能拡張が使えます。機能拡張はHTML5/JavaScript/CSSを使って作っているので、誰でも手軽に開発をはじめられるのが特徴と言えます。そしてそれらは公式のアプリストアで配布されています。そんなすでに配布されているアプリを見れば、様々なことを学習でき...

List

  • 2015/08/11

Vimeo repeat & speed – Vimeo動画の再生速度/リピートを設定

動画サイトはとても楽しく、いつもYouTubeやVimeoなどを見ているという人が多いのではないでしょうか。しかしYouTubeにあってVimeoにない機能として再生速度の設定があります。物足りない機能があるならば自作してしまえばいい、ということで作られたのがVimeo repeat & speed