Vitest Browser Modeがアツい
Background これまでVitestでコンポーネントのテストを行う時は、jsdom や happy-dom を使ってブラウザ環境を偽装していました。しかし、偽のブラウザ環境を使うことは多くの問題があり、また開発者はテスト以外でどこにも存在しない環境を作り上げるという不毛な作業が必要でした。 この問題を解決するために、Playwright や Cypress などのテストフレームワークは Component Test をサポートしています。しかし、UnitテストでPlaywrightやCypressを使うのは少々Fatであり、Reactのhooksなどのテストをすることができません。 Vitest Browser Modeを使用することで、Vitest上でComponent Testが可能となり、これらの問題を解決できます。 Installation Browser ModeのSetu
Announcing Storage Browser for Amazon S3 for your web applications (alpha release) - AWS
Announcing Storage Browser for Amazon S3 for your web applications (alpha release) Amazon S3 is announcing the alpha release of Storage Browser for S3, an open source component that you can add to your web applications to provide your end users with a simple interface for data stored in S3. With Storage Browser for S3, you can provide authorized end users access to easily browse, download, and upl
GitHub - browser-use/browser-use: Make websites accessible for AI agents
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
アシアル代表の田中です。こちらのブログでは久しぶりの投稿ですが、相変わらずハンガリーにて暮らしています。 Chrome向けChatGPT Search拡張機能について 最近ChatGPT Searchが公開され、私のアカウントでも利用できるようになっていました。Chromeブラウザー向けのChatGPT Search拡張機能も同時に公開されています。 実際にインストールすると、デフォルトの検索エンジンがChatGPTに切り替わります。アドレスバーに検索ワードを入力すると、ChatGPTが開き、ChatGPT Searchを用いて検索が行われます。 手軽にChatGPT Searchを用いて検索を行えるものの、使い勝手の面で少し改善したいと感じる所がありました。 1． デフォルト検索エンジンはGoogleのままがいい この拡張機能を入れると、問答無用でデフォルトの検索エンジンがGoogleか
ネット検索から調べものや買い物まで、普段何げなく使用しているWebブラウザは、閲覧履歴や使用状況などユーザーに関するさまざまな情報を収集している。しかしそうした情報の収集量は、各ブラウザによって大きな差がある実態が、セキュリティ企業の調査で浮き彫りになった。飛び抜けて貪欲にユーザー情報を収集していたのは、世界で筆頭人気のあのブラウザだった。 この調査はプライバシー保護に重点を置くオランダのサイバーセキュリティ企業Surfsharkが、5月現在の米国のトップ10ブラウザを対象に実施。それぞれについてApple App Storeで公開中のプライバシー情報を分析し、ユーザー情報の収集や広告目的のデータ収集状況について調べた。 その結果、収集しているデータの種類は「Google Chrome」が20種類と突出して多いことが分かった。これと比較して、他の9ブラウザが収集しているデータは平均で6種類
オープンソースで開発される「Zen Browser」はパフォーマンスを考慮して構築されたウェブブラウザで、「ブラウジングが可能な限り高速になるように最適化されている」というのが特徴です。Zen BrowserはMozilla Firefoxがベースになっており、アルファ版が無償で公開されています。 Zen Browser https://www.zen-browser.app/ GitHub - zen-browser/desktop: 🌀 Experience tranquillity while browsing the web without people tracking you! https://github.com/zen-browser/desktop 上記の公式サイトにアクセスし、「Download Zen Browser」をクリック。 OSを選択して「Continue」
Steven J. Vaughan-Nichols （Special to ZDNET.com） 翻訳校正： 川村インターナショナル 2024-11-08 07:00 筆者がインターネットを使い始めた頃、ウェブはなかった。インターネットを使用していたのは、コンピューターサイエンティストやマニアだけだった。その後、ウェブが登場して、誰でも使えるようになった。もっとも、「Trumpet Winsock」と「Mosaic」を使いこなせる人なら、という話だが。実際にほとんどの人にウェブへの扉を開いたのは、「Netscape Navigator」だった。これは、30年前に登場し、初めて一般的に利用されるようになった使いやすいウェブブラウザーだ。 1994年、Marc Andreessen氏とJim Clark氏がMosaic Communications Corporationを創設し、すぐに社名を
選定の方針 ログイン機能があるような、ユーザーが極端に多くないサービスを想定しています。 開発効率の重視して、出来るだけWebアプリ開発に集中できる構成を目指しています。 コスト理由で中断しないように、個人でも支払える費用感を意識しています。 EditorはCursorがおすすめ 開発用のエディタはCursorがおすすめです。 LLMへの質問や修正を依頼する時に、修正対象と一緒に関連しそうなコードも送ってくれるので質問に対する回答の精度が高くなる (既存のコードに合わせた回答・修正をしてくれる) コードをLLM側の学習に使わないようにしてくれる設定もあるのでセキュリティ的にも安心 (1) エディタ右上の歯車のマークをクリック (2) Privacy Mode を enabled に変更する より詳細な機能の解説はこちらの記事がわかりやすかったです。 (僕は契約できていませんが、GitHub
ウェブ開発に関するHTML、CSS、JavaScriptの新機能は次々と登場します。このような新機能を紹介したブログ記事やSNSを見たことがあるかもしれません。新機能は、開発コストやユーザーエクスペリエンスを向上させるために重要ですが、ブラウザ側の対応状況により、すぐには導入できない場合もあります。本記事では、ウェブの新機能を実践投入するまでのプロセスとそのタイムラインについて考察します。 結論：新機能を取り入れる際の対応ブラウザの指針 まずは結論として、新機能を導入する際は次の3つの指針で判断していくと良いと考えます。 最新機能を取り入れつつメジャーなゾーンをカバーする：Chrome・Edgeの最新3バージョン、Safariの最新2世代のメジャーバージョン 最新機能を取り入れつつも、より幅広い対応を考える：上記に加えFirefoxの最新3バージョンとSafariの最新3世代のメジャーバー
The Speed-Based Vim GameThe goal of the game is to navigate to every target as quickly as possible. Once you navigate to a target, the next target will appear. Targets look like this: A. You have access to every vim motion command, so the most efficient time will make use of them. To start the race, click reset. Now your browser will be focused on the editor, so you can immediately starting using
Microsoftは10月1日(米国時間)、「Windows 11, version 24H2 known issues and notifications｜Microsoft Learn」において、同日リリースしたWindows 11 version 24H2(別名: Windows 11 2024 Update)に複数の不具合が存在すると発表した。これまでに確認された6件の不具合の概要と解決策が公開されている。 Windows 11, version 24H2 known issues and notifications｜Microsoft Learn 既知の不具合 Windows 11 version 24H2に存在する不具合の概要は次のとおり。 Safe Exam Browserバージョン3.7およびこれ以前のバージョンを実行できない可能性がある Easy Anti-Cheatを使
GitHub - ading2210/linuxpdf: Linux running inside a PDF file via a RISC-V emulator
This works in a very similar way to my previous DoomPDF project. You might expect PDF files to only be comprised of static documents, but surprisingly, the PDF file format supports Javascript with its own separate standard library. Modern browsers (Chromium, Firefox) implement this as part of their PDF engines. However, the APIs that are available in the browser are much more limited. The full spe
はじめに今、Xなどで話題になっている「Browser Use」は、AIがローカル環境のブラウザを自動操作できるようにするPythonライブラリです。 具体的には、Googleなどの検索サイトを開いて情報を収集したり、フォームへテキスト入力を行ったりといった「人の手作業」を代行してくれます。 「ブラウザを勝手に操作するなんて危なくないか？」と思う方もいるかもしれません。実際、便利な反面、マルウェアのリスクや情報流出の可能性を理解しておくことは重要です。 本記事では、Browser Useでできることや導入の流れ、セキュリティ面の注意点などをわかりやすく整理しました。 Browser Useの導入方法では、「ターミナル」や「コマンド」など聞き馴染みのない初心者の方にもわかりやすく解説していますので、初心者の方々も安心して読み進めてください。 Browser Useとはbrowser-use は
Roo-Clineを使ってみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 作成日：2025年1月6日(月) １．はじめに 本記事では、Visual Studio Code拡張機能「Cline」をベースにした自律型AIコーディングアシスタント「Roo-Cline」を紹介します。Roo-Clineは、高速かつ柔軟な機能と革新的な自律機能を備え、開発者コミュニティから注目を集めています。このパワフルなツールにより、開発作業の生産性を大きく向上させることができます。 以下では、Roo-Clineの概要と特徴を説明し、続いて主要機能や対応APIプロバイダーについて詳しく解説します。さらに、実際の開発現場での活用事例や、
CSS の `@property` ルールでカスタムプロパティを定義する CSS の @property ルールを使うことで、CSS のカスタムプロパティを定義できます。カスタムプロパティを定義することでプロパティの構文チェック、デフォルト値の設定、プロパティが値を継承するかどうかの設定などが可能になります。カスタムプロパティに誤った値が代入されることを防いだり、グラデーションのアニメーションなど、従来は実装が難しかった機能をサポートすることができます。 CSS の @property ルールを使うことで、CSS のカスタムプロパティ を定義できます。カスタムプロパティを定義することでプロパティの構文チェック、初期値の設定、プロパティが値を継承するかどうかの設定が可能になります。 @property --my-color { /** red や #fff のように色のキーワードまたはカラー
ElastiCache Redis Self Amplification Attack - freee Developers Hub
この記事は freee Developers Advent Calendar 2024 の 22日目のエントリーです。 こんにちは、PSIRTでtech leadをやっている eiji です。冬にモヒート作ろうとしたらライムが手に入らず、柑橘類だから秋から冬にとれるはずでは？ と調べたらライムは四季咲きだそうです。もしかして、ここでも買い負けているということ？ TL;DR Redisのnetwork帯域を使い果たして自滅する話 です。 RedisをCacheとした構成 Redisをcacheとして用いた構成は、ごくありふれたものだと思います。 Redisをcacheとして利用したよくある構成 session IDに対応するuser IDと各種statusを返してもらって処理をする、といった感じです。 user IDはbrowser側からcookieやheaderで送付してもらって、Redi
1. Computer use「Computer use」は、「CUA」(Computer-Using Agent)の実用的な応用であり、「GPT-4o」の視覚機能と高度な推論を組み合わせて、コンピューターインターフェースの操作やタスクの実行をシミュレートします。 2. Computer use のしくみ「Computer use」は、連続ループで動作します。このツールは click(x, y) や type(text) のようなコンピュータ操作を送信し、ユーザーのコードがそれをコンピュータやブラウザ環境で実行します。その後、結果のスクリーンショットがモデルに返されます。 このしくみにより、ユーザーのコードは人間がコンピュータインターフェースを操作する動作をシミュレートし、モデルはスクリーンショットを分析して環境の状態を理解し、次のアクションを提案します。 このループを活用することで、クリ
Agent mode: available to all users and supports MCP
April 7th, 2025 by Isidor Nikolic Agent mode is rolling out to all VS Code users! The agent acts as an autonomous pair programmer that performs multi-step coding tasks at your command, such as analyzing your codebase, proposing file edits, and running terminal commands. It responds to compile and lint errors, monitors terminal output, and auto-corrects in a loop until the task is completed. The ag
米アップルは米国時間2024年9月16日、iPhone向けの新OS「iOS 18」の提供を開始した。ホーム画面の自由度などが高まり、人工知能（AI）機能も加わる。マーケターが見逃せない機能はウェブブラウザーの「気をそらすものコントロール」だ。ユーザーがウェブページ上で不要だと感じる項目を削除できる機能で、実質的な広告ブロックの機能としてユーザーに広がる可能性がある。◇ ◇ ◇iOS 18
Claude Code の使い方｜npaka
「Claude Code」の使い方をまとめました。 ・Claude Code 1. Claude Code「Claude Code」は、Anthropicが開発したエージェントコーディングツールです。ターミナルに常駐し、コードベースを理解し、自然言語コマンドを通じてより速くコーディングできます。開発環境に直接統合することで、追加のサーバや複雑なセットアップなしにワークフローを合理化します。現在は研究プレビューとして提供されてます。 主な機能は次のとおりです。 ・コードベース全体のファイルの編集とバグの修正 ・コードのアーキテクチャとロジックに関する質問に回答 ・テスト、リンティング、その他のコマンドの実行と修正 ・Git履歴の検索、マージ競合の解決、コミットとPRの作成 「Claude API」の使用料金がかかります。 2. システム要件システム要件は、次のとおりです。 ・OS ・macO
Intro このエントリは、3rd Party Cookie Advent Calendar の 29 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 先日、Google より Privacy Sandbox の方針転換について発表があった。 本当は、まだ記事を書くには情報が足りていないため、あまり書く気はなかったが、今後出てくる発表に備えて経緯をまとめるために、「何がまだ分かっていないか」の現状を書いておくことにする。 Privacy Sandbox の方針転換 問題の記事は 2024/07/22 に公開された以下だ。 A new path for Privacy Sandbox on the web
Chrome“一強”、Webの進化は停滞した？「ブラウザの母」が語る、閉塞感を打破する鍵【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカスChrome“一強”、Webの進化は停滞した？「ブラウザの母」が語る、閉塞感を打破する鍵【フォーカス】 一般社団法人 WebDINO Japan 代表理事 瀧田 佐登子 国内大手IT企業でUNIX・インターネット事業に携わった後、米 Netscape 社でブラウザ製品の国際化・日本語化に従事。その後、 Netscape のソースコードを引き継ぐかたちで誕生したオープンソースブラウザ Firefox のリリースを機に、米 Mozilla 財団 （ Mozilla Foundation ）が設立されたのを受け、その日本支部として、2004年に Mozilla Japan を設立。代表理事として、 Mozilla の製品・技術の普及のみならず、Web標準技術やオープンソースの推進、Webの新たな可能性の探求や人材育成などにも取り組む。2017年7月より、社名を一般社団法人 Web
Browser UseのWeb UIを使いながらAIエージェントの業務システムへの適用を考える | DevelopersIO
はじめに ブラウザ操作を自動化する「Browser-Use」は、Pythonコードから呼び出すことができるツールです。生成AIの機能を使って非常に簡単にWebサイトを操作することができます。今回は、この機能を更に簡単に利用するためのWeb UIが公式からリリースされましたので試してみます。動作確認をしながら業務システムへの適用も考えてみたいと思います。 セットアップ Githubから必要なコードを取り出してセットアップを行います。 PC環境は以下です。 ・macOS Sequoia 15.2 pip install --upgrade pip pip install uv uv venv --python 3.11 source .venv/bin/activate git clone https://github.com/browser-use/web-ui.git cd web-ui
オープンＡＩ、ブラウザー開発検討 グーグルに対抗＝報道
米新興企業オープンＡＩが対話型人工知能（ＡＩ）「チャットＧＰＴ」を組み合わせたウェブブラウザー（閲覧ソフト）の開発を検討していると、ニュースサイト「ジ・インフォメーション」が１１月２１日報じた。写真はオープンＡＩのロゴ。２０２１年２月撮影のイメージ写真（２０２４年 ロイター/Dado Ruvic/Illustration） [２１日 ロイター] - 米新興企業オープンＡＩが対話型人工知能（ＡＩ）「チャットＧＰＴ」を組み合わせたウェブブラウザー（閲覧ソフト）の開発を検討していると、ニュースサイト「ジ・インフォメーション」が２１日報じた。
以下の記事が面白かったので、簡単にまとめました。 ・Computer-Using Agent 1. Computer-Using Agent「Computer-Using Agent」(CUA) は、「GPT-4o」の視覚機能と強化学習による高度な推論機能を組み合わせたモデルです。人間と同じように、画面に表示されるボタン、メニュー、テキスト フィールドなどのグラフィカル ユーザー インターフェイス (GUI) を操作するように学習されています。これにより、OSやWeb固有のAPIを使用せずにデジタルタスクを柔軟に実行できます。 「CUA」は、マルチモーダル理解と推論の交差点における長年の基礎研究を基に構築されています。高度なGUI認識と構造化された問題解決を組み合わせることで、タスクを複数のステップの計画に分割し、問題が発生した場合に適応的に自己修正することができます。この機能はAI開発の
Apple Maps
Your current browser isn't supportedSee Supported Browsers↗
推奨ブラウザを変更する話
この記事は SMat Advent Calendar 2024 の12月18日分の記事です。 株式会社エスマット エンジニアの中村です。 今回は現在取り組んでいる弊社のサービスの推奨ブラウザに関する話をしていきます。 現状のブラウザ推奨環境 スマートマットクラウドの推奨ブラウザは現在下記のようになっています。 推奨ブラウザ：Google Chrome、Safari、Firefox 非推奨ブラウザ：Internet Explorer、Microsoft Edge これは数年前に決めたものであり、現状の利用環境に合っていない状態にあります。 この推奨ブラウザは当時の利用率や市場動向、想定されるユーザーの利用環境から策定したもので、PCからの利用を考えて設定したものです。（スマホからの利用は想定していません）WEBブラウザのシェア率1位は2016年頃からGoogle Chromeが1位になり、2
1. 始めに こんにちは、morioka12 です。 本稿では、バグバウンティの脆弱性調査で使われている LLM の活用事例について少し紹介します。 1. 始めに 免責事項 2. LLM の活用事例 SimonW「LLM」 3. Recon CewlAI Subwiz ffufai Crawl4AI Athena WARC-GPT 4. Browser Extension Nuclei AI Extension 5. Web Proxy Plugin Shift (Caido) Caido403Bypasser (Caido) BurpGPT (Burp Suite) Add: Montoya API (Burp Suite) Hackvertor 6. ChatGTP Plugin PentestGPT Bug Hunter GPT Bounty Plz 7. 講演動画 Bug Boun
September 7, 2024 Hacker News Reddit Lobsters RussianI want to provide a smooth experience to my site visitors, so I work on accessibility and ensure it works without JavaScript enabled. I care about page load time because some pages contain large illustrations, so I minify my HTML. But one thing makes turning my blog light as a feather a pain in the ass. The hurdleSee, a major win in traffic redu
サイバーセキュリティ企業のSquareXが、パスワードマネージャーや仮想通貨ウォレット、バンキングアプリのふりをした悪意ある拡張機能で機密情報を盗み出す「ポリモーフィック攻撃」を開発し、最新のGoogle Chromeを含むブラウザでそのような攻撃が可能な事を警告しました。 Polymorphic Extensions: The Sneaky Extension That Can Impersonate Any Browser Extension | by SquareX | Mar, 2025 | SquareX Labs https://labs.sqrx.com/polymorphic-extensions-dd2310006e04 Malicious Chrome extensions can spoof password managers in new attack https:
Chrome売却が現実になる前に。使えるブラウザ5選
Chrome売却が現実になる前に。使えるブラウザ5選2024.12.06 20:30127,746 Kyle Barr - Gizmodo US ［原文］ （ satomi ） “Google（グーグル）解体”に、ある程度の備えは要るのかも。 米司法省が連邦地裁判事を通して、GoogleにChrome事業を売却するよう要請しましたね。 市場をほぼ独占することで競争が阻害されているとの司法判断を受けたもの。仮に現実になった場合、1984年のAT＆T解体以来の大型企業分割となります。同省はこのほかにも、検索と広告の事業分割といった是正措置も検討中みたい。 もちろん、俎上にあがっているテック大手はGoogle親会社Alphabetだけじゃありませんが、気になりますよね（Facebook親会社のMetaも｢InstagramとWhatsAppを買収してSNS市場を独占してるじゃないか｣ってことで2
Sometimes when I'm bored, I like to look at the list of macOS Bash commands. Here's some commands that I found interesting: Access your Keychain programmatically If you store your secrets in the Keychain (and you should!), you can access them programmatically using security. security find-internet-password -s "https://example.com" I found this useful for writing automated scripts that used locally
「Opera」の精神を受け継ぐChromiumベースのウェブブラウザ「Vivaldi」に、VPNサービスの「Proton VPN」が統合されました。Vivaldiユーザーは Vivaldiアカウントを通じて無料でProton VPNを利用できます。 Vivaldi、Proton VPN と提携し、ユーザーのビッグテックからの脱却をサポート | Vivaldi Browser https://vivaldi.com/ja/press/releases/vivaldi-is-partnering-with-proton-vpn-to-help-people-break-free-from-big-tech/ Free Proton VPN Now Integrated Into Vivaldi Desktop Browser - MacRumors https://www.macrumors.
WebKitのReviewerになった
先日WebKitのReviewerになりました。担当はJavaScriptCoreです、WebCoreのことは何も知りません。 I'm officially a WebKit Reviewer! I would like to thank all the JSC Reviewers who reviewed my patches and @Constellation for nominating me. — sosuke (@__sosukesuzuki) February 22, 2025 Reviwerというのは、WebKit開発者の中でもっとも強い権限を持つ人たちです。人のパッチを正式にrejectしたりapproveしたりできます。 去年の8月にWebKit Committerになったときは、やるべきことを投げ出してWebKitに向き合っていた罪悪感があったため、ポジティブな気持ち
AI 経由でブラウザを操作する browser-use を deno で実装してみました。 元は python ですが、コア部分を自分で作れるように書き直しました。 注意: 勉強用の作例であって、本番で使えるものではないです。 以下の記事を読みながら実装しました tl;dr アクセシビリティ要素を列挙 各要素にブラウザ上でオーバーレイで操作用インデックスを書き込みつつ、インデックスに対応する xpath を作っておく claude のスクリーンショットと xpath を渡す claude に対応する xpath の操作方法を教える ツールとして対話的に実行 ステップ Tool Runner Puppeteer BrowesrTool Tool Runner まず、Tools を使って AI と対話する部分を作ります。 import { anthropic } from "@ai-sdk/a
Build a Database in 3000 Lines with 0 Dependencies | Blog | build-your-own.org
01. Complex systems are built from simple ideas Complex software like databases, compilers, and browsers are treated like black boxes. You use them every day as a user, but you probably don’t understand them as a programmer, even though they are nothing but code. Why? They have little in common with programmers’ daily task. Their code bases are so large, so discouraging. But that doesn’t mean you
How Google handles JavaScript throughout the indexing process - Vercel
MERJ and Vercel's research to demystify Google's rendering through empirical evidence. Understanding how search engines crawl, render, and index web pages is crucial for optimizing sites for search engines. Over the years, as search engines like Google change their processes, it’s tough to keep track of what works and doesn’t—especially with client-side JavaScript. We’ve noticed that a number of o
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChromeからChatGPT Searchを使う場合のTIPS
「Vivaldi」に無料のVPN「Proton VPN」が統合／『ユーザーのビッグテックからの脱却をサポート』を謳う
ユーザー情報を貪欲に集めるWebブラウザは？ 1位は20種類収集でダントツ首位 オランダの企業が調査
Firefoxベースで高パフォーマンス・高セキュリティなオープンソースブラウザ「Zen Browser」
「Netscape Navigator」誕生から30年--今なお残るテクノロジーとビジネスへの影響
【2024年12月】Next.jsで新規アプリの構成と開発でのLLM活用
ウェブの新機能はいつまで待てば実践投入できるか - ICS MEDIA
Vim Racer - An Online Game for VIM Navigation
Windows 11 version 24H2に複数の不具合、提供を一時停止
【徹底解説】Browser Useの仕組みや安全性、設定方法までまるっと解説！｜ChatGPT研究所
Googleが「Chrome」を売却すると「Firefox」が困る？ X（Twitter）上で懸念の声／Mozillaの主な収入源が滞る恐れ【やじうまの杜】
CSS の `@property` ルールでカスタムプロパティを定義する
OpenAI Responses API 入門 (11) - Computer use｜npaka
米AppleのiOS最新版 実質「広告ブロック」を提供 - 日本経済新聞
3PCA 29 日目: Privacy Sandbox の方針転換は何を意味するか | blog.jxck.io
Computer-Using Agent の概要｜npaka
バグバウンティにおけるLLMの活用事例 - blog of morioka12
WebP: The WebPage compression format
悪意ある拡張機能がパスワードマネージャーなどのふりをして機密情報を盗む「ポリモーフィック攻撃」
Useful built-in macOS command-line utilities
無料のProton VPNがウェブブラウザ「Vivaldi」に統合される
Deno で browser-use を自作してみた (勉強用)
「サードパーティCookie廃止しない」と手のひらを返したGoogleにW3Cが遺憾示す
