概要 GitHub上で動作するChrome拡張についてざっくばらんに紹介 検証をChromeで行っただけで、他ブラウザでも使えるものも含む ご注意 紹介してるもの同士の互換性は考慮していません。組み合わせによって動作しなくなる拡張もあります 拡張機能は本家GitHubの変更を強く受けるため、突如使えなくなるリスクがあることをご認識ください プライベートリポジトリでは使用できない、あるいはAPIトークンを渡したり認可する必要があるものを含みます 本記事で紹介している拡張はいずれも2020/05/03時点の最新版をChrome81系で動作確認済み Refined GitHub 説明不要なレベルで、これを入れておけばまず外れないので迷ったらコレ 詳細は別途紹介記事を書いてます GitHubを圧倒的に便利にするRefined GitHub のTips集 Octotree サイドバーにディレクトリツ
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
Gyazo Extensionの開発を主に担当しているid:Pasta-Kです。 Gyazo Extensionは日本時間の2020年5月21日〜2020年7月29日の間、Chrome Web Storeから取り下げられていました。いくつかの変更をExtensionに加えることで審査を経て本日遂に再公開となりました。同様にGyazo Teams向けのExtensionも引き続き非公開になっていますが、今回のGyazo Extensionの再公開を受け、数日中に再公開できる見込みです。 この件に関する、経緯と対応に関する具体的な内容について、主にChrome Extensionの開発に関わる皆さんに向けて共有しようと思います。もし同じような事象に遭遇している方の参考になれば幸いです。 経緯について Chrome Web Store側からはUse of Permissions*1に関する違反が
Firefoxに搭載されている実行時コンパイラ(JIT)が、11月にリリース予定のバージョン83から大幅に高速化されることがわかりました。バージョン83は記事作成時点ではNightly版で提供されています。 Dogfooding Warp https://groups.google.com/g/mozilla.dev.platform/c/1PHhxBxSehQ Firefox's JIT is getting significantly faster | Hacker News https://news.ycombinator.com/item?id=24590174 JITとは、頻繁に実行するコードをあらかじめコンパイルしておくことで、コードの実行速度を向上させる技術のこと。ウェブブラウザはJITを備えることでJavaScriptを高速に実行し、快適なウェブブラウジングを実現しています
1つのメールアドレスで複数のウェブサービスに登録していると、どこかで個人情報が漏えいした時のリスクが高まります。しかし、利用するウェブサービスの分だけメールアドレスを用意するというのは非現実的。Mozillaの提供する「Firefox Relay」は、登録済みのメールアドレスをリンクさせた捨てメールアドレスをランダムで生成して管理してくれる機能で、無料で簡単にセキュリティを高めることが可能です。 Firefox Relay https://relay.firefox.com/ Firefox Relayを利用するには、公式サイトにアクセスして「Sign In」をクリック。 Firefoxアカウントでログインします。なお、Firefoxアカウントを持っていない場合は自動的に登録画面に移行します。 ログインに成功すると以下の画面に遷移します。Firefox上でFirefox Relayを使うた
Android版FirefoxはPC版Firefoxと同様にアドオンをサポートしていますが、通常の手順でインストール可能なアドオンはMozillaが推奨する一部のアドオンに限られています。しかし、正式版に導入前の機能を使用できる「Firefox Beta」のバージョン107.0 b1ではMozilla推奨アドオン以外のアドオンもインストール可能になっているとのこと。そこで、実際にFirefox Betaにアドオンを追加する手順をまとめてみました。 Firefox Beta for Testers - Google Play のアプリ https://play.google.com/store/apps/details?id=org.mozilla.firefox_beta Android 版 Firefox で使用できるアドオンを拡張する | Android 版 Firefox ヘルプ h
You can add the information for all the hosts you have. Once you've saved the config file, you'll be able to see those hosts in the Remote Explorer, as well as any folders you have opened on that host. You can select the icon next to each host or folder and it will launch a new VS Code window (instance) and connect you to that host. In the screenshot below, I'm connected to my remote machine "pyth
ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール（Autoprefixer, Babel, ESLint, PostCSSなど）でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい
オラクル、Java開発を効率化するVSCode用拡張機能「Oracle Java Platform Extension for Visual Studio Code」を公開
オラクル、Java開発を効率化するVSCode用拡張機能「Oracle Java Platform Extension for Visual Studio Code」を公開 New Oracle open source project released! Oracle Java Platform extension brings full featured @Java development (edit-compile-debug & test cycle) for Maven and Gradle projects to VS Code. Get started: https://t.co/knjeFPRY1Q Learn more: https://t.co/77SIeky3cE#OracleOSS pic.twitter.com/whXIKFsBHV — Oracle Open So
はてなブックマークの2021年9月~10月の機能修正・改善をお知らせします（5件） - はてなブックマーク開発ブログ
はてなブックマークでは、日々さまざまな機能修正・改善を行っています。多くのユーザーさまに関係する機能は、この開発ブログにて個別にお知らせしています。その一方で、目に見えづらい改善や、影響する方が少ない機能の修正も進めています。本記事では、2021年9月~10月に実施した機能修正・改善をダイジェストでお届けします。 細かな機能修正・改善 エントリーのタイトルはog:titleを優先して採用するようになりました iOS Share Extensionをアプリ内と同様のレイアウトに変更しました iOSアプリとAndroidアプリで記事を閲覧中にはてなブックマークボタンを押した際の挙動を改善 個別に周知済みの機能修正・改善 マイブックマーク検索の機能を強化し、検索結果の並び替えや絞り込みができるようになりました（PC版ブラウザ） iOSアプリのホーム画面で「技術・カルチャー」の面を選べるようになり
VBAにはユニットテストやリファクタリング機能がない・・・そんなふうに考えていた時期が俺にもありました - Qiita
コンテキストメニューまたは、メニューバーのRubberduckメニューからRefactorを実行することでリファクタリングが行えます。 下記の例では関数名を変更しています。 他にも引数の削除や順番が行えます。 テスト用のモジュールとメソッドの追加方法 Rubberduck→Unit Tests→Test Moduleでテストモジュールを追加、Rubberduck→Unit Tests→Test Methodでテストメソッドを追加します。 テストモジュール中の「'@TestMethod」というコメントが記載された関数がテストメソッドとなります。 テスト実行例 まず以下のようなテストモジュールを用意します。 Option Explicit Option Private Module '@TestModule '@Folder("Tests") Private Assert As Object
重要なのはここで、 pw.webkit.launch() とするか pw.chromium.launch() とするかで 起動するブラウザが変わるだけです。 デバイスの設定も簡単 pw.devices に主な端末のviewport, UAの情報がまとめられています。 デバイスのリスト： https://github.com/microsoft/playwright/blob/master/src/deviceDescriptors.ts const pw = require('playwright'); // iPhone11のデバイス情報を取得 const iPhone11 = pw.devices['iPhone 11 Pro']; (async () => { const browser = await pw.webkit.launch(); const context = awai
macOS版「辞書 by 物書堂」がリリースされた。iOS、iPadでも利用しており、購入した辞書がMacでも使えるようになった。バージョン1.2.2ではmacOSのサービスに対応した。これは便利なのだが操作が少し煩わしい。PopClipで利用できると文字列選択後の操作がより簡単になる。そこでPopClip拡張を自作できないかを検討し、下記のサイトを参考に作ってみた。とりあえず動作する。 https://github.com/pilotmoon/PopClip-Extensionshttps://ayame.space/2017/09/make-popclip-extensions/ 作成したPopClipの拡張はこちらからダウンロード。 ダウンロードしたファイルをダブルクリックしてPopClipにインストールすれば使えます。 文字列選択後に「物」のアイコンを選択すれば辞書が開き、検索結果
コロナ禍をきっかけにテレワーク（リモートワーク）が広まりましたが、週に何日かは出社する機会がある中では、職場から自宅、自宅から職場のPCを遠隔操作できると何かと安心です。ここでは「クロームリモートデスクトップ」のインストールと設定方法を解説します。 「手元にファイルがない！」をすぐに解決 長引くコロナ禍により、業務の中心がテレワーク（リモートワーク）となった人もいれば、出社する生活に戻ったという人もいるでしょう。また、その中間として「週に何日かは出社し、それ以外はテレワークをする」という人も多いのではないでしょうか。 さらに、ひとくちにテレワークといっても、その場所が自宅に限らず、カフェやホテル、コワーキングスペース、リモートオフィスなどへと広がっています。働く場所の選択肢が増えたことは、多くのビジネスパーソンにとって喜ばしいことだと思います。 しかし、そのような状況で起こりがちなのが、「
Mozilla Firefoxブラウザのユーザー数が、近年激減していることが判明しました。Google Chromeなどの競合ブラウザにユーザーを奪われているようです。 2年半で4,600万人も減少 情報サイトIt’s FOSSが、Firefoxの公開データリポート（Firefox Public Data Report）を確認したところ、2018年末には2億4,400万人だったアクティブユーザー数が、2021年6月末時点では1億9,800万人と、2年半で4,600万人も減少していました。 Firefoxはこれまで、競合の存在にも関わらず、一定のユーザー数を維持してきました。たとえば2000年代初期にはInternet Explorerが人気を集めましたが、2008年当時のFirefoxのシェアは約30％となっています。 Chromeの普及でブラウザ市場が変化 しかしGoogle Chrom
by Thomas William Microsoftの元エンジニアであるSampsonさんが、Google ChromeやFirefox、Microsoft Edgeなどのウェブブラウザを初めて起動した際に、ユーザーの見えない場所でどのような通信が行われているのかを調査し自身のTwitter上で詳細なデータを公表しています。 Sampson(@jonathansampson)さん | Twitter https://twitter.com/jonathansampson ◆Google Chrome Windows 10上で初めてGoogle Chromeを起動した場合、32件のリクエストが作成され、7.26MBのデータがダウンロードされます。 What happens when you launch Google Chrome for the first time on a Windo
Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。 Toby for Chrome Chromeを利用しているとかならず出てくるタブ開きすぎ問題。パソコンが重くなる原因の一つで、タブは開きすぎない方が良いです。その問題を解消するのがChrome拡張機能 Toby for Chrome。ついつい増えがちなタブを一括で管理することができます。 私は、案件ごとにSPACESを用意し、関連ページや参考ページをタブで開いてまとめてブクマしています。ドラッグ&ドロップで並べかえができたり、SPACES内に複数のフォルダを用意できるので、タブ管理
Google、ウェブサイトのUX健全性を示すWeb Vitalsを導入。3つの重要指標はLCP/FID/CLS
[レベル: 上級] ウェブで優れたユーザー エクスペリエンスを実現するために “Web Vitals（ウェブ バイタル）” というコンセプトを Google は導入しました。 Web Vitals の土台として次の要素を重要視します。 読み込み時間 インタラクティブ性 ページ コンテンツの視覚的な安定性 それぞれの要素を測定するための指標とツールの提供を始めています。 Core Web Vitals: ウェブに関する 3 つの主な指標 Web Vitals を数値化するために、ウェブに関する特に重要な 3 つの指標を Google は設定しました。 ひっくるめて、“Core Web Vitals”（コア ウェブバイタル）と呼びます。 Largest Contentful Paint (LCP) First Input Delay (FID) Cumulative Layout Shift
Webブラウザー「Chrome」の拡張機能「アマゾン注文履歴フィルタ」は、Amazonで購入した商品の領収書を、まとめて出力できるようになる“神”ツールです。通常のやり方では個々の注文ごとに出力や印刷が必要なのに対し、この拡張機能では注文日や品名などの属性で注文履歴を絞り込み、一発で出力できてしまいます。特に、確定申告には欠かせないこのツールの使い方を、今回は徹底紹介します。 多くの人が利用しているAmazon。購入した商品の領収書をまとめて出力できる確定申告の必須ツールの便利さを紹介しましょう 確定申告、無料で使えるChrome専用の拡張機能に注目 今年も確定申告のシーズンがやってきました。新型コロナウイルスの余波で〆切が3月16日から4月15日へと順延されたとはいえ、作業量そのものが減るわけではありません。「1カ月延びたから余裕余裕」と思っていても、気づいたら例年と同じように、直前にな
自分好みのアバターと声でビデオ通話できる「Vme!」が正式リリース。DiscordとGoogle Meetに対応、「ずんだもん」にもなれる
HIGHBALL PTE. LTD. は9月11日（月）、自分の好きなアバターと声でビデオ通話できる「Vme!」を正式リリースした。 本ツールは、基本無料で自分の好きなアバターと声でビデオ通話に参加できるGoogle Chromeの拡張機能で、対応ツールはDiscordとGoogle Meetとなっている。HIGHBALL PTE. LTD.によるWeb3×VTuberプロジェクト「Vhigh!」のひとつで、同プロジェクトではファンとクリエイターが一体となってVTuberを制作する「分散型」への変革を掲げている。 また、カメラの映像だけではなく声も変えられることが大きな特徴。公開されているサンプル映像では男性の声が「ずんだもん」のキュートな声に変化している様子が確認できる。なお、リアルタイムのボイスチェンジャーで遅延が気になる場合は、声のピッチのみを変更する機能を使用することで遅延を軽減し
始めに ddc.vim, ddu.vim の開発が一通り終了し、次に作成するプラグインについて考えていました。 バイナリ編集プラグイン ddx.vim の開発を進めることも考えていたのですが、dein.vim の開発から長い時間がたっており新たなプラグインマネージャーも出てきているので、そろそろ作り直すべきではないかと考えました。 プラグインマネージャーの機能がどんどん複雑化する昨今、プラグインマネージャーに必要な機能とは何か考えたときに、「拡張可能なプラグインマネージャーが求められている」と思ったのです。 そして今回作成したプラグインマネージャーは dpp.vim です。 dpp.vim は作成したばかりで完成度はまだ低く、dein.vim ユーザーが乗り換える機能のレベルや安定性にはなっていません。 しかし、その設計思想とインタフェースは十分固まったといえるので今回記事を書くことにしま
Twitterを使っていると、「このユーザーに関わっている人を全員ブロックしたい」というシチュエーションに遭遇することがありますが、1人ずつポチポチブロックするのは非常に手間です。ブラウザ拡張機能「Red Block」を使えば、大量のユーザーを一括ブロックしたり、一括フォロー解除したりできるとのことなので、実際に使ってみました。 GitHub - gaeulbyul/RedBlock https://github.com/gaeulbyul/RedBlock ・目次 ◆1：Red Blockのインストール手順 ◆2：任意のユーザーのフォロワーを一括ブロックする方法 ◆3：ブロックを一括解除する方法 ◆1：Red Blockのインストール手順 Red BlockにはChrome版・Firefox版・Edge版・Whale(Naver製のブラウザ)版が存在しますが、今回はChrome版を使って
Mozilla独自のVPNサービス「Firefox Private Network」が「Mozilla VPN」として間もなく正式リリース
ウェブブラウザ・Firefoxを展開するMozillaが独自のVPNサービス「Mozilla VPN」の正式リリースを発表しました。このサービスはFirefoxのアドオンとしてベータテストが行われてきた「Firefox Private Network」がもとになっています。 Introducing Firefox Private Network VPN’s Official Product - the Mozilla VPN - Future Releases https://blog.mozilla.org/futurereleases/2020/06/18/introducing-firefox-private-network-vpns-official-product-the-mozilla-vpn/ Mozillaは2019年9月に、インターネットブラウジングをよりセキュアに楽しめ
Cookie の SameSite 属性について - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、フロントエンドエキスパートチームの小林（@koba04）です。 フロントエンドエキスパートチームでは、日々の業務としてブラウザやライブラリの更新情報をキャッチアップして社内で共有しています。 例えば先日、CSSのプロパティである image-orientation のデフォルト値が none から from-image に変わったため、画像の Exif 情報の扱いが変更されました。 https://www.fxsitecompat.dev/ja/docs/2020/jpeg-images-are-now-rotated-by-default-according-to-exif-data/ 注： Firefox では COVID-19 の影響により、この変更は延期されました。（Chrome は予定通り 81 で リリースしています） https://blog.chromium.o
はじめに こんにちは、普段は機械学習エンジニアをしているfkubotaです。 今回は僕が普段行っているブックマーク管理術を紹介したいと思います。 ブラウザはchromeやvivaldiなどの chrome拡張 が使える環境を想定しています。 記事を読むモチベーションをあげるために僕がブックマークにアクセスしている様子をここで一度見てほしいです。 1. 以前書いたQiitaの記事 2. portfolio 3. wifiの速度測定 という順番で開いています。 めちゃ早いというのがわかっていただけるとウレシイです。 ブックマーク管理がしんどかった時 過去にブックマークの管理がとてもしんどかった時期がありました。 すぐにアクセスできるブックマークバーが便利でどんどん追加していくと量がすごくなってしまいました。 フォルダ管理を始めました。フォルダ管理で構造化すると今度はアクセスが遅くなりました。
Tetsu on Twitter: "あもりにも速すぎて熟語にも強い辞書ツールMouse Dictionaryですが、自分で使っていて追加したい機能や感じる不満がもうなくなったので、利用者からの要望等ありましたら教えてください😉… https://t.co/EBQF8LedWY"
あもりにも速すぎて熟語にも強い辞書ツールMouse Dictionaryですが、自分で使っていて追加したい機能や感じる不満がもうなくなったので、利用者からの要望等ありましたら教えてください😉… https://t.co/EBQF8LedWY
【復旧済み】はてなブックマークiOSアプリで、App Extensionsが利用できない不具合が発生しています - はてなブックマーク開発ブログ
平素よりはてなブックマークをご利用いただきありがとうございます。 2020年3月2日（月）12時ごろにリリースした「はてなブックマークiOSアプリ」の最新バージョン（v4.6）で、App Extension（他アプリからの連携機能）が利用できない不具合が発生しています。 現在原因を調査し、対応中です。申し訳ございませんが、対応までしばらくお待ちください。 追記（2020/3/4 12:59） 3月4日（水）12時ごろにリリースした最新バージョン（4.7）で、上記の不具合を修正しております。 原因はアプリケーションの不具合でした。ご迷惑をおかけして、大変申し訳ございませんでした。再発防止に努めてまいります。 お手数ですが、アプリストアから最新版へアップデートをお願いいたします。 ▽ - iOSアプリをアップデートする
React Inspector というChrome拡張機能を作りました。 Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。(現在はVSCodeのみ対応) 追記: ↑2022/09/12 オプションページから "Open in Editor URL" を設定できるようにし任意のエディターのURLスキーマで開くことができるようになりました...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactのソースコードに直接ジャンプできるのでUIか
ChatGPTプラグインの「Notable」を使って、データ分析コンペに挑戦してみたところ、想像以上の結果を出してくれたので共有します。 今回は人間は簡単な指示を出すだけで、ほとんど全てをChatGPTに任せる方針で行なっています。 こちらの記事のように上位6.5％に入りました！という華やかな結果にはなりませんでしたが、予想以上の結果にはなったのでぜひ最後まで読んでみてください！！ データサイエンティストがChatGPTを活用するための記事をまとめているので、こちらもぜひ参考にしてみてください。 ChatGPTプラグインとは ChatGPTプラグインは、ChatGPTをサードパーティのアプリケーションと連携させるツールです。 これは、GoogleスプレッドシートのアドオンやGoogle Chromeの拡張機能と同様に、公式だけでなく第三者の開発者が作成した機能をChatGPTに追加すること
フィッシングサイトへの自動入力のリスク SMS OTPとWebサイトが紐付かない状態では、正規のSMS OTPがフィッシングサイトへ自動入力されるリスクが生じる。現実的なリスクとして、GutmannらはMITMと組み合わせた「ログインにおける2要素認証の回避」と「ソーシャルログインの偽装による電話番号確認の回避」、「オンライン決済における取引認証の回避」の3つのシナリオを示している⁷。2要素認証の回避につながるリスクは、iOSの自動入力がPayPayの偽サイトで発動した前回の検証で確認している。今回の検証ではAndroidの自動入力がPayPalの偽サイトで発動するか確認する。 2要素認証の回避 PayPalの偽サイトは前回と同様にMITMフィッシングフレームワーク「Evilginx2」で複製し、一般利用者が誤ってアクセスしないようインバウンド接続を制御した。Android 11のChro
GitHub - hediet/vscode-drawio: This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
この記事について 先日、@catnoseさんがカメラ映像の代わりに絵文字(Emoji)を配信するためのサービスを公開されました。凄く完成度が高くて良いサービスだと思ったので、さっそく使ってみたのですが、仮想カメラとして使用するためには OBS Studio が必要でした。[1] サービスを使うには全然申し分無いのですが、「 もっと簡単にできたらなぁ～ 」と思ってしまうのが私の悪い所で、すぐさまブラウザのみでどうにかできないかと調べてみると、色々な制約はありますが、Chrome 拡張を使うことで OBS Studio を使わずとも仮想カメラを使用できることが分かりました。 実装も簡単にできるので、 今回は Google Meet で、画面キャプチャを仮想カメラとして表示する Chrome 拡張を作って行こうと思います 💪 今回作るモノについて 今回この記事で作る Chrome 拡張は、上記
VS Code 拡張機能を実装する第一歩を踏み出すために「Get Started: Your First Extension」を試した - kakakakakku blog
「VS Code 拡張機能」ってどう実装するんだろう．最近 VS Code を使う場面が多いため，便利な拡張機能にコントリビュートしたり，自分用に拡張機能を作ったりする機会もありそう．さらに今まで TypeScript をほとんど書いたことがなく，書く機会を探していたという側面もある．今回は VS Code ドキュメントに載っている「Get Started: Your First Extension」を試してみた． code.visualstudio.com 雛形を自動生成する まず，Yeoman を使って雛形となる「Hello World Sample」を自動生成する．今回はドキュメントの通りに TypeScript で HelloWorld という名前の「VS Code 拡張機能」を作ることにした． $ npm install -g yo generator-code $ yo cod
GitHub Actionsのワークフローを利用してクロスブラウザのE2Eテストを自動化する - Money Forward Developers Blog
こんにちは。 『マネーフォワード クラウド経費』のフロントエンドエンジニアをしている木村(@kimromi)です。 Ruby on Railsを利用してサービス開発を進めているプロダクトのフロントエンドの環境を整えていき、UIの改善やフロントエンド側の開発効率アップなどにつなげていくような動きを現在やっています。 なぜクロスブラウザのE2Eテストが必要になったか ある日、IE11のみでJavaScriptエラーが起こり動作しないとの連絡が入り、慌てて対象のプルリクエストをリバートしたということが起こりました。 原因としてはライブラリの追加によるものでした。 現在フロントエンドの改修を行っていく中で、ライブラリの追加やビルド方式の変更などドラスティックな変更をすることが多くなってきています。 そのたびにMicrosoftからダウンロードできるVM環境を立ち上げ手元で確認するのは手間がかかり確
2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()
ブラウザは日々進化しています。2021年もブラウザには多くの新機能が追加されました。 私はCSSの新機能を1年かけてチェックしてきましたが、その中でもとりわけ便利だと思った3つの機能を紹介します。いずれも、2021年に全モダンブラウザ（Chrome、Firefox、Microsoft Edge、Safari）で使えるようになったもので、日々の開発をラクにしてくれることでしょう。 動画や画像のアスペクト比を指定できるaspect-ratioプロパティ aspect-ratioプロパティとは、ボックスのアスペクト比（幅と高さの比率）を指定するプロパティです。 構文
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11
こちらの記事は、Indrek Lasn 氏により2019年 7月に公開された『 9 Useful Browser Extensions for Developers — 2020 edition 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek Web開発者として、私達はブラウザの拡張機能を存分に利用することができます。ブラウザの拡張機能は、作業環境とコーディングの生産性の向上にとても役立ちます。 2020年に近づき、数多くの新しい拡張機能が登場しました。そこでWeb開発者にとって最も便利な拡張機能を紹介します。 「私がかなたを見渡せたのだとしたら、それは巨人の肩の上に乗っていたからです。」 アイザック・ニュートン Refined GitHub Refined GitHubはGitHub
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHubをむっちゃ多機能にするためのChrome拡張を紹介するぜ - Qiita
firefox-replay.com - Domain Name For Sale | Dan.com
Gyazo Chrome Extensionの再公開について - Gyazo Blog
FirefoxのJavaScriptエンジンが大幅に高速化される
無料でアカウント作成時に使える捨てメアドを自動生成して本来のメールアドレスを守る「Firefox Relay」レビュー
Android版Firefoxのベータ版でアドオンを自由に導入できる機能が利用可能に
Visual Studio Code Remote SSH Tips and Tricks
これは便利すぎる！ Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist
Playwrightも知らないで開発してる君たちへ - Qiita
Linuxデスクトップアプリも動く16,000円のLinuxスマホが登場【FirefoxもGIMPもLibreも普通に動く！】
macOS版「辞書 by 物書堂」用PopClip拡張を作った
【2021年版】Chromeリモートデスクトップの使い方。職場や自宅のパソコンを遠隔操作できる
Firefoxブラウザのユーザー数、2年半で激減 - iPhone Mania
Chrome・Firefox・Edgeなどブラウザは初回起動時にどのような通信を行っているのか
ブラウザーの膨大な履歴・ブックマーク・タブからすばやく目的のページを見つけ出す方法／専用のポップアップで一括検索できる拡張機能「Chikamichi」【レビュー】
2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note
Amazonの領収書をまとめて出力、確定申告の“神”ツール「アマゾン注文履歴フィルタ」
プラグインマネージャーの歴史と新世代のプラグインマネージャー dpp.vim
Twitterで「このユーザーに関わっている人を全員ブロック」を一発実行できる「Red Block」の使い方
まるで自分だけの小さなインターネット、オレオレブックマーク管理術 - Qiita
React開発を快適にするChrome拡張を公開したので見てください！
ChatGPTプラグイン「Notable」だけでデータ分析コンペに挑戦してみた話 - Qiita
SMS OTPの自動入力によるリスクとその対策
Webカメラだけで手・顔・ポーズの検出できるBlenderアドオンがベータ版として無償公開／「OpenCV」と「MediaPipe」を活用
画面キャプチャを仮想カメラとして扱えるようにするChrome拡張を作ってみる
デフォルトで信頼できる Chrome 拡張機能
2020年向け 開発者向けブラウザ拡張機能９選 - Qiita