By Aryn Baker | Photographs by Lynsey Addario for TIME First they shot her husband. Then the soldiers killed her two sons, ages 5 and 7. When the uniformed men yanked her daughter from her hands next, Mary didn’t think it could get any worse. Mary and her family were members of the Nuer tribe in South Sudan, caught up in a vicious power struggle between the new country’s President Salva Kiir, a me
Storybook 7.0 beta
Our mission is to improve the UX of the internet. So far, we’ve made a lot of progress. Teams around the world use Storybook to power their frontend workflows. Microsoft documents their universal design system, Fluent. Firefox develops pages for their web apps in isolation. While BBC automates testing for their component library across dozens of international locales. I’m excited to share an early
iOSのSafari、AndroidのChromeはそれぞれPCと連携してウェブアプリケーションをデバッグできます。 PCのSafariのWeb Inspector、ChromeのDevToolsと連携すれば、コンソールログやネットワーク、デバッガーなども利用できます。 スマホと繋いでWebサイトをデバッグする方法をまとめたページが見つけられなかったので、メモです。 ネットワークで繋いでデバッグもできたりするので、結構便利です。 Mobile Safari on iOS iOSのSafariは、macOSのSafariと接続してログやネットワークの通信などを見るデバッグが可能です ドキュメント: Inspecting iOS and iPadOS | Apple Developer Documentation iOSのSafariとmacOSのSafariを接続する 初回は次の設定が必要で
モチベーション ドキュメントに載せるサンプルコードを E2E テストできるようにしたい Vite でマルチページ使いたい index.html と main.ts の組み合わせ Playwright で E2E テストを実行したい 戦略 src/index.html でそれぞれのサンプルに飛べるようにしたい env.local で必要な設定を指定できるようにしたい VITE_ を使う src/spam や src/egg とサンプル毎に細かく index.html と main.ts を用意したい vite 時はいいが、vite build 時に困るので対応する必要がある vite.config.js で rollupOptions の input を設定をする必要がある エントリーポイントを src/ 以下にしたい root で設定する .env のパスは root を変更するとそこに影
Microsoftは米国時間9月30日、「Python」でテストを記述できる開発者向けツール「Playwright for Python」を発表した。Googleの「Chrome」、Chromiumベースの「Microsoft Edge」、Appleの「Safari」、Mozillaの「Firefox」で、ウェブアプリケーションのテストが行える。 PlaywrightはPython向けライブラリーになる。開発者はPythonコードでブラウザーを制御して、シングルページのウェブアプリや「Progressive Web Apps」（PWA）のクロスブラウザーテストを自動化できる。 Playwright for Pythonライブラリーはプレビューとして提供されており、「Windows」「Linux」「macOS」をまたがるウェブアプリのテストを高速化できるように設計されている。また異なる画面サ
GitHub - apifytech/apify-js: Apify SDK: The scalable web crawling and scraping library for JavaScript. Enables development of data extraction and web automation jobs (not only) with headless Chrome and Puppeteer.
Crawlee—A web scraping and browser automation library for Node.js to build reliable crawlers. In JavaScript and TypeScript. Extract data for AI, LLMs, RAG, or GPTs. Download HTML, PDF, JPG, PNG, and other files from websites. Works with Puppeteer, Playwright, Cheerio, JSDOM, and raw HTTP. Both headful and headless mode. With proxy rotation.
Caching Docker builds in GitHub Actions: Which approach is the fastest? 🤔 A research.
Caching Docker builds in GitHub Actions: Which approach is the fastest? 🤔 A research. Abstract: In this post, I experimented with 6 different approaches for caching Docker builds in GitHub Actions to speed up the build process and compared the results. After trying out every approach, 10 times each, the results show that using GitHub Packages’ Docker registry as a build cache, as opposed to GitHu
2022 / 2021 / 2020 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2022年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2022年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年～2019年の総合ランキング1位はVue.jsが4連覇、2020年の1位はDeno、2021年の1位はzxです。 以下は2022年のランキング、2022 JavaScript Rising Starsの日本語訳です JavaScript ライジングスター 2022 7回目のJavaScript ライジングスターにようこそ！ 毎年恒例、2022年の12か月におけるJavaScriptエコシステムの
本文書ではブラウザを利用したテスト自動化ツールを利用した経験がない人、これから Playwright を使ってみたいという人を対象に Playwright の基本的な操作方法について説明を行っています。Vue と React のプロジェクトでの Playwright の利用方法についても後半に説明しています。 Playwrightとは Playwright は WEB アプリケーションのテストを自動化するオープンソースのテストツールです。Playwright ではユーザが実際にブラウザを利用して WEB アプリケーションの操作を行う代わりにプログラムを通してブウラザ(Chromium、Firefox、WebKit)を動かすことで WEB アプリケーションのテストを行います。ツールを利用しない場合は機能を追加/更新する度に開発者がブラウザでページを開き動作確認を行う必要があります。Playw
http://www.tomakomai-ct.ac.jp/department/gene/ono/basicwords.txt
# 公開されている既存英語語彙表の統合一覧表（15806語掲載） # -は未掲載、BNC語彙表収録語で初出のものは表内に記し、それ以外の同綴異品詞語は( )内に収めた。 # BNC語彙表収録語の品詞情報は次のように表している。(j:形容詞, r:副詞, c:接続詞, d:決定詞, i:不定詞, t:間投詞, m:助動詞, n:名詞, p:前置詞, o:代名詞, v:動詞） # 左から北大語彙表, JACET8000, COCET2200, BNC語彙表, ALC-SVL12000, 杉浦リスト英語I, 杉浦リスト英語II, 英単語綴りの順に掲載. # HUEVL, JACET, COCET, BNC, SVL, SUGI1, SUGI2, WORD. - - - -- -- - 6 AAR - - - -- -- 5 4 AB - - - -- -- 5 - ABCs - - - -- -
はじめまして。約2ヶ月前に Tebiki に入社した村上です。 現在 Tebiki では、2プロダクト4チームで開発を進めております。Tebiki では週次の全社ミーティングがあり、そこで各チームがどんなものを作っているのかは知ることができます。一方、全社員対象なので技術的な深堀りは難しく、それぞれのチームであった技術的な挑戦や良い知見というものは、自分で他チームのドキュメントを見たり GitHub の Pull Request を見ないと得られない状態でした。 そこで、チーム外のエンジニア同士での情報交換を活性化するために、ホットトピックス共有会 & LT 大会を開催することにしました。(前職でうまくいってた仕組みをそのまま使いました) ホットトピックス共有会ホットトピックス共有会では、各チームから事前にホットなトピックを3つ程度挙げてもらい、それについて詳しい人が口頭で説明するという流
Jean-Paul Sartre? George Carlin? Slavoj Žižek? O. O. McIntyre? Sewell Ford? Billy Wilder? Leo Rosten? Anonymous? Picture of a coffee cup with coffee beans from Unsplash Question for Quote Investigator: Philosophers, linguists, and humorists enjoy the following joke about tacit knowledge: A person enters a café and requests coffee without cream. After a delay the waiter returns and says “I’m sorry.
GitHub - microsoft/playwright-python: Python version of the Playwright testing and automation library.
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
こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。今回は、Datadog Synthetic Test を使った E2E テストをコードベースに移行した話ができればと思います。ちなみに、過去に Datadog Synthetics Test 周りの記事を書いていたので合わせてご覧いただけると幸いです。 Datadog Synthetics Test 導入フロー | Offers Tech Blog Datadog SyntheticsのSubtestでブラウザテストをComponent化する｜Offers Tech Blog なぜコードベースにしたか 元々 Datadog Synthetic Test を用いていたのですが、運用するにつれて以下の問題点が発生してきましたのでコードベースに移行する決意をしました。特に問題を感じてい
はじめに React Developer Roadmap 2024 を眺めつつ筆者の独り言を書く記事です。筆者の React 歴は 3 年ちょっとです。 Visit JavaScript Roadmap React のロードマップは JavaScript の勉強が最初。Promise を基本とした非同期処理やクロージャ周りを理解しておくと、React への理解も更に深まった記憶がある。 非同期周りはこの本に助けられた。 CLI Tools Vite Create React App 新規に CSR の SPA を作る場合 Vite 一択だと思う。理由は、設定簡単 + 早い + 拡張性 ◎ + エコシステムが大きい。Vite は SSR もできるがライブラリ作者向け。 (宣伝) Vite を使用した環境構築方法は先日記事にしました。 なぜ Create React App が使われなくなりつ
最近Playwrightを試していたので、使い方を忘れてもまた思い出せるよう、Playwrightの使い方をメモしておこうと思います。 インストール npm install --save playwright Playwrightをインストールすると、同時にブラウザChromium・Firefox・Webkitもインストールされる デフォルトではPlaywrightから呼び出されるブラウザは、その時にインストールされたブラウザが使われる ブラウザをインストールせずPlaywrightのみをインストールし、ブラウザは別途インストールしたものを使用することも可能 しかし、Playwrightのバージョンとブラウザのバージョンは密接に関係があるため、Playwrightとブラウザは同時にインストールして、インストールしたブラウザを使うようにした方がよい 構成 Playwrightは下記クラスで構
Home
Email and SMS Workflow Testing Mailinator allows Developers and QA Testing teams to automatically test their SMS and Email workflows like 2FA verifications, sign-ups, and password resets with trillions of inboxes at your fingertips. Whether you do Manual Testing, use an API, or a framework like Selenium, Cypress, Playwright, or Puppeteer - Mailinator will close the loop on email/SMS testing.
UbuWeb Film & Video: Yukio Mishima & Domoto Masaki - Yûkoku aka Patriotism aka Rite of Love & Death (1966)
Playwright and novelist Yukio Mishima foreshadowed his own violent suicide with this ravishing short feature, his only foray into filmmaking, yet made with the expressiveness and confidence of a true cinema artist. All prints of Patriotism (Y�koku), which depicts the seppuku of a army officer, were destroyed after Mishima's death in 1970, though the negative was saved, and the film resurfaced thi
cheerio
cheerio Fast, flexible & lean implementation of core jQuery designed specifically for the server. const cheerio = require('cheerio'); const $ = cheerio.load('<h2 class="title">Hello world</h2>'); $('h2.title').text('Hello there!'); $('h2').addClass('welcome'); $.html(); //=> <html><head></head><body><h2 class="title welcome">Hello there!</h2></body></html> Note We are currently working on the 1.0.
bohemianvoodoo 3rd Album "Aromatic" 2014.11.19 RELEASE 収録曲 "El Ron Zacapa" Music Video http://bohemianvoodoo.jp/ ■apple music → https://music.apple.com/jp/artist/bohemianvoodoo/297436308 ■spotify → https://open.spotify.com/search/bohemianvoodoo bohemianvoodoo MUSIC VIDEO ●Magnolia https://youtu.be/3Aaa1rHF5HU ●石の教会 https://youtu.be/3FS5BF5HwrI ●bohemianvoodoo "Adria Blue" 【Live at Club eX】 htt
GitHub - artilleryio/artillery: The complete load testing platform. Everything you need for production-grade load tests. Serverless & distributed. Load test with Playwright. Load test HTTP APIs, GraphQL, WebSocket, and more. Use any Node.js module.
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 - unicodeveloper/awesome-nextjs: :notebook_with_decorative_cover: A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)
Kaminari Template - Power packed Next.js and Tailwind CSS template. Built with developer experience in mind. Contains Husky, CommitLint, Prettier, Eslint etc. configs. ✨ Next.js Static Blog - Next.js static blog powered by the Cosmic Headless CMS NextJS Headless CMS Powered Blog Starter Next.js App with AWS Lambda - Deploy a Next.js App to AWS Lambda using Apex Up. Nitro 🚀 - An Example of a PWA u
開発者のためのプレゼンスライド OSS「Slidev」を使ってみた＆中身を読んでみた - SMARTCAMP Engineer Blog
こんにちは！スマートキャンプで Web アプリケーションエンジニアとして働いている中川です。 突然ですが、みなさんは普段スライドを作っていますか？ 私はそこまで頻度高くはないものの、全社イベントでプレゼンするためであったり、他部署交流のための自己紹介、あとは LT 会などのためにスライドを作ることがあります。 Twitter で見かけたこちらのツイートから、Slidevという Markdown からスライドを作成できる OSS を知り、実際に使ってみたところ非常に感触がよかったので、今回の記事では Slidev の簡単な使い方や、なかはどうなっているのかなど紹介していきたいと思います！ 🚀 Slidev v0.9.0 Released 🤹 Animations / Motion by @vueuse's motion package 📰 Textual diagrams by Mer
Microsoft Teams: Advantages of the new architecture
Microsoft Teams has made a significant investment in the re-architecture of its desktop client, with a focus on providing a simpler user experience. This post shares insights into the goals and expected benefits of the modularization and layering that have been implemented. The consumer version of Microsoft Teams has already begun using this new architecture, and the preview version of the upgrade
Storybook 6.5
Teams at GitHub, Adobe, BBC, and many others use Storybook because it streamlines your frontend workflow. You write stories for granular UI states and then use them to verify component appearance during development. From there, you can reuse stories to run snapshot, visual, and accessibility tests during QA. Storybook can even analyze stories to auto-generate documentation. Storybook 6.5 is our bi
Test generator | Playwright
Introduction Playwright comes with the ability to generate tests for you as you perform actions in the browser and is a great way to quickly get started with testing. Playwright will look at your page and figure out the best locator, prioritizing role, text and test id locators. If the generator finds multiple elements matching the locator, it will improve the locator to make it resilient that un
Supports screen rendering with Chrome-headless. Add your own interactions with Playwright and Puppeteer scripting. BackstopJS was created by Garris Shipon with contributions from these amazing engineers 💜. Opensourced under the The MIT License. Get it on github!
【訃報】ヴァーツラフ・ハヴェル
「2011年に映画初監督」とどこかにあったのだが、この映画だ。2011年3月24日チェコで公開。引退した大物政治家のお話……。 http://www.imdb.com/title/tt1464251/ ガーディアンは、共産主義政権下のチェコの音楽シーンや、ハヴェルとフランク・ザッパの交流などについての2009年の記事を再掲している。Plastic Peopleのこととか。 Zappa met Havel at Prague Castle. They discussed Captain Beefheart's music, and Havel asked Zappa if, on a forthcoming state visit to the US, he would help him meet those who had championed his cause in oppositio
EngineeringEnterprise6 strategic ways to level up your CI/CD pipelineFrom incorporating accessibility testing to implementing blue-green deployment models, here are six practical and strategic ways to improve your CI/CD pipeline. In today’s world, a well-tuned CI/CD pipeline is a critical component for any development team looking to build and ship high-quality software fast. But here’s the thing:
JestでjQueryアプリのテストを綺麗に書くための考察: JestとjQueryの初期化処理を徹底解剖する | Wantedly Engineer Blog
この記事の概略jQueryのコードをテストするには、作成したDOM環境をどのように初期状態に戻すかが問題になる。この問題の最適な解決策を探るため、JestやjQueryの初期化処理がどのように行われているかを詳細に追った。異なるトレードオフを持ついくつかの解決策が考えられるが、我々はアプリケーション側に手を加え、初期化処理を繰り返し実行できるようにするのが最適だと判断した。はじめにWantedlyのDX (Developer Experience) チームでは、自動テスト文化のさらなる普及を目指して環境整備などの活動を行っています。 その一環として、jQueryアプリケーションにもユニットテストを導入する試みをしています。そのために必要なリロード戦略について調査しました。 なぜ今jQueryなのかWantedlyでは2016年頃にReactを導入していますが、それ以前に作られたページではR
JSer.info #698 - ECMAScript 2024が正式にリリースされました。 Release ES2024 Candidate February 28th 2024 · tc39/ecma262 ES2024では、Object.groupBy/Map.groupBy、Promise.withResolvers、ArrayBuffers.prototype.resize、Atomics.waitAsyncなどが追加されています。 次の記事でも詳しく解説されています。 Ecma International approves ECMAScript 2024: What’s new? Playwright v1.45.0がリリースされました。 Release v1.45.0 · microsoft/playwright 時間を操作できるClock APIの追加、--fail-on-
JSer.info #579 - Parcel 2.3.0がリリースされました。 Release v2.3.0 · parcel-bundler/parcel ParcelでParcel自体のいくつかの依存関係を事前にbundleするように変更。 Node Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンドでインストールするように変更などの変更が含まれています。 Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel Vite 2.8.0がリリースされています。 vite/CHANGELOG.md at main · vitejs/vite macOS Montereyで50
fox capture plan / エイジアン・ダンサー
エイジアン・ダンサー written by Ryo Kishimoto ----------------------------------------------------------------------------------------------------------- ・Produced by fox capture plan ・Guest Musicians 1st Violin: Mamiko Amemiya / 2nd Violin: Matsuri Mikuni / Viola: Naoko Kakutani / Cello: Masabumi Sekiguchi ・Programming & Synthesizers: fox capture plan ・Recorded at Volta Studio on the 24th & 25th August,
Web Automation: Don't Use Selenium, Use Playwright
For web automation/testing, Selenium has been the de facto "standard" since forever. It's simple to get started with and supports almost every programming language. My problem with it has been: It's good enough, but nothing more. It doesn't work that well with modern, Javascript framework heavy sites (Angular, React etc). I'm not saying it doesn't work-- just not too well. Another issue: While Sel
After much discussion, debate, and research, the Oxford Dictionaries Word of the Year 2016 is… post-truth. Post-truth is an adjective defined as ‘relating to or denoting circumstances in which objective facts are less influential in shaping public opinion than appeals to emotion and personal belief’. Why was this chosen? The concept of post-truth has been in existence for the past decade, but Oxfo
A major contributor to this article appears to have a close connection with its subject. It may require cleanup to comply with Wikipedia's content policies, particularly neutral point of view. Please discuss further on the talk page. (March 2024) (Learn how and when to remove this message) People's Vote Post-truth politics, also described as post-factual politics[1] or post-reality politics,[2] am
本記事は、アジャイル・スクラム開発において便利な「Azure DevOps Extensions」（拡張機能）のまとめ記事です。 アジャイル・スクラム開発で「製品の品質」を保つには、開発プロセス”そのもの”の品質も重要となります。 高い品質の開発プロセスを保つには、アジャイル開発のツールをうまく利用することが、ひとつ大切な要素となります。 PO（および開発者）がアジャイル開発のツールをうまく使いこなし、製品、プロジェクト、プロダクトバックログなどを上手くマネジメントすることが重要です。 私たちが実際にチーム開発をしていて、おススメの機能を紹介します。 ※1: Azure DevOpsはAzureのサービスの一つである、DevOps統合環境です（Azure DevOps ドキュメント） ※2: Azure DevOpsの拡張機能は以下のマーケットから選択して、DevOps環境にインストールし
jQuery’s influence on the web will always be evident. When it was first introduced in 2006, jQuery became a fundamental tool for web developers almost immediately. It simplified JavaScript programming, making it easier to manipulate HTML documents, handle events, perform animations, and much more. Since then, it has played and continues to play a major role in the evolution of web standards and br
病みつきエンジニアブログ
この記事は Jamstack Advent Calendar 2020 の 23 日目の記事です。 Jamstack なサイトのアーキテクチャ Jamstack の厳密な定義などは一旦置いといて、今回は、次のような構成のサイトについて考えます。あまりわかりやすい図ではないかと思うのですが、上段は非同期アクセス、下段はエンドユーザー(閲覧者)からのリアルタイムアクセスです。 Jamstack構成図 この構成はざっくりいうと、 データは「Headless CMS」と呼ばれる CMS で管理されており、エンドユーザーには見えない エンドユーザーは静的な HTML のみを閲覧する *1 なんらかの方法で、「静的な HTML」は非同期に動的更新される (Webhook や Incremental Static Regeneration など) といった特徴があります。Django や Rails な
はじめに みなさんはE2Eテストを行う時にはライブラリに何を使用していますでしょうか？ 僕は普段Google謹製のPuppeteerを利用しているのですが、ちょっと前に話題になってから常に動向を気にしていたPlaywrightが最近バージョン1.0.0のメジャーリリースが行われたということもあって、「これは実際に触ってみたい！」と思い触ってみましたので、備忘録としてここに記そうと思います。 Playwrightとは PlaywrightとはMicrosoftが提供しているChrome、Safari、Firefoxに対して、CLI上でヘッドレスブラウザを操作できるNode.jsのライブラリです。 かなり簡単な記述で対象ページに対してテストを実施することができます。 後述するコードを見てもらえるとすぐわかるかもしれませんがPuppeteerを知っている人はほぼ同じなので読みやすいかもしれません
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Survivors of Wartime Rape Are Refusing to Be Silenced
モバイル端末でのウェブアプリのデバッグ方法、Safari on iOS/Chrome on Android
Vite でマルチページを Playwright でテストする
マイクロソフト、ウェブアプリの自動テストツール「Playwright for Python」をプレビュー公開
【JavaScript】JavaScript ライジングスター 2022 - Qiita
入門者でも安心、Playwrightで驚くほど簡単にブラウザテストを行う | アールエフェクト
チーム間コラボレーションの活性化：tebiki のホットトピックス共有会<大会
Quote Investigator® – Tracing Quotations
Playwrightを使ってコードベースなE2Eテストに移行した話 | Offers Tech Blog
React Developer Roadmap 2024 を眺める
Playwrightの使い方メモ - 新しいことにはウェルカム
bohemianvoodoo "El Ron Zacapa" 【Music Video】
Visual regression testing for web apps.
6 strategic ways to level up your CI/CD pipeline
2024-07-01のJS: ES2024、Playwright v1.45.0、e18e(Ecosystem Performance)
2022-02-14のJS: Parcel 2.3.0、Vite 2.8.0、Angular Compilerがどのように動いているか、JavaScriptでDDD
Oxford Word of the Year 2016 | Oxford Languages
Post-truth politics - Wikipedia
アジャイル・スクラム開発に便利なAzure DevOpsの拡張機能まとめ - Qiita
Official jQuery Blog | New Wave Javascript
Puppeteerの上位互換？自動テストにPlaywrightを使ってみる - Qiita