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

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

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

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

もっと見る

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です。簡単に外部...

List

  • 2017/03/14

Snipe - インクリメンタルにWebブラウザのタブを検索

Webブラウザはタブ機能を標準で持っており、気がついたら数十のタブが開いていたなんてことも少なくありません。そんな中から自分が見たい情報を探すのは本当に大変で、面倒になってウィンドウごと閉じてしまったりしないでしょうか。いつもタブ管理で困っているという方はSnipeをインストールしてみましょう。タブを手軽に探せるChr...

List

  • 2017/02/19

Web Maker - Google Chrome上で動くWebプレイグラウンド

HTML/JavaScript/スタイルシートを使ってWeb上で簡単なプロトタイプを公開できるサイトがあります。JSFiddle、CodePenなどが有名どころです。しかしクラウド上で書くことに若干敷居を感じている人もいるのではないでしょうか。そんな方にお勧めしたいのがWeb Makerです。Google Chrome...

List

  • 2017/02/08

Q Accelerator - Qiitaをよりアグレッシブに使いこなすためのChrome機能拡張

よく使っているサービスこそ、ちょっとした工夫でさらに便利にできることがあります。時々しか使わないものを改善するのに比べて圧倒的に分かりやすく、かつドッグフーティングで改善策がどんどん出てくるはずです。もしあなたがQiitaをよく使っているのであれば、Q Acceleratorをインストールするとより便利になることでしょ...

List

  • 2017/02/01

Tabbie - Google Chromeのタブをグルーピングして管理

タブブラウザが主流になって、一つのウィンドウで多くのタブを開くのが当たり前になっています。そうした中では作業を切り替えようと思っても開いていたタブが多すぎて目的のタブがどこにいったか分からなくなってしまいます。そこで使ってみたいのがTabbieです。タブをグループで管理できるGoogle Chrome機能拡張です。##...

List

  • 2017/01/29

Wappalyzer - Webサイトがどんな技術でできているかチェック!

開発者であれば、そのサイトがどんな技術を使って作られているか気になりますよね。特定のメタタグを見れば、サーバサイドのシステムだって見えてくるかも知れません。そこで使われているUIフレームワークを見れば、新しいインスピレーションも沸くでしょう。そこで紹介したいのがWappalyzerです。インストールすれば、Webサイト...

List

  • 2017/01/27

NooBoss - ボスのようにGoogle Chrome機能拡張を管理する

Googleの機能拡張は便利ですが、一旦インストールした後のメンテナンスは意外と面倒です。簡素な一覧画面しかなく、そこにたどり着くのも探すのも大変です。そのため機能拡張が増える一方という人もいるのではないでしょうか。そこで使ってみたいのがNooBossになります。機能拡張を分かりやすく管理できるChrome機能拡張です...

List

  • 2017/01/26

Treeverse - ツイートの広がりを可視化

Twitterでは日々盛んにコミュニケーションが行われています。ツイートをクリックするとWebサイト上で会話履歴が確認できます。しかし、それはすべて同じ時系列上に乗っており、複数人での会話が続くと分かりづらくなってします。そこで使ってみたいのがTreeverseです。ツイートの広がりをツリーに展開してくれるソフトウェア...

List

  • 2017/01/18

Show Facebook Computer Vision Tags - Facebookによる写真解析結果を可視化

ここ数年、ディープラーニングが盛んです。適用範囲は幾つか存在しますが、その一つが画像の解析です。その画像が何で、どういったシチュエーションやオブジェクトが写っているかを解析できるといったものです。Facebookではそのような技術を写真解析に使っていますが、私たちも簡単に確認できるようにしてくれるのがShow Face...

List

  • 2017/01/17

AddSearchOptions - Googleの検索結果にオプションを追加

GoogleのWeb検索では条件を指定して実行ができます。有名なところではドメインを制限したり、ファイルの種別を特定することもできます。これらは検索タームの中で指定するもので、別途ドロップダウンで条件指定することもできます。今回はその一つ、検索結果の期間絞り込みを追加できるAddSearchOptionsを紹介します。...

List

  • 2016/12/11

WikipediaP2P - P2Pを使ってWikipediaを閲覧

P2Pには大きな可能性が秘められています。通常のWebサイトのようにサーバに対して多数のクライアントが紐付く形では、常にサーバの性能がボトルネックになることでしょう。今はそういった形式よりも分散型のが主流です。そんな実験的な分散型システムをWikipediaに取り入れたのがWikipediaP2Pです。## Wikip...

List

  • 2016/12/11

X-RAY - Webデザインのお供に使いたいグリッド表示

Webデザインを行っていて、最終的な微調整はWebブラウザ上で実際に表示しながら行うでしょう。そうした時にほんの少しのずれなどを判断する際に画面に目を近づけるのは効率的とは言えません。ぜひX-RAYを使って見やすいWebデザインを行っていきましょう。## X-RAYの使い方X-RAYを実行したところです。グリッドが表示...

List

  • 2016/12/10

GIFit! - Google Chrome上でYouTube動画をアニメーションGIF化

世にあるアニメーションGIFはとても面白いものが多いです。動画のハイライトシーンだけを切り出して、さらにそれを何度も繰り返し見せることで面白さが増幅します。しかし自分で作ろうと思ったら意外と面倒です。そこで使ってみたいのがGIFit!です。Google Chrome上で動き、動画はYouTubeを使います。## GIF...

List

  • 2016/12/07

Accessibility Developer Tools - アクセシビリティをチェックできるGoogle Chrome機能拡張

今後のWebではアクセシビリティが求められるようになるでしょう。Webは健常者のためだけでなく、広くあまねく使われるようになっているからです。そこでアクセシビリティを高めるために使いたいのがAccessibility Developer Toolsです。Google Chromeで簡単にアクセシビリティをチェックできま...

List

  • 2016/12/06

LessPass - ストレージレスで使えるブラウザ機能拡張型パスワード管理

パスワード管理というのは常に問題です。いくつものパスワード管理ソフトウェアがありますが、これ!というのに出会えていない人も多いのではないでしょうか。今回紹介するオープンソース・ソフトウェアはLessPass、Google ChromeやFirefoxアドオンとして動作するパスワード管理ソフトウェアです。## LessP...