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

ブラウザ - Google Chromeの記事一覧

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

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

もっと見る

List

  • 2018/06/19

Prettier - テキストエリア内のコードを見やすく整形

プログラミングについて質問する際に、綺麗なコードで質問するかどうかで回答してもらえる可能性は変わってきます。誰しもインデントも乱れて改行も一定でない汚いコードを解析してまで質問に答えたいと思わないでしょう。そこで使ってみたいのがPrettierです。テキストエリア上でコードを綺麗に整形してくれます。## Prettie...

List

  • 2018/06/10

FacePause - 顔を認識してYouTubeの再生/停止を制御

Webの進化が止まらないのと同様に、Webブラウザ自身もどんどん進化しています。新しく出てくるAPIを実装し、それらが徐々にWeb標準として使えるようになっていきます。こうしたAPIは広まらない可能性もありますが、試してみる価値は十分あります。今回はGoogle Chromeに実装されたFaceDetector API...

List

  • 2018/06/07

Framework Inspector - Webサイトがどのライブラリで作られているのかチェック

Webサービス、Webサイトを支える技術は無数に存在します。トレンドの移り変わりも激しく、どれを選んだら良いのか分からないという方も多いでしょう。そんな時、有名なサービスで使われているものを選ぶという選択は決して間違いではありません。そこで使ってみたいのがFramework Inspectorです。気になるサイトがどん...

List

  • 2018/05/31

Replace zero-width characters hidden on a page with emojis

コンテンツの不正な再利用を防ぐために使える方法として、人の目には見えない空白文字を紛れ込ませるという方法があります。クリップボードには入るのですが、見た目には分かりません。その空白文字のパターンをユーザ毎に変えておけば、誰が不正コピーしたか分かるのです。それに対抗、という訳ではありませんが、Replace zero-w...

List

  • 2018/05/20

ScriptAutoRunner - 任意のJavaScriptコード/URLをインジェクション

Webサイトで開発者ツールを使って操作を行うことはよくあります。そんな時、外部のライブラリを読み込んだりするのもよくあることです。しかし再読込する度にリセットされてしまい、面倒だと思うことでしょう。そこで使ってみたいのがScriptAutoRunnerです。Webサイトごとに読み込ませるライブラリ、JavaScript...

List

  • 2018/05/18

HLS Downloader - HTTPライブストリーミングをダウンロードするGoogle Chrome機能拡張

HTTPライブストリーミングはAppleが開発したストリーミングプロトコルで、HTTPの上に流れるので利用する敷居が低いのが魅力です。もちろんストリーミングなので途中から再生したり、バッファをためつつ再生もできます。そんなHTTPライブストリーミングは通常の方法ではダウンロードできませんが、HLS Downloader...

List

  • 2018/05/14

Read Ruby - レベルに応じて英単語の意味を表示

英語のサイトを見ている時に、分からない単語があると都度調べたりしないでしょうか。その手間が嫌になって読むのを止めてしまうことも少なくありません。かといって、自動翻訳はまだ十分とは言えない品質でしょう。そこで使ってみたいのがRead Rubyです。読み手のレベルに応じて単語の意味をルビとして振ってくれるGoogle Ch...

List

  • 2018/05/05

FromJS - Webアプリケーションの理解を容易にするChrome機能拡張

JavaScriptで大型なWebアプリケーションが開発されるのに合わせて、全体を把握するのが困難になってきています。表示されている文字がサーバサイドから出力されているものでない場合、どこで作られたデータなのかを追いかけるのも大変です。そこで使ってみたいのがFromJSです。Webアプリケーションの内容を把握するのに役...

List

  • 2018/04/08

Private Internet Access - プライバシーを確保したインターネットアクセスを可能にするGoogle Chrome機能拡張

プライベート…なんと甘美な響きでしょう。インターネットによって個人のプライバシーなどほとんどなく、むしろ自分のすべてをシェアしようという流れの中にあって、プライベートは大事なものになっています。もしあなたがプライベートを維持してインターネットを使いたいならば、Private Internet Accessをインストール...

List

  • 2018/04/06

Sloth - ネットワーク速度を落とすGoogle Chrome機能拡張

ブロードバンドが当たり前になり、さらにLTEが普及しきっている環境だと、速いインターネットが当たり前に感じてしまいます。しかし、時に3G環境で使わなければならなくなったり、遅い環境でWebブラウジングすることがあります。そんな時の感覚を忘れないように手軽にネットワーク速度を切り替えられるのがSlothです。## Slo...

List

  • 2018/04/03

Ghostery Extension - トラッキングを防止してWeb表示を高速化

Webブラウジングをしていると、様々な情報が吸い取られています。それらの情報は広告のトラッキングに使われることが多く、プライバシーの問題になりがちです。Webサイトは見たくとも、個人的な情報は渡したくないと思っている方は多いはずです。そこで使ってみたいのがGhostery Extensionです。トラッキングを防止し、...

List

  • 2018/03/30

View Background Image - 背景画像だけを表示させるChrome機能拡張

Google Chromeを使っていて、表示されている画像を保存したいと思うことがあります。そんな時にCSSのbackground-imageとして指定されていたりするとコンテクストメニューから指定できません。開発者ツールのリソースから探すのは面倒です。そこで使ってみたいのがView Background Imageで...

List

  • 2018/03/19

JavaScript Tracker - DOMイベントを捕捉するGoogle Chrome機能拡張

JavaScriptはイベント購読型の処理が多いです。DOMをクリックした際のイベントであったり、変数の変化をウォッチして処理が行えます。しかし、そういったコードが散在していると、どこでイベントを購読しているのかが分からなくなります。そこで使ってみたいのがJavaScript Trackerです。JavaScriptの...

List

  • 2018/03/17

Anti Paywall - ペイウォールを乗り越えるGoogle機能拡張

現在、メディアサイトの多くがペイウォールと呼ばれるビジネスモデルを採用しています。記事の途中まで見せて、課金を誘うものです。一ヶ月に数本は閲覧できるようにしているパターンも多いです。そんなペイウォールの壁を突破しようと試みるのがAnti Paywallです。## Anti Paywallの使い方Anti Paywall...

List

  • 2018/03/16

Video Speed Controller - 動画の再生速度を変更

HTML5になって動画の再生ができるようになっていますが、デフォルトの機能は多くありません。足りない機能はJavaScriptを駆使して実装する必要があります。しかし自分のサイトではできても、外部サービスではどうしたら良いでしょうか。そこで参考になるのがVideo Speed Controllerです。Google C...

List

  • 2018/03/13

ViewImage - Google画像検索の結果に画像への直接リンクを追加

Google画像検索が方針を変更し、検索結果から直接画像だけを表示できなくなりました。コンテンツホルダーとしては画像にアクセスされても旨味がなく、フリーライドされるだけだった訳で、これでようやく落ち着くことでしょう。しかしユーザ視点で見ると直接アクセスしたいはずです。そこで登場したのがViewImageです。## Vi...

List

  • 2018/03/03

Memex - ブラウズ履歴/ブックマークから全文検索できる機能拡張

未知の情報を探すならGoogleなどのWeb検索が便利です。しかし既知の情報になると意外と探せなかったりします。頭の中で思い込みがあってキーワードがうまく出なかったり、Webブラウザの履歴も膨大で見つけられないかも知れません。そこで使ってみたいのがMemexです。Webブラウザ機能拡張として提供されている履歴とブックマ...

List

  • 2018/02/16

GitHub Pull Request Tree - GitHubのPRを確認しやすく

GitHubのPull Request(以下PR)はオープンソースとして外部の方に開発へ参加してもらうのに良い仕組みです。企業においてはチーム開発を支える大切な技術です。しかし大きなソフトウェアになると、PRがどのファイルを指しているのか分かりづらくなります。特にフォルダで区別してファイル名は同じものが並んでいる時など...

List

  • 2018/02/11

RemoteDebug iOS WebKit Adapter - iOSのSafari/WebViewのデバッグにChromeやVS Codeを使う

iOSのSafariで表示したWebサイトをデバッグしようと思うとSafariが使われます。Safariの開発者ツールも使い勝手は悪くありませんが、Google Chromeのに慣れている方も多いでしょう。また、Visual Studio Codeのデバッグ機能と組み合わせたいと考える方もいるでしょう。そうした方にお勧...

List

  • 2018/02/10

Kuker - React/Angular/Vue開発用デバッガー

最近のフロントエンド界隈でのトレンドはVirtualDOMです。これまで苦労してきたDOMのステータス変更を気にすることなく、サーバサイドのようにレンダリングできるようになる技術です。しかし、その結果として通常のJavaScriptよりもデバッグしづらくなっています。そこで使ってみて欲しいのがKukerです。各種Vir...