並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 457件

新着順 人気順

firefoxの検索結果321 - 360 件 / 457件

  • FirefoxのJavaScriptエンジンが大幅に高速化される

    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を高速に実行し、快適なウェブブラウジングを実現しています

      FirefoxのJavaScriptエンジンが大幅に高速化される
    • Android版Firefoxのベータ版でアドオンを自由に導入できる機能が利用可能に

      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

        Android版Firefoxのベータ版でアドオンを自由に導入できる機能が利用可能に
      • はてなブックマークの2021年9月~10月の機能修正・改善をお知らせします(5件) - はてなブックマーク開発ブログ

        はてなブックマークでは、日々さまざまな機能修正・改善を行っています。多くのユーザーさまに関係する機能は、この開発ブログにて個別にお知らせしています。その一方で、目に見えづらい改善や、影響する方が少ない機能の修正も進めています。本記事では、2021年9月~10月に実施した機能修正・改善をダイジェストでお届けします。 細かな機能修正・改善 エントリーのタイトルはog:titleを優先して採用するようになりました iOS Share Extensionをアプリ内と同様のレイアウトに変更しました iOSアプリとAndroidアプリで記事を閲覧中にはてなブックマークボタンを押した際の挙動を改善 個別に周知済みの機能修正・改善 マイブックマーク検索の機能を強化し、検索結果の並び替えや絞り込みができるようになりました(PC版ブラウザ) iOSアプリのホーム画面で「技術・カルチャー」の面を選べるようになり

          はてなブックマークの2021年9月~10月の機能修正・改善をお知らせします(5件) - はてなブックマーク開発ブログ
        • 無料でアカウント作成時に使える捨てメアドを自動生成して本来のメールアドレスを守る「Firefox Relay」レビュー

          1つのメールアドレスで複数のウェブサービスに登録していると、どこかで個人情報が漏えいした時のリスクが高まります。しかし、利用するウェブサービスの分だけメールアドレスを用意するというのは非現実的。Mozillaの提供する「Firefox Relay」は、登録済みのメールアドレスをリンクさせた捨てメールアドレスをランダムで生成して管理してくれる機能で、無料で簡単にセキュリティを高めることが可能です。 Firefox Relay https://relay.firefox.com/ Firefox Relayを利用するには、公式サイトにアクセスして「Sign In」をクリック。 Firefoxアカウントでログインします。なお、Firefoxアカウントを持っていない場合は自動的に登録画面に移行します。 ログインに成功すると以下の画面に遷移します。Firefox上でFirefox Relayを使うた

            無料でアカウント作成時に使える捨てメアドを自動生成して本来のメールアドレスを守る「Firefox Relay」レビュー
          • これは便利すぎる! Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist

            ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール(Autoprefixer, Babel, ESLint, PostCSSなど)でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい

              これは便利すぎる! Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist
            • オラクル、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

                オラクル、Java開発を効率化するVSCode用拡張機能「Oracle Java Platform Extension for Visual Studio Code」を公開
              • 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

                  VBAにはユニットテストやリファクタリング機能がない・・・そんなふうに考えていた時期が俺にもありました - Qiita
                • 【2021年版】Chromeリモートデスクトップの使い方。職場や自宅のパソコンを遠隔操作できる

                  コロナ禍をきっかけにテレワーク(リモートワーク)が広まりましたが、週に何日かは出社する機会がある中では、職場から自宅、自宅から職場のPCを遠隔操作できると何かと安心です。ここでは「クロームリモートデスクトップ」のインストールと設定方法を解説します。 「手元にファイルがない!」をすぐに解決 長引くコロナ禍により、業務の中心がテレワーク(リモートワーク)となった人もいれば、出社する生活に戻ったという人もいるでしょう。また、その中間として「週に何日かは出社し、それ以外はテレワークをする」という人も多いのではないでしょうか。 さらに、ひとくちにテレワークといっても、その場所が自宅に限らず、カフェやホテル、コワーキングスペース、リモートオフィスなどへと広がっています。働く場所の選択肢が増えたことは、多くのビジネスパーソンにとって喜ばしいことだと思います。 しかし、そのような状況で起こりがちなのが、「

                    【2021年版】Chromeリモートデスクトップの使い方。職場や自宅のパソコンを遠隔操作できる
                  • Visual Studio Code Remote SSH Tips and Tricks

                    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

                      Visual Studio Code Remote SSH Tips and Tricks
                    • Linuxデスクトップアプリも動く16,000円のLinuxスマホが登場【FirefoxもGIMPもLibreも普通に動く!】

                      • macOS版「辞書 by 物書堂」用PopClip拡張を作った

                        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にインストールすれば使えます。 文字列選択後に「物」のアイコンを選択すれば辞書が開き、検索結果

                          macOS版「辞書 by 物書堂」用PopClip拡張を作った
                        • Firefoxブラウザのユーザー数、2年半で激減 - iPhone Mania

                          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

                            Firefoxブラウザのユーザー数、2年半で激減 - iPhone Mania
                          • 2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note

                            Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。 Toby for Chrome Chromeを利用しているとかならず出てくるタブ開きすぎ問題。パソコンが重くなる原因の一つで、タブは開きすぎない方が良いです。その問題を解消するのがChrome拡張機能 Toby for Chrome。ついつい増えがちなタブを一括で管理することができます。 私は、案件ごとにSPACESを用意し、関連ページや参考ページをタブで開いてまとめてブクマしています。ドラッグ&ドロップで並べかえができたり、SPACES内に複数のフォルダを用意できるので、タブ管理

                              2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note
                            • Twitterで「このユーザーに関わっている人を全員ブロック」を一発実行できる「Red Block」の使い方

                              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版を使って

                                Twitterで「このユーザーに関わっている人を全員ブロック」を一発実行できる「Red Block」の使い方
                              • 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

                                  Google、ウェブサイトのUX健全性を示すWeb Vitalsを導入。3つの重要指標はLCP/FID/CLS
                                • ブラウザーの膨大な履歴・ブックマーク・タブからすばやく目的のページを見つけ出す方法/専用のポップアップで一括検索できる拡張機能「Chikamichi」【レビュー】

                                    ブラウザーの膨大な履歴・ブックマーク・タブからすばやく目的のページを見つけ出す方法/専用のポップアップで一括検索できる拡張機能「Chikamichi」【レビュー】
                                  • プラグインマネージャーの歴史と新世代のプラグインマネージャー dpp.vim

                                    始めに ddc.vim, ddu.vim の開発が一通り終了し、次に作成するプラグインについて考えていました。 バイナリ編集プラグイン ddx.vim の開発を進めることも考えていたのですが、dein.vim の開発から長い時間がたっており新たなプラグインマネージャーも出てきているので、そろそろ作り直すべきではないかと考えました。 プラグインマネージャーの機能がどんどん複雑化する昨今、プラグインマネージャーに必要な機能とは何か考えたときに、「拡張可能なプラグインマネージャーが求められている」と思ったのです。 そして今回作成したプラグインマネージャーは dpp.vim です。 dpp.vim は作成したばかりで完成度はまだ低く、dein.vim ユーザーが乗り換える機能のレベルや安定性にはなっていません。 しかし、その設計思想とインタフェースは十分固まったといえるので今回記事を書くことにしま

                                      プラグインマネージャーの歴史と新世代のプラグインマネージャー dpp.vim
                                    • Amazonの領収書をまとめて出力、確定申告の“神”ツール「アマゾン注文履歴フィルタ」

                                      Webブラウザー「Chrome」の拡張機能「アマゾン注文履歴フィルタ」は、Amazonで購入した商品の領収書を、まとめて出力できるようになる“神”ツールです。通常のやり方では個々の注文ごとに出力や印刷が必要なのに対し、この拡張機能では注文日や品名などの属性で注文履歴を絞り込み、一発で出力できてしまいます。特に、確定申告には欠かせないこのツールの使い方を、今回は徹底紹介します。 多くの人が利用しているAmazon。購入した商品の領収書をまとめて出力できる確定申告の必須ツールの便利さを紹介しましょう 確定申告、無料で使えるChrome専用の拡張機能に注目 今年も確定申告のシーズンがやってきました。新型コロナウイルスの余波で〆切が3月16日から4月15日へと順延されたとはいえ、作業量そのものが減るわけではありません。「1カ月延びたから余裕余裕」と思っていても、気づいたら例年と同じように、直前にな

                                        Amazonの領収書をまとめて出力、確定申告の“神”ツール「アマゾン注文履歴フィルタ」
                                      • 自分好みのアバターと声でビデオ通話できる「Vme!」が正式リリース。DiscordとGoogle Meetに対応、「ずんだもん」にもなれる

                                        HIGHBALL PTE. LTD. は9月11日(月)、自分の好きなアバターと声でビデオ通話できる「Vme!」を正式リリースした。 本ツールは、基本無料で自分の好きなアバターと声でビデオ通話に参加できるGoogle Chromeの拡張機能で、対応ツールはDiscordとGoogle Meetとなっている。HIGHBALL PTE. LTD.によるWeb3×VTuberプロジェクト「Vhigh!」のひとつで、同プロジェクトではファンとクリエイターが一体となってVTuberを制作する「分散型」への変革を掲げている。 また、カメラの映像だけではなく声も変えられることが大きな特徴。公開されているサンプル映像では男性の声が「ずんだもん」のキュートな声に変化している様子が確認できる。なお、リアルタイムのボイスチェンジャーで遅延が気になる場合は、声のピッチのみを変更する機能を使用することで遅延を軽減し

                                          自分好みのアバターと声でビデオ通話できる「Vme!」が正式リリース。DiscordとGoogle Meetに対応、「ずんだもん」にもなれる
                                        • 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月に、インターネットブラウジングをよりセキュアに楽しめ

                                            Mozilla独自のVPNサービス「Firefox Private Network」が「Mozilla VPN」として間もなく正式リリース
                                          • 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

                                              Cookie の SameSite 属性について - Cybozu Inside Out | サイボウズエンジニアのブログ
                                            • まるで自分だけの小さなインターネット、オレオレブックマーク管理術 - Qiita

                                              はじめに こんにちは、普段は機械学習エンジニアをしているfkubotaです。 今回は僕が普段行っているブックマーク管理術を紹介したいと思います。 ブラウザはchromeやvivaldiなどの chrome拡張 が使える環境を想定しています。 記事を読むモチベーションをあげるために僕がブックマークにアクセスしている様子をここで一度見てほしいです。 1. 以前書いたQiitaの記事 2. portfolio 3. wifiの速度測定 という順番で開いています。 めちゃ早いというのがわかっていただけるとウレシイです。 ブックマーク管理がしんどかった時 過去にブックマークの管理がとてもしんどかった時期がありました。 すぐにアクセスできるブックマークバーが便利でどんどん追加していくと量がすごくなってしまいました。 フォルダ管理を始めました。フォルダ管理で構造化すると今度はアクセスが遅くなりました。

                                                まるで自分だけの小さなインターネット、オレオレブックマーク管理術 - Qiita
                                              • React開発を快適にするChrome拡張を公開したので見てください!

                                                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か

                                                  React開発を快適にするChrome拡張を公開したので見てください!
                                                • 【復旧済み】はてなブックマークiOSアプリで、App Extensionsが利用できない不具合が発生しています - はてなブックマーク開発ブログ

                                                  平素よりはてなブックマークをご利用いただきありがとうございます。 2020年3月2日(月)12時ごろにリリースした「はてなブックマークiOSアプリ」の最新バージョン(v4.6)で、App Extension(他アプリからの連携機能)が利用できない不具合が発生しています。 現在原因を調査し、対応中です。申し訳ございませんが、対応までしばらくお待ちください。 追記(2020/3/4 12:59) 3月4日(水)12時ごろにリリースした最新バージョン(4.7)で、上記の不具合を修正しております。 原因はアプリケーションの不具合でした。ご迷惑をおかけして、大変申し訳ございませんでした。再発防止に努めてまいります。 お手数ですが、アプリストアから最新版へアップデートをお願いいたします。 ▽ - iOSアプリをアップデートする

                                                    【復旧済み】はてなブックマークiOSアプリで、App Extensionsが利用できない不具合が発生しています - はてなブックマーク開発ブログ
                                                  • SMS OTPの自動入力によるリスクとその対策

                                                    フィッシングサイトへの自動入力のリスク SMS OTPとWebサイトが紐付かない状態では、正規のSMS OTPがフィッシングサイトへ自動入力されるリスクが生じる。現実的なリスクとして、GutmannらはMITMと組み合わせた「ログインにおける2要素認証の回避」と「ソーシャルログインの偽装による電話番号確認の回避」、「オンライン決済における取引認証の回避」の3つのシナリオを示している⁷。2要素認証の回避につながるリスクは、iOSの自動入力がPayPayの偽サイトで発動した前回の検証で確認している。今回の検証ではAndroidの自動入力がPayPalの偽サイトで発動するか確認する。 2要素認証の回避 PayPalの偽サイトは前回と同様にMITMフィッシングフレームワーク「Evilginx2」で複製し、一般利用者が誤ってアクセスしないようインバウンド接続を制御した。Android 11のChro

                                                      SMS OTPの自動入力によるリスクとその対策
                                                    • ChatGPTプラグイン「Notable」だけでデータ分析コンペに挑戦してみた話 - Qiita

                                                      ChatGPTプラグインの「Notable」を使って、データ分析コンペに挑戦してみたところ、想像以上の結果を出してくれたので共有します。 今回は人間は簡単な指示を出すだけで、ほとんど全てをChatGPTに任せる方針で行なっています。 こちらの記事のように上位6.5%に入りました!という華やかな結果にはなりませんでしたが、予想以上の結果にはなったのでぜひ最後まで読んでみてください!! データサイエンティストがChatGPTを活用するための記事をまとめているので、こちらもぜひ参考にしてみてください。 ChatGPTプラグインとは ChatGPTプラグインは、ChatGPTをサードパーティのアプリケーションと連携させるツールです。 これは、GoogleスプレッドシートのアドオンやGoogle Chromeの拡張機能と同様に、公式だけでなく第三者の開発者が作成した機能をChatGPTに追加すること

                                                        ChatGPTプラグイン「Notable」だけでデータ分析コンペに挑戦してみた話 - Qiita
                                                      • MozillaはFirefoxへのユーザーの愛を取り戻せるのか? - YAMDAS現更新履歴

                                                        Mozilla wants you to love Firefox again - Fast Company Mozilla は再び Firefox を好きになってもらいたいみたいだけど、その過程で Firefox の最も忠実なユーザーの気分を害さずにいられるだろうか? という Fast Company の記事だが、ワタシはもう何年になるかは覚えていないが、長らく Firefox をメインブラウザとして使い続けてきた奇特な人間としては気になるところである。 この記事が最初に取り上げるのは、先月の Firefox が広告のためにユーザーデータを集める機能をデフォルトでオンに設定した話である。 プライバシーの専門家によれば、このデフォルト設定はほとんど無害らしいが、少なからぬ Firefox ユーザはこれを裏切り行為と見た(ワタシ自身も上でリンクした GIGAZINE の記事に従って、反射的に

                                                          MozillaはFirefoxへのユーザーの愛を取り戻せるのか? - YAMDAS現更新履歴
                                                        • Webカメラだけで手・顔・ポーズの検出できるBlenderアドオンがベータ版として無償公開/「OpenCV」と「MediaPipe」を活用

                                                            Webカメラだけで手・顔・ポーズの検出できるBlenderアドオンがベータ版として無償公開/「OpenCV」と「MediaPipe」を活用
                                                          • 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

                                                              GitHub - hediet/vscode-drawio: This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
                                                            • 画面キャプチャを仮想カメラとして扱えるようにするChrome拡張を作ってみる

                                                              この記事について 先日、@catnoseさんがカメラ映像の代わりに絵文字(Emoji)を配信するためのサービスを公開されました。凄く完成度が高くて良いサービスだと思ったので、さっそく使ってみたのですが、仮想カメラとして使用するためには OBS Studio が必要でした。[1] サービスを使うには全然申し分無いのですが、「 もっと簡単にできたらなぁ~ 」と思ってしまうのが私の悪い所で、すぐさまブラウザのみでどうにかできないかと調べてみると、色々な制約はありますが、Chrome 拡張を使うことで OBS Studio を使わずとも仮想カメラを使用できることが分かりました。 実装も簡単にできるので、 今回は Google Meet で、画面キャプチャを仮想カメラとして表示する Chrome 拡張を作って行こうと思います 💪 今回作るモノについて 今回この記事で作る Chrome 拡張は、上記

                                                                画面キャプチャを仮想カメラとして扱えるようにするChrome拡張を作ってみる
                                                              • GitHub Actionsのワークフローを利用してクロスブラウザのE2Eテストを自動化する - Money Forward Developers Blog

                                                                こんにちは。 『マネーフォワード クラウド経費』のフロントエンドエンジニアをしている木村(@kimromi)です。 Ruby on Railsを利用してサービス開発を進めているプロダクトのフロントエンドの環境を整えていき、UIの改善やフロントエンド側の開発効率アップなどにつなげていくような動きを現在やっています。 なぜクロスブラウザのE2Eテストが必要になったか ある日、IE11のみでJavaScriptエラーが起こり動作しないとの連絡が入り、慌てて対象のプルリクエストをリバートしたということが起こりました。 原因としてはライブラリの追加によるものでした。 現在フロントエンドの改修を行っていく中で、ライブラリの追加やビルド方式の変更などドラスティックな変更をすることが多くなってきています。 そのたびにMicrosoftからダウンロードできるVM環境を立ち上げ手元で確認するのは手間がかかり確

                                                                  GitHub Actionsのワークフローを利用してクロスブラウザのE2Eテストを自動化する - Money Forward Developers Blog
                                                                • 2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()

                                                                  ブラウザは日々進化しています。2021年もブラウザには多くの新機能が追加されました。 私はCSSの新機能を1年かけてチェックしてきましたが、その中でもとりわけ便利だと思った3つの機能を紹介します。いずれも、2021年に全モダンブラウザ(Chrome、Firefox、Microsoft Edge、Safari)で使えるようになったもので、日々の開発をラクにしてくれることでしょう。 動画や画像のアスペクト比を指定できるaspect-ratioプロパティ aspect-ratioプロパティとは、ボックスのアスペクト比(幅と高さの比率)を指定するプロパティです。 構文

                                                                    2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()
                                                                  • Chrome拡張でマスタデータ管理ツールを作ったら開発に変化が起きた話(ツール公開しました) - Qiita

                                                                    よくある運用 マスタデータの管理方法として多いのは、Excelなどの表計算ソフトを使ってデータを作成し、それをGitHubで管理しつつ、実際にDBなどへデプロイさせる方法かと思われます。 そしてこれを実現するにあたって、出来るだけエンジニアの負担を減らせるよう、データ作成者にGitクライアントの使い方やデプロイ方法をレクチャーします、が... マスタデータ管理ツールの誕生 ただ、そこで気になるのは、結果的にデータ作成者の負担が増えてしまうことです。 大体の場合、表計算ソフト以外のツールも触ることになり、もう少し手軽にできないかと考えていました。 そこで今回は、Chrome拡張とSpreadsheetを用いて、データ作成者がChromeだけでデータの作成から反映までできるツールを作成しました。 少し前から、Spreadsheetでデータを作成後にデプロイツール実行一つでデータを反映する、とい

                                                                      Chrome拡張でマスタデータ管理ツールを作ったら開発に変化が起きた話(ツール公開しました) - Qiita
                                                                    • ウェブ記事のテキストに直リンクが張れるChrome拡張機能が完全に神!

                                                                      ウェブ記事のテキストに直リンクが張れるChrome拡張機能が完全に神!2020.06.22 13:0031,751 Victoria Song - Gizmodo US [原文] ( そうこ ) 考えた人、神寄りの人。 え…、もしかしたら、人寄りの神なの? とんでもなく便利な拡張機能がChromeにやってきました。「Link to Text Fragment 」は、ウェブ記事のテキストに直リンクできる機能。記事のページへのリンクじゃないですよ、記事中の特定箇所をハイライトし、そこに直接飛ばせるURLを作れる機能なんです。しかも、使い方がめちゃくちゃ簡単。 1:リンクをつくる拡張機能をインストール後、リンクを張りたいテキストをハイライトして右クリック。オプションに表示されるLink to Text Fragmentのアイコンと「Copy Link to Selected Text」をクリック

                                                                        ウェブ記事のテキストに直リンクが張れるChrome拡張機能が完全に神!
                                                                      • ソースコードの断片をスタイリッシュな画像にするVisual Studio Code拡張機能/Twitterなどで共有したいときに便利なインスタントプリントツール「Polacode」【レビュー】

                                                                          ソースコードの断片をスタイリッシュな画像にするVisual Studio Code拡張機能/Twitterなどで共有したいときに便利なインスタントプリントツール「Polacode」【レビュー】
                                                                        • vscode.dev Visual Studio Code for the Web

                                                                          Version 1.93 is now available! Read about the new features and fixes from August. vscode.dev(!) October 20, 2021 by Chris Dias, @chrisdias Back in 2019, when the .dev top-level domain opened, we picked up vscode.dev and quickly parked it, pointing at our website code.visualstudio.com (or, if you are from the Boston area like me, we "pahked it"). Like a lot of people who buy a .dev domain, we had n

                                                                            vscode.dev Visual Studio Code for the Web
                                                                          • Chrome向け拡張機能「The Great Suspender」がマルウェア化しているという指摘

                                                                            非アクティブ状態のタブを一時停止してくれる拡張機能「The Great Suspender」が、新たな所有者のもとで不審な更新が行われたということが指摘されており、ソフトウェア開発者のデビッド・フォスター氏が対策を示しています。 I no longer trust The Great Suspender | DaFoster https://dafoster.net/articles/2021/01/20/i-no-longer-trust-the-great-suspender/ I no longer trust The Great Suspender | Hacker News https://news.ycombinator.com/item?id=25846504 [Open Source Development] The Great Suspender Saga, or, “I

                                                                              Chrome向け拡張機能「The Great Suspender」がマルウェア化しているという指摘
                                                                            • Mozilla公式の無料捨てメアド生成サービス「Firefox Relay」がGoogle Chromeに対応&転送可能容量が10MBに増加

                                                                              ウェブサービスへの新規登録やオンラインショッピングの際にメールアドレスを入力すると、メールアドレスの流出や悪用などの被害を受ける可能性があります。この問題に対応するべく公開されたFirefoxの開発元・Mozillaのメール転送用の捨てメールアドレス生成サービス「Firefox Relay」が、2022年3月10日(木)に「転送可能容量の増加」「Google Chrome向け拡張機能の提供」「メールマガジンのフィルタリング機能」などの新機能に対応しました。 Latest Firefox Relay includes bigger attachment size and filters for promotional emails https://blog.mozilla.org/en/mozilla/latest-firefox-relay-includes-bigger-attachme

                                                                                Mozilla公式の無料捨てメアド生成サービス「Firefox Relay」がGoogle Chromeに対応&転送可能容量が10MBに増加
                                                                              • 2020年向け 開発者向けブラウザ拡張機能9選 - Qiita

                                                                                こちらの記事は、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

                                                                                  2020年向け 開発者向けブラウザ拡張機能9選 - Qiita
                                                                                • 「まだFirefoxなんか使ってるの?」とMicrosoftが煽りはじめたと話題

                                                                                  Microsoftのブラウザ「Internet Explorer」はかつて圧倒的なシェアを誇っていましたが、2016年にはChromeだけでなくFirefoxにまでシェア争いで敗北を喫してしまいました。巻き返しを狙うMicrosoftは、2020年1月からChromium版「Microsoft Edge」をリリースしていますが、さらにWindows 10でFirefoxユーザーを煽(あお)りはじめたと話題になっています。 This must be the most cringing suggestion text I have ever seen in win10. : Windows10 https://www.reddit.com/r/Windows10/comments/f0psu6/this_must_be_the_most_cringing_suggestion_text_i/

                                                                                    「まだFirefoxなんか使ってるの?」とMicrosoftが煽りはじめたと話題