2023年から段階的にAIを開発フローに組み込み、2025年は試行錯誤とツールの大きな変化、そしてエージェント化を経て、私のソフトウェア開発の進め方は明確に変化しました。 ここで言う「変化」とは、単に作業が速くなった、便利になったという話ではありません。 より具体的には「コードをタイピングする時間よりも、間接作業の比重と抽象的な思考・ロジックが増えた」という意味での変化です。 とりわけ深刻なのは文字入力回数の増大です。その結果、マイクに向かって話したり、タイピングの練習といったプリミティブな活動を取り入れるようになりました。 この変化は私だけのものではありません。Addy Osmaniは『Beyond Vibe Coding』で「開発者の役割はコードを書くことから、コードを指示すること（directing）へシフトしている」と述べ、アーキテクチャやデザインパターンといったシステム思考への集
マイクロソフト、Webアプリのテスト自動化サービス「Microsoft Playwright Testing」プレビュー公開。クロスブラウザ／クロスプラットフォームのテストを並列実行
マイクロソフトは、Webアプリケーションのテスト自動化ライブラリ「Playwright」を用いた、Microsoft Azure上のテスト自動化サービス「Microsoft Playwright Testing」のプレビュー公開を発表しました。 Microsoft Playwright Testingに使われている「Playwright」は、マイクロソフトが中心となってオープンソースで開発しているWebアプリケーション向けテスト自動化ライブラリです。対応環境が幅広く柔軟で、精度の高いテストを特長としています。 具体的には、Chrome、Edge、Firefox、Safariの主要なWebブラウザのすべてを対象にしたテスト自動化が可能で、ヘッドレス、ヘッドありのいずれにも対応。モバイルエミュレーションを用いたAndroid版Google ChromeとMobile Safariのテストも、実
E2Eテストを Playwright で作り直して開発プロセスに組み込む話 - SmartHR Tech Blog
こんにちは。SmartHR プロダクトエンジニアの sasaki (@s_sasaki_0529) です。 今回は、私が開発に携わっている届出書類機能における E2E テストを、Capybara + Selenium の構成から Playwright に移行し、開発プロセスに組み込んだお話をします。 扱う話題 E2Eテスト基盤を移行する具体的な背景と理由 移行における提案から、合意形成までの流れ 移行後の開発プロセスがどう変わったか 扱わない話題 Playwright など、記事内で扱う技術要素自体の詳細説明 移行作業自体の詳細 テストコードの設計・実装に関する具体的なテクニック なお、本記事では便宜上、移行前の E2E テストを「旧テスト基盤」移行後を「新テスト基盤」と呼称します。 届出書類機能について E2Eテストに限らず、テストというのはプロダクトの特性によって最適な手法は大きく変わ
GitHub - modelcontextprotocol/servers: Model Context Protocol Servers
Official integrations are maintained by companies building production ready MCP servers for their platforms. 21st.dev Magic - Create crafted UI components inspired by the best 21st.dev design engineers. 2slides - An MCP server that provides tools to convert content into slides/PPT/presentation or generate slides/PPT/presentation with user intention. ActionKit by Paragon - Connect to 130+ SaaS inte
こんにちは、QAの木下です。 この記事では、E2E自動テスト環境の改善に成功した話について、紹介します。 E2E自動テストツール導入時からの変化 現行のE2E自動テストツールの課題 ウェルスナビで実施しているリグレッションテストは、企業が提供するE2E自動テストツールを利用する前提で、テストケースやテストシナリオを作成していました。 そのためテストケースやテストシナリオが、ベンダーロックイン状態となっていて、企業でサービスに対して大きな変更が行われた場合、ウェルスナビでのテスト実施に大きな影響がありました。 もしE2E自動テストツールの利用ができなくなった場合、手動でリグレッションテストを実施する必要があります。 しかし、現在のウェルスナビでのリグレッションテストは、E2E自動テストツールを導入する前と比較して、対象のWebサイトが提携企業の増加とともに大きく増えているため、テスト対象の範
こんにちはChoimirai Companyのサンミンです。 0 はじめにDifyがLangChainと決別し、独自の「Model Runtime」を採用したのが2024年の1月。 LangFlowやFlowiseなど複合AIシステムではLangChainに依存した設計が多い。DifyもLangChainベースの設計だったけど今年の1月に独自の「Model Runtime」を発表👏↓。当時は難しい判断だったと思う。が、変化のスピードとDifyが描いてる世界観を考えると正解だった。Difyを勧めるもう一つの理由、です。 https://t.co/AybwXRXkJ9 pic.twitter.com/n7d9aae76N — sangmin.eth | Dify Ambassador (@gijigae) April 24, 2024 LangChainの導入を慎重に考えるべきだとする声は
差分指向テスト（DOT: Difference Oriented Testing）という考え方 - MNTSQ Techブログ
はじめに MNTSQ(モンテスキュー)株式会社 フロントエンド担当の安積です。 入社して4ヶ月とちょっと。 コードに取り組もうと入社して、まさに日々格闘しております。 私の後ろの席にはこんなバズ記事書く人や、こんなイカつい記事書く人が座ってまして、そんなプレッシャー期待の中からお送りいたします。 tech.mntsq.co.jp tech.mntsq.co.jp 昨日はこんな記事も公開されています。 tech.mntsq.co.jp はじめに 現在のステータス またはMNTSQ考古学 リファクタリングやるぜっっ！ 仕様書大事だよね 差分指向テストとは テスト環境の概要 テストデータ ブラウザ操作自動化 スクリーンショット比較 Playwriteの操作 ちょっとコードのサンプル 最後に この記事を書いた人 現在のステータス またはMNTSQ考古学 コードベースから見たMNTSQのフロントエン
Today, we are excited to announce the launch of .NET 10, the most productive, modern, secure, intelligent, and performant release of .NET yet. It’s the result of another year of effort from thousands of developers around the world. This release includes thousands of performance, security, and functional improvements across the entire .NET stack-from languages and developer tools to workloads-enabl
GitHub - punkpeye/awesome-mcp-servers: A collection of MCP servers.
Servers for accessing many apps and tools through a single MCP server. 1mcp/agent 📇 ☁️ 🏠 🍎 🪟 🐧 - A unified Model Context Protocol server implementation that aggregates multiple MCP servers into one. tadas-github/a2asearch-mcp 📇 ☁️ - MCP server to search 4,800+ MCP servers, AI agents, CLI tools and agent skills. Install: npx -y a2asearch-mcp. Ask Claude: "Find MCP servers for database access"
【やってみる】 Claude Codeで実現するSNS誹謗中傷対策 - 4人のペルソナで効果を検証してみた - Insight Edge Tech Blog
こんにちは、Insight Edge アジャイル開発チームのk-kazukiです。 Insight Edge アドベントカレンダー、Insight Edge Advent Calendar 2025 の19日目です！ 今回の記事では、近年増加しているSNSの誹謗中傷の課題について、生成AIを利用して対策できないかをClaude Codeを用いて検証してみました。 本記事には検証用の架空の誹謗中傷サンプルが含まれます（実在の人物とは無関係です）。 不快な表現が含まれるためご注意ください。過激な部分は伏せ字（⚪︎⚪︎）または「<生命を脅かす表現>」と表記しています。 1. SNSにおける誹謗中傷の課題について 2. Claude Codeを活用した誹謗中傷検知システムの構築 2.1 対象とするSNSについて 2.2 Claude Codeサブエージェントによる役割分担と実装 ユーザー体験シミュ
「AIコーディング」がもたらす「生産性」の本質を問う特集『その「AIコーディング」は本当に必要か？』。第1回では、生成AI（人工知能）導入による局所的な効率化が、かえってレビュー負荷の増大や現場の疲弊を招くという「AIパラドックス」の問題を整理。第2回では、KDDIアジャイル開発センターでAIコーディングを実践する面々との対談を通じ、AIコーディングを使いこなしながら「本当の生産性」をつかむための方策を探った。 第3回となる今回は、開発者個人に焦点を当てる。スマホ向けアプリなどの開発でAIを活用し、個人で進めるオープンソースのプロダクト開発にも生かしているI氏に、AIが開発者個人にもたらす変化と、この先の向き合い方について尋ねた。 関数やクラスといった小さな単位でも「AIコーディング」は始められる I氏は業務でスマホアプリの開発に携わる傍ら、趣味としてもオープンソースでソフトウェアを開発、
1. はじめに 2. なぜE2Eテストの自動化を検討しているのか 現状の課題 自動化で解決したいこと 3. E2Eテストツールの比較 Playwright Puppeteer Cypress Selenium 比較まとめ 4. Chrome拡張機能のE2Eテスト、ここが難しい 通常のWebアプリとの違い 拡張機能特有の課題 5. Playwrightで試してみた（そしてハマった） セットアップ 拡張機能を読み込む設定 そしてエラー... 気づき！！ 6. 今後の方針 直近でやること 将来的にやりたいこと 参考にしている情報 まとめ：自動化と手動テストのバランス 7. おわりに 1. はじめに こんにちは！iimonでフロントエンドエンジニアをしている「奥島」です！ なんと、アドベントカレンダー6日目という大役を任されました！光栄です！ ...と言いたいところですが、実は体調不良でカレンダー
目次 Playwrightとは 本書の対象バージョン インストール チュートリアル 簡易テストを実行する テストレポートを見る UIからテストする 使用方法 ブラウザ表示モードでテストする ブラウザを指定する テストするファイルを指定する テストUIを起動する テストスクリプト 基本サンプル ブラウザ 非ヘッドレスモードで開く ウィンドウサイズを指定する ページ 指定したページを開く ページがロードされるのを待つ 要素操作 要素を参照する(CSSセレクタ) 要素を参照する(ロール) 入力欄に文字列を入力する 要素をクリックする リンク Playwrightとは 「プレイライト」と読みます。playwright は「劇作家」を意味します。 Microsoft が開発した ブラウザ操作テスト用ツールです。 類似のツールに Selenium や Google の Puppeteer があります。
Blogged Answers: My Experience Modernizing Packages to ESM
Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Blogged Answers series. Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM Table of Contents 🔗︎ Introduction Redux Packages Background Packages and Configurations Issue History Early Attempts Migrating to Vitest Initial Alpha Testing
LLM でブラウザを操作する WEB エージェントと周辺技術のざっくり紹介 - Algomatic Tech Blog
こんにちは。Algomatic NEO(x) カンパニー機械学習エンジニアの宮脇（@catshun_）です。 本記事ではブラウザやモバイル画面を操作する LLM エージェントとその周辺技術について超ざっくりと紹介します。 社内に向けたキャッチアップ資料として作成しており、加筆修正する可能性がありますが、本記事を読んだ方の議論のネタ程度になってくれれば幸いです。 以前 AI ソフトウェアエンジニアについて紹介しているので、こちらもご覧いただけたら幸いです。 おことわり 本記事では対象とする研究棟の 詳細な解説は含みません。詳細は元の論文を参照ください。 不十分また不適切な言及内容がありましたらご指摘いただけますと幸いです。 プロダクト等の利用時は 必ずライセンスや利用規約を参照して下さい。 本記事の目次 Google I/O '24 での Gemini Nano × Android の発表
この記事は「【マイスター・ギルド】本物のAdvent Calendar 2022」2日目の記事です。 こんにちはmiruoonです。 今回はTypeScript（TS）などで手軽にWebアプリのE2EテストがかけるPlaywrightを紹介します。 前置き 作者はJestやTestingLibraryといった各コードテストツールを隅々まで使いこなしたことはないので、間違った記載があったらコメント欄で気軽にツッコんでください。 2022/11月末の情報となります。 E2Eテスト初めて聞いたわ！よくわからんわ！っていう人は以下の記事が詳しいので、読んでおくと良いです。 開発環境 MacBook Pro (13-inch, M1, 2020) macOS Monterey 12.1 Node.js v16.10.0 yarn 1.22.19 今回作成したコードについて コードはここに置いています
AIニュースノート：nano-bananaが話題に、AGENTS.mdの採用広がる、Microsoft Copilotに3Dモデリング機能が追加、ChatGPTでプロジェクト専用メモリー搭載、Claude for Chromeの安全設計など gihyo.jpのニュース記事として取り上げていなかったもののなかから、直近の興味深いAIに関連するニュース概要を簡単にまとめてみました。 ※この記事は、不正確な内容を含んでいる可能性のある実験的コンテンツです。正確な情報はリンク先を確認してください。 nano-bananaの週でした nano-bananaこと、Gemini 2.5 Flash Imageがリリースされて、このモデルによる画像生成・編集が話題になった週でした。興味深い使い方やベストプラクティスも紹介されています。 “nano-banana”の舞台裏：対話×段階編
1. はじめに 日本時間2025年3月25日、Microsoftが自社開発のブラウザ自動化ツールPlaywrightがModel Context Protocol (MCP)に対応したと発表しました。この発表は一見すると技術的なアップデートの一つに過ぎないように思えますが、実は生成AIとブラウザ自動化の融合という観点から見ると、ビジネス現場に大きな変革をもたらす可能性を秘めています。 これまで生成AIは主に情報提供や内容生成が中心でしたが、MCPに対応することで、AIがブラウザやデスクトップアプリケーションを直接操作できるようになります。つまり、AIが「考える」だけでなく「行動する」能力を手に入れたといえるでしょう。本記事では、PlaywrightのMCP対応の概要と技術的背景、そしてこれによって可能になる新たなビジネスユースケースについて解説します。 また、後半で試しにClaude fo
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、アジャイル・スクラム開発において便利な「Azure DevOps Extensions」（拡張機能）のまとめ記事です。 アジャイル・スクラム開発で「製品の品質」を保つには、開発プロセス”そのもの”の品質も重要となります。 高い品質の開発プロセスを保つには、アジャイル開発のツールをうまく利用することが、ひとつ大切な要素となります。 PO（および開発者）がアジャイル開発のツールをうまく使いこなし、製品、プロジェクト、プロダクトバックログなどを上手くマネジメントすることが重要です。 私たちが実際にチーム開発をしていて、おススメの機能
この記事で伝えたいこと（ポイント） ブラウザを操作する方法はたくさんある Microsoftの製品だけ生成AIによるブラウザ操作ができる 生成AIを使ったWebブラウザの自動操作はいろんな技術で可能 MCPやA2Aでも作り方次第でWebブラウザの自動操作はいけちゃう はじめに この記事ではAIによるWebブラウザ操作を実現する方法について 過去の登壇内容を交えて解説する記事です。 まずはブラウザ操作について説明し、次にAIを使った場合をチェックしていきます。 そして、どんなOSSがあったかを振り返りつつ、 MicrosoftのOSSだけでAIによるWebブラウザ操作や他のクラウド使ったブラウザ操作を実現する方法について解説します。 最後に最近話題のMCPやA2Aを取り入れた方法についてもみていきます。（余談程度） 定義：ブラウザ操作とは Webオートメーションの分野でさまざまな文脈がありま
GitHub - punkpeye/awesome-mcp-servers: A collection of MCP servers.
Servers for accessing many apps and tools through a single MCP server. 1mcp/agent 📇 ☁️ 🏠 🍎 🪟 🐧 - A unified Model Context Protocol server implementation that aggregates multiple MCP servers into one. tadas-github/a2asearch-mcp 📇 ☁️ - MCP server to search 4,800+ MCP servers, AI agents, CLI tools and agent skills. Install: npx -y a2asearch-mcp. Ask Claude: "Find MCP servers for database access"
Running OCR against PDFs and images directly in your browser
Sponsored by: AWS — If you're building with AI, AWS Summit NYC on June 17 is the room you want to be in. 200+ sessions. Totally free. Register here 30th March 2024 I attended the Story Discovery At Scale data journalism conference at Stanford this week. One of the perennial hot topics at any journalism conference concerns data extraction: how can we best get data out of PDFs and images? I’ve been
Playwrightは、使いやすさや対応言語の多さなどが特徴のE2Eテスト自動化ツールです。この記事では、Playwrightの概要やインストール方法、基本的な使い方について解説します。テスト自動化ツールの導入を検討している方はぜひ参考にしてください。 Playwrightとは？【Webテストを行うツール】 Playwrightは、Webアプリを開発する際のテストを自動で行うツールです。主に、E2Eテストを効率的に行う目的でPlaywrightが用いられます。 Playwrightが対応しているブラウザはGoogle ChromeやMicrosoft Edge、Firefoxなど様々ですSafariの開発にも使用されているHTMLレンダリングエンジンのWebKitや、ブラウザ向けコードベースのChromiumにも対応しています。 利用できるプログラム言語はC#やJava、JavaScrip
GitHub - ruifigueira/playwright-crx: Playwright for chrome extensions
Note: This extension is available in Chrome Web Store. A small demo of Playwright CRX recorder and player in action: It provides playwright recorder (the same used in playwright codegen) bundled as a chrome extension, with no other dependencies. This way, with your normal chrome / chromium / edge browser, you can record playwright scripts in your prefered language. In terms of chrome extension fun
Playwrightを使ったテスト自動化を始めたい方に向けて、Playwrightの概要や特徴、Seleniumとの違い、環境構築から基本的な使い方までをわかりやすく解説します。初めてPlaywrightに触れる方でも、実践的な知識を体系的に学べる内容になっています。 Playwrightとは Playwright（プレイライト）とは、Microsoftが2020年1月に公開したオープンソースのブラウザテスト自動化ツールです。E2E（エンドツーエンド）テストフレームワークとして設計されており、Webアプリケーションのテスト自動化を効率的に行うことができます。 Playwrightは完全に無料で使用できるオープンソースソフトウェアであり、GitHubで公開されています。以下に、主な特徴を紹介します。 対応ブラウザ Chromium（Google Chrome、Microsoft Edgeなど
GitHub - taishi-i/awesome-ChatGPT-repositories: A curated list of resources dedicated to open source GitHub repositories related to ChatGPT and OpenAI API
awesome-chatgpt-api - Curated list of apps and tools that not only use the new ChatGPT API, but also allow users to configure their own API keys, enabling free and on-demand usage of their own quota. awesome-chatgpt-prompts - This repo includes ChatGPT prompt curation to use ChatGPT better. awesome-chatgpt - Curated list of awesome tools, demos, docs for ChatGPT and GPT-3 awesome-totally-open-chat
ブルシットジョブは打首獄門。WSL2×multi-agent-shogun×CDPでブラウザ作業を全自動化する傀儡の術
TL;DR Windows 11の中にWSL2（Ubuntu）がいる。そのWSL2の中にAIエージェント（将軍）がいる。 そいつが、自分の外側にあるWindowsのブラウザを、ログイン済みのまま直接操作できる。 入れ子の内側から外側を操る。しかもブラウザにはGoogle認証済みのセッションが残ってるから、SaaSでもなんでもログインなしで即操作。 Computer Useの2倍速い（スクショ不要、DOM直接操作） 裏で動くから自動化中も別の作業ができる Electronアプリ（Slack、VS Code、Discord等）にも同じ術が効く AIエージェントと組み合わせると**「やっといて」の一言で全自動** コード全文 → multi-agent-shogun いつもクソ長い記事ばっかり書いてるので、珍しくTL;DRを先頭にドカンと置いてみた。TL;DRって言いたかっただけ説もある。 エン
JupyterLab Changelog — JupyterLab 4.6.0a1 documentation
JupyterLab Changelog# v4.5# JupyterLab 4.5 includes a number of new features (described below), bug fixes, and enhancements. This release is compatible with extensions supporting JupyterLab 4.0. Extension authors are encouraged to consult the Extension Migration Guide which lists deprecations and changes to the public API. Performance and windowing# The default windowing mode is now contentVisibil
こんにちは、テスト自動化アーキテクトの坂本です。 みなさん、E2E自動テストされていますか？ 今回は、PlayWrightについて紹介します。 PlayWrightは、2020年2月にリリースと比較的新しく、Selenium,Cypressなどと比較すると認知度はまだまだです。 しかし、後発のツールということもあり、色んな便利機能があります。 そんなPlayWrightの魅力の一部を紹介したいと思います。 PlayWrightってなに？ Microsoftが中心になって開発しているブラウザを操作するためのライブラリです。簡単にいうとE2Eテストツールです。 サポートしている言語は、Node.js(javascript,typescript), Python, Java, .NETと幅広く対応しています。対象ブラウザはChromium / Firefox / WebKit / Chrome
はじめに 本記事では、 E2E テストツールの Playwright(C#/MSTest) で作成したテストのパフォーマンス改善を行った際のポイントをご紹介します。 まとめ 原則ヘッドレスモードでテストを実行する テストケースごとにブラウザーを閉じる処理を挟む 上記の改善により、テスト実行時間を約 1/4 に短縮 Playwright とは？ Playwright は Web アプリケーションのテストを自動化するテストフレームワークです。 JavaScript/TypeScript, Java, Python, C# での開発が可能です。 Chrome, Edge, Firefox, Safari 等のブラウザーに対応しています。 導入コストが低く、コード自動生成やトレース保存機能を利用できるのが特徴です。 背景 UI 部品に関するテストを Playwright で実行できるように整備し、
PlaywrightとSeleniumはどちらもブラウザの自動化フレームワークであり、クロスブラウザ対応やUIテストの自動化、ブラウザ操作のスクリプト化など共通する機能や特徴があります。この記事はすでにSeleniumへの知識があり、Playwrightへの移行を検討している人に向けて、Seleniumと比較した時のPlaywrightの強みをまとめています。 1. 複数のブラウザエンジンに対応 Playwrightは、1つのAPIで以下の複数のブラウザエンジンに対応しているのが大きな特徴です。 Chromium（Google Chrome、Microsoft Edge） Firefox WebKit（Safari） Seleniumも複数のブラウザ（Chrome、Firefox、Edge、Safari）をサポートしていますが、PlaywrightはWebKitエンジンにも対応しているため
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
私のソフトウェア開発を一変させてしまった2025年のAIエージェントをふりかえる
ECS上にE2Eテスト基盤としてPlaywrightによる実行環境を構築した
Octomind社がLangChainをやめた理由｜Sangmin Ahn
Announcing .NET 10 - .NET Blog
面倒で難しいコード “こそ”、AIに書かせては？ 「生産性が高まるAIコーディング」の始め方
Chrome拡張機能のE2Eテスト自動化を検討してみた - iimon TECH BLOG
とほほのPlaywright入門 - とほほのWWW入門
Playwrightを使って実際のブラウザ動作からE2Eテストを作ろう！ - Qiita
AIニュースノート：nano-bananaが話題に、AGENTS.mdの採用広がる、Microsoft Copilotに3Dモデリング機能が追加、ChatGPTでプロジェクト専用メモリー搭載、Claude for Chromeの安全設計など | gihyo.jp
PlaywrightのMCP対応で広がるビジネス自動化
アジャイル・スクラム開発に便利なAzure DevOpsの拡張機能まとめ - Qiita
【生成AI】AIによるWebブラウザの自動操作を実現するには - Qiita
Playwrightを用いてテストを自動化しよう！概要や使い方を解説｜Udemy メディア
Playwrightの使い方をインストール方法から実践例まで解説
PlayWrightのすゝめ｜SHIFT Group 技術ブログ
Playwright で作成したテストのパフォーマンスを改善する - Qiita
Seleniumと比較したPlaywrightの強味