DeepLopener はDeepL翻訳のAPIを利用したGoogle chrome の拡張機能です。 ページ翻訳やドキュメント翻訳、PDF上に翻訳結果を表示することができます。 下の記事に移行しました． t3ahat.hateblo.jp 【2022/2/14追記】 Android版をリリースしました！ まだ機能は少なめですが、よかったらお試しください． play.google.com

各ユーザーが公開する便利な機能をブラウザに導入できる仕組みが「ユーザースクリプト」です。「Violentmonkey」はユーザースクリプトをChrome、Firefox、Edgeの各ブラウザに導入し、クラウド同期まで可能な拡張機能とのことなので、実際に使ってみました。 Violentmonkey https://violentmonkey.github.io/ まずはViolentmonkeyをブラウザにインストールするところから。公式サイトの「GET STARTED」をクリック。 遷移先の「Stable Release」に各ブラウザ向けのリンク一覧があります。今回はChrome版のViolentmonkeyを使うため、「Chrome Web Store」をクリック。 Chromeに追加をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。これでインストールが完了です。

Microsoftは現地時間2月5日、iPhone、iPad、Mac、Windows PC、Androidデバイスなど、さまざまなデバイスでウェブサイトのパスワードを簡単に保存・同期・管理できる新しいAutofill（オートフィル）ソリューション「Microsoft オートフィル」を正式に発表しました。 「Microsoft オートフィル」はベータプログラムの一部としてすでに提供されていましたが、今後はMicrosoft Authenticatorアプリ、Google Chrome拡張機能、Microsoft Edgeを通じてすべてのユーザーが利用できるようになります。AppleのiCloudキーチェーンと同様に、Microsoft Autofillはパスワードを保存し、ウェブサイト上でパスワードを簡単に入力できるようになります。 Microsoft オートフィル Autofillとは自動

YouTube動画は1.5～1.75倍速で再生…という方が多いと思います。 本当はもっと時短したいけど、あまりに速く再生しすぎると、聴き取りが難しくなりますからね。 でも、Chrome拡張機能『Skip Silence』を活用すれば、無音部分をスキップできるんです。 YouTube動画だけではなく、ブラウザで再生する動画はおおむね対応しているので、ヘビーに動画を観倒している方こそ、大幅な時短が望めそうです。 無音部分の再生速度が決められるScreenshot: 山田洋路 via Skip Silence『Skip Silence』をGoogle Chromeに追加すると、アイコンから動画の基本再生速度と無音部分の再生速度、無音の音量設定ができます。 YouTubeやNetflixといった動画サイトで「Enable Skip Silence」を適用すれば、高速での動画視聴が可能に。無音部分の

Amazon Prime Videoの映画、ドラマ、アニメで楽しく語学学習。もちろん無料です。

ブラウザのタブをファイルシステム上で扱えるようにするChrome・Firefox拡張機能が「TabFS」です。TabFSを使うと、ディレクトリを消去することでブラウザのタブを閉じたり、ページのDOMを操作したりすることが可能とのことなので、実際に使ってどんな感じでタブを操作できるのかを確かめてみました。 TabFS https://omar.website/tabfs/ GitHub - osnr/TabFS: Mount your browser tabs as a filesystem. https://github.com/osnr/TabFS TabFSはmacOSとLinuxで利用することが可能。今回はUbuntu 20.04でTabFSを試してみます。まずはChromeで「chrome://extensions」にアクセスし、「デベロッパーモード」がオンになっていることを確認し

サクッと時短！ 新機能Chromeアクションを使って各機能を直接実行する方法2021.01.06 22:0020,670 David Nield - Gizmodo US ［原文］ （ たもり ） アドレスバーからタスクを直接実行できる、超絶便利な時短テク。 Chromeの最新バージョン｢Chrome 87｣にはとても便利な新機能、Chromeアクションが導入されました。これはブラウザのメニューをたどっていかなくても、ブラウザのアドレスバー（オムニボックス）からさまざまなツールや操作を直接実行できるようになる機能です。 この機能は徐々にロールアウトされるとGoogleが発表しているので、まだ見ることはないかもしれません。でも、Chromeが最新版に更新されているかどうかは、ブラウザメニューの｢ヘルプ｣-｢Google Chromeについて｣から確認しておきましょう。 Chromeアクション

This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it

フロントエンドだけではないかもしれないけど、 エンジニアがおすすめするMac無料ツール2020下半期まとめです。 関係ないけど10人くらいサンタが家に来てくれないかな.... ■ Mac Apps 1. VSCode だいたいのエンジニアがみんな使ってるよね。って思うけど一応記載しときまっす。エディタなんて好みだと思うけどね。 こやつは拡張性高いし必須だと思ってます。 好きなテーマはDraculaです。 2. Draw.io Integration VSCode拡張。Drow.io単体でも使うけど Draw.ioをVSCode内で利用できる。エディタ内でグリグリ製図するの楽しいね。 3. Biscuit アプリ一元管理ツール。 BiscuitにslackとかNotionとかInoreaderを食べさせて便利につかわせていただいております。 Stationよりも使いやすいし動作が軽い。あとロ

MacのGoogleChromeでWebサイトを閲覧中に気になるサイトのURLや記事についてのメモを残したい時にCopiedなどのクリップボードアプリに残したりメモアプリに書いておくのも面倒なものです。そこでChromeならではのブラウザ上にメモが残せる拡張機能grt memoを使います。 grt memoの入手 grt memoはChromeウェブストアでダウンロードします。↓ chrome.google.com すぐに使えるようにツールバーにピン留めしておきます。 grt memoの使い方 1.Webサイトを閲覧中にメモしたい時にツールバーのgrt memoの「メ」のアイコンをタップします。 2.メモ帳画面が表示されるので入力します。TIMEボタンでタイムスタンプが入力されURLボタンで開いているサイトのURLを貼付します。 3.上部の番号にメモの枚数が表示され「＋」で増やす事ができま

どのブラウザーでも、アニメーションのパネルを開いている状態で画面を操作すると、発生したトランジション・アニメーションが自動的に記録されます。記録したアニメーションはもう一度ゆっくり再生したり、対象の要素やスタイルを調べたりすることもできます。 ChromeのAnimationsパネルの特徴 Chromeの場合、検出されたトランジションやアニメーションはトリガーが同じもので自動的にグループ化され、グループの単位で詳細を見たり再生したりが可能です。また、アニメーションのタイミングや長さをドラッグで調整する機能もあります。 Firefoxのアニメーションパネルの特徴 Firefoxのアニメーションパネルはインスペクターの一部になっているので、要素を絞り込んでこの要素に適用されているトランジション・アニメーションだけを表示できます。また、色のトランジション・アニメーションの場合、タイムラインが色の

動画プラットフォームのVimeoが、画面やウェブカメラの映像を録画して配信できる無料のビデオメッセージングツール「Vimeo Record」を公開しました。 Vimeo Launches Free Video Messaging Tool to Empower Remote Teams https://press.vimeo.com/114117-vimeo-launches-free-video-messaging-tool-to-empower-remote-teamsnbsp Collaborate better remotely with Vimeo Record https://vimeo.com/blog/post/vimeo-record-screen-recorder-tool/ 「Vimeo Record」は画面＆ウェブカメラの映像を録画する機能で、Chrome向けのブラ

Chrome デベロッパーツールでWebページ上のCSS Gridを検証し、レイアウトの問題をデバッグする方法を紹介します。 Chromeの次のアップデートで予定されている機能で、現在はChrome Canaryで利用できます。 Inspect CSS Grid by Jecelyn Yeen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスの元、翻訳しています。 はじめに Webページ上のCSS Gridを見つける グリッドの表示オプション オーバーレイの表示設定 グリッドのオーバーレイ はじめに このガイドでは、Chrome デベロッパーツールでWebページ上のCSS Gridを検証し、レイアウトの問題をデバッグする方法を解説します。 使用しているCSS Gridのデモページは、下記の2つです。 Fruit box Snack box Webページ

パソコン上でWeb検索などをする際に使う“Webブラウザ”は、「Microsoft Edge」や「FireFox」など様々な種類があります。そんなWebブラウザの中でも、多くの人に愛用されているのが、「Google Chrome」ではないでしょうか。 そんなChromeには、「拡張機能」というものがあるのをご存じでしょうか。今回は、拡張機能とは何かの解説から、おすすめの拡張機能を紹介していきます。 Google Chromeの拡張機能ってなに？ まずは、拡張機能とはなにかについて簡単に解説していきましょう。 拡張機能はスマホでいうアプリ？ 拡張機能とは、ブラウザであるChromeに機能を追加するプログラムファイルのことで、簡単にいえば「スマートフォンのアプリ」のようなものです。拡張機能をなにも追加しなくても、ブラウザとして十分便利なChromeですが、機能を追加することでより便利になってい

Chromeウェブストアはごちゃごちゃしていますが、だからといってブラウザを快適に使うために、公式の拡張機能を使わない方がいいという意味ではありません。 それはGoogle Chromeでも、それに代わるChromium版のMicrosoft Edgeでも同じです。 入手できる便利な拡張機能をブラウザに詰め込みたくなるかもしれませんが、ブラウザが遅くなるのは嫌でしょうから、どの拡張機能を使うかはきちんと考えた方がいいでしょう。 個人的には、今、少し拡張機能を入れ過ぎているかなと感じています。この記事を書くことで、できればいくつかの拡張機能を整理して削除できたらとも思っています。 とはいえ、誰もが知っておいた方がいいと思う拡張機能もあります。周知のものもあるでしょうし、まったく新しいものもあるでしょう。 私がいつも使っている拡張機能を共有するのは、試してみたいと思ったものがいくつかあれば（も

最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で