この記事について 先日、@catnoseさんがカメラ映像の代わりに絵文字(Emoji)を配信するためのサービスを公開されました。凄く完成度が高くて良いサービスだと思ったので、さっそく使ってみたのですが、仮想カメラとして使用するためには OBS Studio が必要でした。[1] サービスを使うには全然申し分無いのですが、「 もっと簡単にできたらなぁ～ 」と思ってしまうのが私の悪い所で、すぐさまブラウザのみでどうにかできないかと調べてみると、色々な制約はありますが、Chrome 拡張を使うことで OBS Studio を使わずとも仮想カメラを使用できることが分かりました。 実装も簡単にできるので、 今回は Google Meet で、画面キャプチャを仮想カメラとして表示する Chrome 拡張を作って行こうと思います 💪 今回作るモノについて 今回この記事で作る Chrome 拡張は、上記
2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()
ブラウザは日々進化しています。2021年もブラウザには多くの新機能が追加されました。 私はCSSの新機能を1年かけてチェックしてきましたが、その中でもとりわけ便利だと思った3つの機能を紹介します。いずれも、2021年に全モダンブラウザ（Chrome、Firefox、Microsoft Edge、Safari）で使えるようになったもので、日々の開発をラクにしてくれることでしょう。 動画や画像のアスペクト比を指定できるaspect-ratioプロパティ aspect-ratioプロパティとは、ボックスのアスペクト比（幅と高さの比率）を指定するプロパティです。 構文
Mozilla wants you to love Firefox again - Fast Company Mozilla は再び Firefox を好きになってもらいたいみたいだけど、その過程で Firefox の最も忠実なユーザーの気分を害さずにいられるだろうか？ という Fast Company の記事だが、ワタシはもう何年になるかは覚えていないが、長らく Firefox をメインブラウザとして使い続けてきた奇特な人間としては気になるところである。 この記事が最初に取り上げるのは、先月の Firefox が広告のためにユーザーデータを集める機能をデフォルトでオンに設定した話である。 プライバシーの専門家によれば、このデフォルト設定はほとんど無害らしいが、少なからぬ Firefox ユーザはこれを裏切り行為と見た（ワタシ自身も上でリンクした GIGAZINE の記事に従って、反射的に
ウェブ記事のテキストに直リンクが張れる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｣をクリック
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
非アクティブ状態のタブを一時停止してくれる拡張機能「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拡張でマスタデータ管理ツールを作ったら開発に変化が起きた話（ツール公開しました） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? よくある運用 マスタデータの管理方法として多いのは、Excelなどの表計算ソフトを使ってデータを作成し、それをGitHubで管理しつつ、実際にDBなどへデプロイさせる方法かと思われます。 そしてこれを実現するにあたって、出来るだけエンジニアの負担を減らせるよう、データ作成者にGitクライアントの使い方やデプロイ方法をレクチャーします、が... マスタデータ管理ツールの誕生 ただ、そこで気になるのは、結果的にデータ作成者の負担が増えてしまうことです。 大体の場合、表計算ソフト以外のツールも触ることになり、もう少し手軽にできないかと考えてい
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
Language Reactor
Language Reactor: your language learning toolbox. Discover, understand, and learn from native materials, including Netflix and YouTube. (Formerly called 'Language Learning with Netflix'.)
TestCafe で E2E テストを始めよう #1 - 概要説明 と Hello World | Recruit Tech Blog
TestCafe とは？ TestCafe とは、Developer Express Inc. というアメリカのシステム開発会社が開発している E2E テストツールです。 A node.js tool to automate end-to-end web testing | TestCafe 同社はもともと TestCafe Studio という IDE（E2E テストケースオーサリングツール）を商用として提供していましたが、2016 年に TestCafe Studio のコア部分を OSS として提供するようになりました。今回ご紹介するのは、このコア部分についてです。 シリーズ一覧 概要説明 と Hello World 👈 この記事 ベーシック認証とユーザーロール（アカウント認証） よりプログラマブルな作りにする 関心の分離・メンテナブルなテストを書くためのベストプラクティス 大まか
Amazon Prime Videoの映画、ドラマ、アニメで楽しく語学学習。もちろん無料です。
こんにちは、うみのです。 今回はVSCodeにて、よく使っている拡張機能や開発時のテンションを向上させる拡張機能を紹介したいと思います。 VSCode自体はここからダウンロードできます。 indent-rainbow indent-rainbowをインストールすると、ソースコードのインデントに色がついて見やすくなります。 ただインストールしただけでは色が薄いので、設定ファイルから自分好みの色に編集します。 最終的には下記のような色合いのインデントが作成できました。 インデントの色編集の詳しい説明は「虹色のVSCodeでテンション上げて開発する！」で書かれています。
個人的に超便利な Chrome 拡張を作ってみたので紹介です。 作ったもの Chikamichi（近道）という閲覧履歴・ブックマーク・タブを横断的に検索し移動できる Chrome 拡張です。 機能
今回のコラムでは、2023年7月3日現在、Noteで「もっと注目されるべき価値がある！」と私が感じた記事を紹介させていただきます。 読者の皆様のお役に立ち、ChatGPTをさらに活用できる内容になっているので、ぜひ最後までご覧くださいっ！ 【革新！】ChatGPT APIで最新のお天気情報を取得！ ChatGPTの機能を拡張する新たなツール Function API. これを活用すればさまざまな機能をChatGPTに実装できます。 記事では、Open-MeteoのAPIと組み合わせて、あなたの質問に対する天気情報を即座に提供するプログラムが紹介されています。 これから、どんどんChatGPTと連携した便利なサービスが登場しそうです！
オープンソースの誕生
VA Researchの歴史においてオープンソースは外せない話題であるが、特に1998年の2月から4月までの期間はVAを抜きにしてもオープンソースにとって極めて重要な出来事が多いのでやや詳細に書いていく。現在、一般的にオープンソースの誕生は下記のように説明されることが多いのではないかと思う。 「Netscapeブラウザのソースコード公開計画の公表を受け、1998年2月にLinuxとフリーソフトウェアの開発者、コミュニティリーダーらがシリコンバレーに結集し、フリーソフトウェアに替わる用語としてオープンソースという言葉を生み出し、その定義を定め、オープンソースという商標を管理する組織を作った。Linus Torvaldsなどの著名なハッカーがそれに対して賛同し、一般に広まった。」 特にフェイクが含まれているわけでもないし、大概これで問題ないようには思うのだが、何故、この言葉を生み出す必要があっ
手順書作成の未来（の 1 つの形）を Visual Studio Code の Extension にみたという話 | DevelopersIO
はじめに システム運用においては、なんらかのリソースを作成や削除したり、設定値を変更したりとさまざまな変更作業が発生します。その際、なんらかの手順書（Markdown や Excel 等）を準備して、作業をすることが一般的だと思います。 本記事では「変更手順の作成」と「その手順を実施する」という 2 点にフォーカスして、これらを支援する Visual Studio Code（以下、VS Code）の Extention をご紹介します。 なお、本 Extention は Azure でのみ使用可能な点にご注意ください。 補足: 手順書がどうあるべきかについては多くの意見があるため、この記事では触れません。 この辺りについては、運用設計ラボ様の素晴らしいスライドがあるので、末尾の参考資料にリンクしておきます。 Azure CLI Tools について 今回ご紹介するのは、Azure CLI
by Johnathan Nightingale Mozillaが開発するウェブブラウザ・Firefoxは、ユーザーのプライバシー保護に注力したブラウザだと宣伝されています。そんなFirefoxが提供する「強化型トラッキング防止」機能について、Googleアナリティクスの追跡を回避する方法がSNS上で話題となっています。 ????Firefox replaces GA with a fake no-op GA (rather than outright blocking it) in strict tracking protection, to prevent websites from breaking: "Google Analytics is being shimmed by Firefox. See https://t.co/mfx5HZxueL for details." pic
オープンソースで開発されているウェブブラウザ「Firefox」には、多くの機能が搭載されています。そんなFirefoxの機能の中でも「使いこなせばインターネットの達人になれる機能」を開発元のMozillaが解説しています。 11 secret tips for Firefox that will make you an internet pro https://blog.mozilla.org/en/products/firefox/firefox-tips/firefox-secret-tips/ ・目次 ◆01：ページを他の端末へ送信 ◆02：タブを検索 ◆03：スクリーンショットを撮影 ◆04：閉じたタブを開き直す ◆05：Pocketへ保存 ◆06：Picture in Picture ◆07：カラーピッカー ◆08：最近の履歴を簡単削除 ◆09：強力なパスワードを生成 ◆10：以
この記事は、東京大学工学部電子情報工学科/電気電子工学科の後期実験「大規模ソフトウェアを手探る」のレポートとして作成されました。 Undo/Redo の履歴が消える悲しみ 編集系のソフトウェアで誰もがお世話になっているであろう Undo/Redo 機能ですが、このような悲しみに襲われたことはないでしょうか？ 「以前の状態に戻したいのに、履歴が消えて戻せない〜〜〜」 講義室でアンケートを取ったところ、8 割以上の方がこの悲しみを経験されていたようです。 といっても、ピンとこない方がいると思うので、具体的にどういう問題があるのか説明していきます。 テキストエディタを例にとります。まず、操作 A, B, C を行います。ここでいう「操作」は、文字列の入力や Back space など、Undo/Redo 以外でエディタの編集状態を変えるものを指します。 続いて Undo を行います。 続いて操作
私がVSCodeに入れている拡張機能
記事の動機 VSCodeの拡張機能何入れてますか？と聞かれることが多いので忘備録的に残します。 Language Japanese Language Pack for Visual Studio Code 日本人なので、日本語が母国語です。 英語のUIでも操作に支障はありませんが、一眼でどういう挙動をするのか理解できる状態は作業の効率につながります。 Linter, Formatter ESLint javascript系のlinterです。 ファイルを保存時にプロジェクトにある設定ファイルを読み込んで自動修正をしてくれたりしてくれます。（要設定） Prettier - Code formatter いろんなファイルをフォーマットしてくれるやつです。 ファイルを保存時にプロジェクトにある設定ファイルを読み込んで自動修正をしてくれたりしてくれます。（要設定） Stylelint スタイルにま
Googleが提供するウェブブラウザの「Google Chrome」には、ブラウジングを便利にするさまざまな拡張機能を追加できる「Chromeウェブストア」が存在します。スタンフォード大学のセキュリティ専門家チームが、Chromeウェブストアから入手した拡張機能が原因で、数億人ものユーザーがマルウェアに感染していることを報告しています。 [2406.12710] What is in the Chrome Web Store? Investigating Security-Noteworthy Browser Extensions https://arxiv.org/abs/2406.12710 Security experts find millions of users running malware infected extensions from Google Chrome Web
We found both options to be largely viable for the core feature set. Which left us with one final hang-up: we host free-tier projects on VMs with 1 GB of memory. After tallying the resources reserved for PostgreSQL, PostgREST, Kong, GoTrue, and a handful of smaller services, we were left with a total memory budget of ... 0 MB 😬. Unsurprisingly, our pathological memory target disqualified any opti
MomentumImage: Momentumまずは、スタートページを美しく便利にすることから始めましょう。 Momentumはいちばん人気のあるChrome拡張機能のひとつですが、それもそのはず。これを使うと、毎日新しい背景の画像で1日のスタートを切ることができます。 さらには、あれこれ追加できるモジュールもあります。たとえば、やる気を起こしてくれるフレーズや、スローガン、時刻、ToDoリストなどです。 でも、いちばん嬉しいのは、何もかもを排除して、時刻と画像だけを表示できるところでしょう（米LH編集部のスタッフはだいたいそうしています）。 StayFocusdImage: StayFocusdChromeはインターネットへの入口です。とはいえ、インターネットは集中力を妨げる邪魔な存在にもなりえます。そんなときに助けてくれるのがStayFocusdです。 この拡張機能を使うと、サイトで過
The Go team 9 June 2020 When the Go project began, “an overarching goal was that Go do more to help the working programmer by enabling tooling, automating mundane tasks such as code formatting, and removing obstacles to working on large code bases” (Go FAQ). Today, more than a decade later, we continue to be guided by that same goal, especially as it pertains to the programmer’s most critical tool
ニャタBE on Twitter: "Blenderを覚えたいと思ってる絵描きさんは是非Image as planeという拡張機能を試して欲しくて これで描いた絵を取り込んでナイフツールで適当に凸凹を付けたらお手軽に３D化出来るよっていう素敵機能です ３枚目に入れ方… https://t.co/KuMTtio9K8"
Blenderを覚えたいと思ってる絵描きさんは是非Image as planeという拡張機能を試して欲しくて これで描いた絵を取り込んでナイフツールで適当に凸凹を付けたらお手軽に３D化出来るよっていう素敵機能です ３枚目に入れ方… https://t.co/KuMTtio9K8
FirefoxとChromeのバージョンが初の3ケタ「100」になるとユーザーエージェント文字列が原因で一部のサイトが破損する可能性があるとの警告
2022年2月時点でのFirefoxとGoogle Chromeの最新バージョンはどちらも「97」となっており、2022年の5月にはどちらもバージョン番号が大台の「100」に到達します。これに伴い、ブラウザがどのバージョンのものかを特定しようとするウェブサイトが破損する可能性があると、両ブラウザの開発者が警告しています。 Version 100 in Chrome and Firefox - Mozilla Hacks - the Web developer blog https://hacks.mozilla.org/2022/02/version-100-in-chrome-and-firefox/ Chrome and Firefox soon to reach major version 100 https://web.dev/chrome-firefox-100/ Firefox
Firefox上でサービス登録用の捨てメアドを無限に自動生成して管理してくれる「Firefox Relay Premium」が登場
ランダムな文字列を含むメールアドレスを生成し、自分が本来使っているメールアドレスに紐付けたメールエイリアスとして利用できる基本無料のFirefox公式サービスが「Firefox Relay」です。Firefoxを提供するMozillaが、Firefox Relayの有料のプレミアムプランである「Firefox Relay Premium」の提供を開始しました。 Introducing Firefox Relay Premium, allowing more aliases to protect your identity from spammers https://blog.mozilla.org/en/mozilla/firefox-relay-and-premium-service/ Firefox Relayはアドオンを導入することで利用可能になるサービスで、Firefoxアカウント
Chrome Extension を作った際にいくつかハマったことがあったのでメモします。 ページ上での JavaScript 実行結果を取得する scripting.executeScript を使うのですが、関数を指定する形式のみしか値が返ってきません。ファイルを指定する形式と同じページに書かれており、制限が明確に書かれていないため紛らわしいので注意が必要です。 NG 次は実行結果が null として返ってきます。 function getTitle() { return document.title; } // returns null getTitle(); // same result // (() => getTitle())(); async function walkDocumentTitle() { const tabId = getTabId(); const inje
VSpaceCodeは，Spacemacsのようなkey bindingをVSCode上で実現するための拡張です．本記事では，VSpaceCodeについて簡単に紹介します． VSpaceCodeとは VSpaceCodeは，冒頭に述べたとおりSpacemacsのようなkey bindingをVSCode上で実現する拡張です．Spacemacsのようなkey bindingとは，デフォルトのleaderであるspaceキー␣を起点とした操作のことです．以下が例になります． VimでNormalモードの時にleader（␣）を押すと，コマンドパレットが表示される 続く候補の操作のためのキーを押す 操作を実行 公式のデモが分かりやすいです 例えば␣ w / は，windowを分割する操作（コマンド）になります． VSpaceCodeを使う大きな利点は，画面上側に入力に応じてコマンド候補が表示され
今日から効率UP！Web運営の現場で使われているChrome拡張機能30選 | ［マナミナ］まなべるみんなのデータマーケティング・マガジン
ネット関係のマーケター、あるいはWebサイト運営者はブラウザに触れている時間が長い職種の一つと言えるでしょう。Webページやあるデザイン要素の構成要素をチェックすることは、技術的に詳しい方ならディベロッパーツールなどで色々可能です。 一方、一回一回は大した手間でなくても、大量のURLをチェックするなど作業量がある領域では、Chrome拡張機能の助けを得ることが効率化の近道です。ブラウザの拡張機能とは、組み込むことでChromeの機能をアップできる仕組みです。Googleから公式の「Chrome ウェブストア」が提供されていて、選んでインストールするだけで新しい機能が使えるようになります。 今回は作業量を減らせるChrome拡張機能を厳選してご紹介します。もしまだ使っていないのであれば、ぜひ試してみてはいかがでしょうか。
ごにょごにょごにょごにょ… ということでここまで約8時間、快適なオンラインビデオ会議について講義を行ってきましたが、理解できましたか？もうあなた方は立派にGoogle Meeeeetが使えます！ というわけで、今日はGoogle Meetを少しだけ快適に使うハックの話をします。CTOの長谷川です。 Google Meetって? Google MeetはZoomやSkype、Teamsなどと同様にインターネット経由で手軽にビデオ会議が行える、Googleによるサービスです。過去にはサービス名が「Google ハングアウト」「Google ハングアウト Meet」だったこともあり、オンラインの記事ではあちこち旧称も混ざったりと表記が揺れてますが、この記事ではGoogle Meetに統一します(Meeeeetではないです)。 Google Meetと他のサービスを比べてみると、以下のような差異が
Playwright
Playwright enables reliable end-to-end testing for modern web apps. Cross-browser. Playwright supports all modern rendering engines including Chromium, WebKit, and Firefox. Cross-platform. Test on Windows, Linux, and macOS, locally or on CI, headless or headed. Cross-language. Use the Playwright API in TypeScript, JavaScript, Python, .NET, Java. Test Mobile Web. Native mobile emulation of Google C
ウェブブラウザ「Firefox」を開発するMozillaが、ローカルで動作するFirefox用機械翻訳アドオン「Firefox Translations」を公開しました。Google翻訳やDeepL翻訳などの翻訳サービスとは異なり、翻訳はクライアントサイドで実行され、データが完全にプライベート化されるのが特徴です。 Firefox Translations – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/firefox-translations/ Mozilla releases local machine translation tools as part of Project Bergamot https://blog.mozilla.org/en/mozilla/local-translatio
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面キャプチャを仮想カメラとして扱えるようにするChrome拡張を作ってみる
MozillaはFirefoxへのユーザーの愛を取り戻せるのか？ - YAMDAS現更新履歴
ウェブ記事のテキストに直リンクが張れるChrome拡張機能が完全に神！
ソースコードの断片をスタイリッシュな画像にするVisual Studio Code拡張機能／Twitterなどで共有したいときに便利なインスタントプリントツール「Polacode」【レビュー】
vscode.dev Visual Studio Code for the Web
Chrome向け拡張機能「The Great Suspender」がマルウェア化しているという指摘
日本製の「Firefox」強化版「Floorp」は標準装備でも使い勝手良好でカスタマイズ性も強力／縦型のツリータブやページ翻訳、QRコード表示機能などを初期状態で搭載【レビュー】
「Firefox」のキャッシュからTwitterデータが漏洩 ～MozillaはTwitterの非標準実装を批難／「Google Chrome」や「Safari」には影響なし
Googleが高精度かつ高速にファイル形式を判別するツール「Magika」公開
Google、「Microsoft Excel」マクロを「Google スプレッドシート」向けに変換するアドオンを公開／Google Workspace Enterprise Plus/G Suite Enterprise for Educationのみ
Subtitles for Language Learning (Prime Video)
VSCodeでのコーディングを楽しく！ オススメ拡張機能10選！
閲覧履歴・ブックマーク・タブを横断的に検索し移動できるChrome拡張を作ってみた
https://jp.techcrunch.com/2021/09/25/2021-09-21-lets-encrypt-root-expiry/
知らなきゃ損損！SNSでバズったChatGPTの意外な活用事例10選 | WEEL
Firefoxはどのようにして「Googleアナリティクス」による追跡を無効化しているのか？
使いこなせばインターネットの達人になれる「Firefoxの秘密の便利機能11選」をMozillaが解説
【VSCode】Undo/Redoに革命を起こしたい - Qiita
Chromeウェブストアの拡張機能が原因でマルウェアに感染しているユーザーは数億人に上ることが判明
pg_graphql: A GraphQL extension for PostgreSQL
これだけ入れとこ！ 使える場面多めなChrome拡張機能11選 | ライフハッカー・ジャパン
「Twitter」のブックマークに検索機能を追加するGoogle Chrome/Firefox拡張機能／Microsoft Edgeでも利用可能【レビュー】
The VS Code Go extension joins the Go project - The Go Programming Language
Chrome Extension を円滑に作るためのポイント
VSCode上のVim操作を快適にする拡張 VSpaceCode の紹介
Google MeetのWebカメラを加工してみよう！ - セキュアスカイプラス
Mozillaがオフラインでも使える翻訳ツール「Firefox Translations」を公開
aka-link.net
www.yomiuri.co.jp
www.bloomberg.co.jp
kinebiotoriyose.xblog.jp
president.jp
www.nikkei.com