概要 playwright-mcpとCursorを活用し、E2Eテストをゼロから自動生成してみました。 本記事ではその検証プロセスと得られた知見を紹介します。 この記事で分かること Playwright MCPでE2Eテストを自動生成する方法 Playwright MCPの活用のヒント はじめに 昨今のMCPブームは収まることを知らず、日々新しいMCP Serverが公開されています。 そんな中、自動化テストツールとして有名なPlaywrightのMCP Serverが公開されました。 Playwrightには、既にユーザーがブラウザを操作しテストを生成できる非常に便利な機能がありますが、今回はそれを超えるために、ユーザーの代わりにCursor（MCP Client）を使用し、ブラウザの自動操作とE2Eテストの自動生成を行えるのかを検証しました。 検証環境 Cursor: claude-s

ちくま新書『ウクライナ戦争』の著者・小泉悠氏が、戦争について、人間について、悪について、子供たちについて、その本質を率直に語った貴重なエッセイ。PR誌「ちくま」１月号より緊急転載いたします。 戦争という現象にはいろいろな顔がある。直接の戦争経験を持たず、軍事オタクとして生きてきた筆者が戦争と聞いてまず思い浮かべてきたのは、「戦闘」だった。巨大な軍隊同士が火力や機動力を発揮して敵の殲滅を目指す暴力闘争。これは間違いなく戦争の一つの顔ではある。 しかし、12年前に子供を持ってから、戦争の別の側面を意識するようになった。子供という、この弱くて壊れやすいものを抱えながら生きていくということは、平時の社会においてもなかなかに緊張を強いられるものがある。すぐに熱を出す、とんでもないことで怪我をする、迷子になる。そういう子供との暮らしに、爆弾が降ってくるのが戦争である。あるいは、子供に食べさせるものがな

大リーグ、エンジェルスの大谷翔平選手が13日（日本時間の14日）行われるオールスターゲームで先発投手を務めることになりました。大谷選手は1番バッターで出場したうえで先発マウンドに上がり、オールスターゲームで史上初めて投打の二刀流でプレーします。 大谷選手は12日、ホームラン競争の前に行われたオールスターゲームの前日会見に出席し、アメリカンリーグの先発投手としてマウンドに上がることが発表されました。 そのうえで、特別ルールを適応して、ファン投票で選出されている指名打者として打順は1番に入ることになり、オールスターゲームで史上初めて投打の二刀流でプレーすることが決まりました。 大谷選手は会見で「全く予想していなかった。ピッチャーとして選ばれることもあまり予想してなかったので、先発投手に選んでいただいてすごく光栄に思う。期待に応えられるように精いっぱい頑張りたい」と笑顔で話していました。 また、

サーバーサイドからみたGraphQL Serverlss Meetup#19 2021/03/31 に行われた Serverlss Meetup#19 で上記のタイトルで登壇してきました。サーバーサイドの話をしようと思ったけどGraphQLの解決している話をしようと思ったらクライアントの事もかなりはいってしまったので記事のタイトルは変えました。 以下内容です。記事の最後に資料を書くにあたって参考になった資料のリンクを置いてます。 GraphQL and me この1年書いたQiita記事 GraphQLの特徴を分解する ~API インターフェース・Universal BFF・API Gateway~ GraphQLはサーバーサイド実装のベストプラクティスとなるか GraphQLの全体像とWebApp開発のこれから 今回話す事 そもそもGraphQLはなんで作られたのか、何を解決しようとして

こんにちは。DevOps芸人と化して久しいAndyです。 2020年の秋にTypeScript 4.1へTemplate Literal Typesが導入され、そのインパクトに俄かに一部の界隈がザワついたのは記憶に新しいかと思います。 今回は型プログラミングの可能性を大いに押し広げたTemplate Literal Typesを用いてSQL文を型レベルで解析し、その実行結果を型情報として導出するためのsqlptureというライブラリを作ったので紹介します。 Embedded content: https://github.com/andoshin11/sqlpture SQLの実行/検証対象はPostgreSQL v13です。 tl;dr SQL文を型レベルで解析・評価して返り値型を取得できるmini interpreterを作ったよ 型レベルのSQL validatorも作ってるよ 実際

アメリカ大統領選挙の結果を確定する連邦議会の会議が開かれましたが、バイデン氏の当選に反発するトランプ大統領の支持者が一時、議事堂に侵入して審議が中断する事態となり、混乱の中、女性1人が銃で撃たれて死亡しました。その後、デモ隊は議事堂から排除され、ペロシ下院議長は6日夜にも審議を再開する見通しを示しました。 アメリカでは6日、去年11月の大統領選挙の結果を確定する連邦議会上下両院の合同会議が開かれました。 会議では各州の選挙人による投票結果の集計が行われましたが、一部の共和党議員が選挙での不正を訴えるトランプ大統領に同調して、西部アリゾナ州のバイデン氏勝利の結果に異議を申し立てました。 さらに、議会の周辺で抗議活動をしていたトランプ大統領の支持者が議事堂を包囲し、一部が建物の窓ガラスを割るなどして内部に侵入して一時的に議事堂を占拠し、議員らは避難を余儀なくされて審議は中断しました。 首都ワシ

去年の12月まで1年数ヶ月お世話になった業務委託先を離任して、1月から休暇を取っていました。 5月から新しい案件に入ったので今はまたお仕事の日々です。 さて、4ヶ月も休暇を取った理由は、毎回案件が終わる度に休暇を取っているというのもあるのですが、学習や趣味の活動でやりたいことが多すぎて、一度がっつり時間を取ってそちらに全力投球したいと思ったというのがありました。 1月の時点ではどのくらい休暇を取るのかは決めていなかったのですが、最低でも3ヶ月、案件のタイミングによっては半年くらい休暇をとってもいいと思っていました。 結果的には4ヶ月丸々休暇を取った感じになりました。 休暇中にやりたかったこと kirimin.hatenablog.com 以前こういうエントリを書きました。 内容を要約すると30歳になる2020年の9月までに ソフトウェアエンジニアとしてCSや数学の知識をもっと高めて、And

845 @845yashiko 4月にMacBookPro13inchをぽちっとしたらその直後に新型の発表があり絶望。 ところが発表の次の日に「お前の買ったMac、製品が新しくなったから新しいほうに変えておいたからな。店頭に並ぶより早く新型が届くぞ」という最高にイケメンUXなメールがAppleからとどいて「しゅき…💖」ってなってる pic.twitter.com/L1xEOF4J5B

プログラミング学習サービスはたくさんありますが、その中でも圧倒的に知名度があり、多くの方に使われているサービスがProgateです。 Progateを使った学習は、HTML・CSSを終えてから、下記のどちらかに進むのが王道の流れです。 フロントエンドに興味があればJavaScript バックエンドに興味があればRuby or PHP or Python 初学者の方にとってプログラミングに慣れる / 知るという意味で、この流れは適切です。ただし、Progateは基礎の基礎を勉強するサービスです。Progateだけではとても実務レベルのスキルや知識は身につきません。 この記事では、『Progateの次は何を勉強すれば良いのか』について、web制作 / フロントエンドに特化して紹介します。 ↓プロになるための学習ロードマップ(web制作編)は、下記の記事をご覧ください。 【2024年版】web制

菅義偉官房長官は27日午前の記者会見で、政府が配布している妊婦用の布マスクを受注した4社のうち、公表していなかった1社は福島市の「ユースビオ」であることを明らかにした。妊婦用マスクについては、変色や…

配布されたマスクとパッケージ アベノマスクは、新型コロナウイルス感染症（COVID-19）の流行下に2020年4月から日本で配布されたガーゼ製布マスクの俗称[1][2]。急激な需要の増大で発生した不織布マスク不足の解消を目的として、安倍政権が約260億円をかけて[3]全世帯に2枚ずつ配布した[1][2][4]。 全世帯向けのほか介護施設などにも配布され[5][6][7][8]、世界でもAbenomaskとして広く報道されていた[9][10]。 新型コロナウイルス感染症対策本部の第25回会議にて全世帯への布マスク2枚配布を表明する安倍晋三・内閣総理大臣（右から2人目）。なお、安倍は布マスクを着用しているが周囲の国務大臣は不織布マスクを着用している（2020年4月1日、総理大臣官邸にて）2020年の3月頃から新型コロナウイルス感染症の世界的な流行が日本でも大きな問題になると、マスク需要が急激に

国際NGO「国境なき記者団」（本部・パリ）は21日、2020年の「報道の自由度ランキング」を発表した。調査対象の180カ国・地域のうち、日本は66位（前年67位）だった。日本の状況について、東京電力…

こんにちは。最後に仕事でVueを書いてからそろそろ半年が経とうとしているAndyです。 (最近はReact, Go, Terraformあたりを触ってます) さて近頃はα版のバージョンも12を数え、そろそろVue 3のβ版リリースも見えてきました。 自分は趣味のプロダクトも含めて4年ほどVueを利用していますが、コンパイラの機能が日に日に充実していくのを眺めるのはとても楽しいです。 今回はそんなVue 2から大幅に進化したvue-nextのエコシステムを踏まえて、改めてVue Templateの型チェックに挑んでいきたいと思います。 TL;DR 今まではVue Templateの型チェックがしんどかった Vue 3からコンパイラがsourcemapを吐いてくれるようになった TypeScript Compiler APIと組み合わせてTemplateの型チェックができるツールを作ったよ！

#非常事態宣言 全額休業補償をすれば、国は、財政破綻します。国名を挙げれば失礼ですが、イタリアと同じような状況になります。それは、医療崩壊へとつながるのです。国も７都府県も、検討可能な対策を真摯に議論すべきです。国民の皆さんにも、我慢をしていただかなければなりません。(続く)

GitHub Actionsについて調べていたら、ひょんなことからworkflow commandsの存在とそれを使ってPull RequestのDiff Viewでメッセージが表示できることを知った。 (GitHub ActionsでESLintを動かした時にエラー表示してくれるアレ) 良い機会なのでTS Compiler APIの勉強も兼ねて型検査の結果をコード上に表示するためのGitHub Actionsを自作しようと思う。 できたもの Embedded content: https://github.com/marketplace/actions/typescript-error-reporter 使い方 お手持ちのGitHub Actions workflowに2行追加するだけ - name: TypeScript Error Reporter uses: andoshin11/

JavaScriptの ~. 構文って知ってる？　Promise Pipeliningが拓く非同期処理の未来JavaScriptECMAScript PromiseはES2015からJavaScriptに導入された機能で、非同期処理をいい感じに記述できるたいへんありがたいオブジェクトです。実は、Promiseの強化版ともいえる新機能、その名もHandledPromiseが提案されています。また、このHandledPromiseのための新構文~.も同時に提案されています。 例えば、~.を用いて次のようなプログラムを書くことができます。 この記事では、HandledPromiseと~.について概説します。例によって、これらはStage 1プロポーザルです。つまり、「こういうのがあってもいいんじゃない？」と思われている段階であり、具体的な方向性とかは何一つ決まっていないということです。この記事で

この記事はCamphor- Advent Calendar 2019 15日目の記事です。 Squelette: Yet another TS codegen ecosystem for Open API. Embedded content: https://github.com/andoshin11/squelette 本Advent Calendarへの参加も今年で4回を数えます。フロントエンドなAndyです。 ここ数年の間に加速度的にTypeScriptの利用機会が増え、Webブラウザで動くSingle Page Applicationの世界にも静的型付けの考え方が浸透してきました。 Redux, VuexのようなRepositoryレイヤーからUIコンポーネント内のビジネスロジック、ひいてはDOMにいたるまで一気通貫に型の恩恵を感じることのできる開発体験は、今後もしばらくメイントレ

本記事はPhotocreate Advent Calendar 2019 2日目の記事です。 フロントエンドなみなさんこんにちは。Andyです。 2019年3月より、業務委託という形式で株式会社Photocreateの運営するスクールフォト販売サイト「スナップスナップ」のリニューアルプロジェクトをお手伝いさせていただきました。 今回はその中でチームの仲間とチャレンジした課題についてご紹介したいと思います。 はじめに 昨今のフロントエンド界隈はエッジノードでのpre-renderingエコシステムが非常に充実してきました。ひと昔前のように「検索エンジン最適化(SEO)のためにはSSRがマスト！！」といった要件がSingle Page Application開発に求められることも減ってきた気がします。 とはいえ依然としてSSR機構を求められる案件も少なくなく、無垢な初心者が誤って迷い込もうもの

シリコンバレーでエンジニア就職する前に知りたかったこと 1. • 2018 • Software Engineer Software Engineer 2. • • • • https://tnanjo.net/software-engineer-in-us/ • https://amzn.to/2R8YMSj 3. Agenda • • • • • • 4. Recruiter OA* Recruiter OA*: Online Assessment 5. / / * / / / / Referral / OA / / / * OA/ 6. OA/ 8 2 1 8 8/11 8/27 9/17 11/2 7. * Java Thread CS Software Engineer 8. Part 2 Cracking Coding Interview 4 6 LeetCode - Top