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

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

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

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

もっと見る

List

  • 2020/02/19

Full Page Screen Capture - Webページ全体のスクリーンショットを撮影

スクリーンショットで保存できるのは今見ている情報に限られます。Webページの場合、縦長なことが多いので、見えていない部分も含めてスクリーンショットを撮りたいと思うでしょう。そういったソフトウェアもたくさんあります。今回紹介するFull Page Screen CaptureはGoogle Chrome用の機能拡張として...

List

  • 2020/01/03

Krabby - キーボードによるWebブラウジング補助ライブラリ

テキストエディタやターミナルなど、開発作業の殆どはキーボード主体でできますが、Webブラウジングだけはマウスが必須です。キーボード操作をアシスタントするユーティリティも多いですが、あまり普及していません。今回紹介するKrabbyはブラウザ機能拡張としての動作はもちろん、Webブラウザ側で仕込むこともできるキーボード操作...

List

  • 2019/12/27

Paint GitHub - イラストで説明。GitHub Issueでペイントできる機能拡張

言葉で説明するよりもイラストを描いた方が分かりやすい、そんな場面は多いです。そのため会議などでホワイトボードが使われるのでしょう。それはプログラマーにとっても同じです。絵で描いた方が通じると思っても、そのために画像編集ソフトウェアを立ち上げたりするのは面倒です。そこで使ってみたいのがPaint GitHubです。## ...

List

  • 2019/12/19

BrowserGap - ブラウザからブラウザを呼び出して安全な環境を確保

セキュアで安全な実行環境を手に入れるにはサンドボックス化されているのが基本でしょう。OSでは普及していますが、Webブラウザではプライバシーに気を配ったモードがある程度です。今回紹介するBrowserGapはWebブラウザの中でWebブラウザを実行する試みです。## BrowserGapの使い方ボタンを押すとWebブラ...

List

  • 2019/12/18

GraphQL Network - GraphQLを開発者ツールで分かりやすく表示

GraphQLはREST APIの欠点を改善し、Web APIとして使われる場面が増えていくことでしょう。しかし開発中の難点として、エンドポイントがすべて同じURLであるために、どのアクセスなのかは深く見てみないと分からないという点があります。そんなGraphQLの欠点を克服してくれるGoogle Chrome機能拡張...

List

  • 2019/12/12

Responsive Viewer - レスポンシブWebデザインをまとめて確認

レスポンシブなWebデザインが当たり前になっており、その表示確認が大変になっています。Webブラウザの幅を変えたり、スマートフォンやタブレットでの表示を確認したりしている方は多いでしょう。そうした手間を減らせそうなのがResponsive Viewerです。一気に複数デバイスでの表示を確認できます。## Respons...

List

  • 2019/12/11

Slack Disable WYSIWYG Bookmarklet - Slackの入力フォームを以前のものに戻す

Slackでは最近、入力フォームにWYSIWYGなツールバーが追加されました。ITに詳しくない人であれば便利だと思いますが、逆にITリテラシーが高い人にすれば、以前のように記法を使う方が簡単だったでしょう。そんな方に使ってみて欲しいのがSlack Disable WYSIWYG Bookmarkletです。WYSIWY...

List

  • 2019/12/03

ReadTweetDeck - TweetDeckの新着ツイートを音声読み上げ

TweetDeckを使えば多くのツイートが一気に見られます。一日中見ていても飽きないかも知れませんが、それでは仕事になりません。しかし新しいツイートが来たら知りたい、そんなツイ廃な人もいるでしょう。そんな方にお勧めなGoogle Chrome機能拡張がReadTweetDeckです。## ReadTweetDeckの使...

List

  • 2019/11/19

GitHub name Alias Chrome Extension - GitHubのユーザ名にエイリアスを追加してサジェストを使いやすく

ユーザ名と表示名が一致していないために、メンションを送る相手が分からないことが良くあります。アイコンで見分けができれば良いですが、アニメアイコンやデフォルトのアイコンだったりすると探すのも大変です。GitHubのPRやIssueなどでそう感じたことがある人はGitHub name Alias Chrome Extens...

List

  • 2019/11/13

Chrome Extension CLI - Google Chrome機能拡張開発を強力にサポート

Google Chrome機能拡張を使えばWebブラウザがさらに便利になります。普段物足りない、痒いところに手が届かないと感じているなら自分で機能拡張を作ってしまいましょう。しかし作り方を一から学ぶのは面倒ですよね。そこで使ってみたいのがChrome Extension CLIです。Google Chrome機能拡張作...

None

  • 2019/11/09

Chrome-Password-Grabber - Google Chromeに保存したパスワードをまとめて取得

Google Chromeでパスワード管理をしている人は多いでしょう。Google Chromeをメインブラウザとして使っている人であれば大抵そうでしょうし、無料で使えるのも便利です。パスワードさえ漏洩しなければ安全です。逆に言えばパスワードが漏洩すれば大惨事になる可能性もあります。Chrome-Password-Gr...

List

  • 2019/11/06

hterm - Chromeアプリとして動作するターミナルエミュレータ

開発者であればターミナルを使う機会が多いですが、そうでない場合は時々しか使わないでしょう。そのためにソフトウェアをインストールしても使い方を忘れてしまったり、そもそもインストールしたことを忘れてしまうかも知れません。そんな方に使ってみて欲しいのがhtermです。Google Chromeアプリとしてtインストールするの...

List

  • 2019/10/25

jsoff - JavaScriptオンオフを切り替えるGoogle Chrome機能拡張

JavaScriptが高機能化し、もはやJavaScriptを使っていないWebサイトが見当たらないくらいです。しかし、だからこそJavaScriptをオフにした状態でどう表示されるのか気になることがあります。Google ChromeでJavaScriptをオフにするのは開発者ツールを使わないといけないですが、jso...

List

  • 2019/10/13

Malware & URL Scanner - 危険性のあるURLかどうかチェックするGoogle Chrome機能拡張

マルウェアや、それを配布するURLは怖いものです。訪問するだけでマルウェアに感染するサイトもあります。Googleの検索結果などではそれらを警告したりしますが、思わず踏んでしまったという経験がある人もいるでしょう。今回はGoogle Chrome機能拡張を使って害あるURLをスキャンしてくれるMalware & URL...

List

  • 2019/10/12

Sight - Google Chromeでソースコードをシンタックスハイライト化

開発者であれば、開発中はコードをシンタックスハイライトして表示しているはずです。ハイライト表示されていない状態では内容の把握すら辛いはずです。多くの開発者向けサービスであればシンタックスハイライトに対応していますが、ただのコードが書かれたファイルにアクセスした場合には素の状態で表示されてしまいます。そこで使ってみたいの...

List

  • 2019/09/16

SingleFileZ - URLを一つのファイルにアーカイブ

Webサイトは運営側のタイミングで消すことができます。一度消されてしまったコンテンツは二度と戻ってこないので、Web魚拓のようなサービスでアーカイブしたりします。個人用途であればSingleFileZを使ってみるのもお勧めです。## SingleFileZの使い方HTMLファイルを保存した例です。画像も埋め込みになって...

List

  • 2019/09/15

SponsorBlock - YouTube動画のスポンサー部分をスキップ

YouTubeは無料サービスなので広告を使って収益をあげるのは分からないでもありません。しかし、動画の中に埋め込まれる宣伝部分に嫌気を感じる方も少なくありません。そこで使ってみたいのがSponsorBlockです。時間指定して動画をスキップする、そんなWebブラウザ機能拡張です。## SponsorBlockの使い方イ...

List

  • 2019/09/09

GoodTwitter - Twitterを見慣れたUIに戻す

どんなものでも慣れが存在します。よりいいものを目指していたとしても、かつての仕組みに慣れてしまった人にとっては使いづらく感じるものです。その変化がダイナミックであればあるほど、反発も大きくなるでしょう。TwitterのUIが大きく変わりましたが、それが嫌な人はGoodTwitterを使ってみましょう。元のUIに戻してく...

List

  • 2019/08/10

Exthouse - Google Chrome機能拡張のパフォーマンスをチェック

多数のWebブラウザ機能をインストールするとパフォーマンスは自然と悪化します。しかし、均等に悪くなる訳ではなく、特定の機能拡張が原因だったります。そこで確認するのが機能拡張ごとのパフォーマンスチェックです。今回紹介するExthouseはGoogle Chrome機能拡張のインストール前後のパフォーマンスをチェックできる...

List

  • 2019/07/29

comntr - 任意のサイトにコメント

あるサイトに書かれている内容について皆とディスカッションしたいと思った時、多くの場合はソーシャルサービスやコミュニティサイト、チャットなどを使います。コンテンツとディスカッションは別な場所に分かれているのが普通です。今回紹介するcomntrはその逆で、任意のURLに対してコメントを書けるサービスとなっています。そしてH...