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/12

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

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

List

  • 2017/05/08

Tamper Chrome - HTTPリクエストを編集するセキュリティチェック

Webのセキュリティをテストする際に、通常ではありえないリクエスト内容を送ったりすることがあります。しかし一からリクエストを作成するのは大変ですし、毎回指定するのも面倒です。そこで使ってみたいのがTamper Chromeになります。すでに実行したHTTPリクエストをベースとして、編集して実行できます。## Tampe...

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/17

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

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

List

  • 2016/10/05

Beat Finder - Google Chrome上で楽曲名を判定

流れている音楽の曲名を知りたいと思う機会は多々あります。アプリやSiriに聞かせて曲名を知ることもできますが、デスクトップではどうでしょう。パソコンから音を流してスマートフォンアプリに聞かせるのはなんとなくアナログな感じがしてしまいます。そこで使ってみたいのがBeat Finderです。任意のサイト上で流れている音楽を...

List

  • 2016/10/04

Falcon - Google Chromeの閲覧履歴を全文検索

オンラインの情報は2種類あって、未知の情報と既知の情報に分かれます。未知の情報はGoogleなどWeb検索エンジンが得意ですが、意外と既知の情報に限ってなかなか見つからなかったりします。Webブラウザの表示履歴が使えそうなのですが、タイトルだけではなかなか見つかりません。そこで使ってみたいのがFalconです。## F...

List

  • 2016/09/07

PR Deetz - コミットを表示した時にpull reqタイトルも表示

GitHubはとても便利で使い勝手の良いサービスなのですが、時々かゆいところに手が届いていないことがあります。普段使い勝手が良いだけに、そうした時にストレスを感じる人もいるでしょう。今回はそうしたかゆいところをChrome機能拡張として解決してくれるPR Deetzを紹介します。## PR Deetzの使い方PR De...

List

  • 2016/08/26

GitHub Dark - GitHubのデザインを黒ベースに

明るい画面を見続けていると目が疲れてしまいます。そこでプログラマなどはコード編集画面を暗くし、長時間画面を見ていても疲労しないようにしています。それは何もコードを書くときだけに限りません。WebブラウザでGitHubのページを見る機会が多い人はGitHub Darkを使ってみると良いでしょう。## GitHub Dar...

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として使っている人も多いのではないでしょうか。このエディタはタブを切り替えて編集とプレビューを確認します。多くのエディタで実装されている左右表示での...