ブラウザ操作を録画して、AIにPlaywrightテストを書いてもらう
概要 こんにちは、booostのバックエンドエンジニアのma_meです。 今回はこちらの記事から着想を得て、個人開発で AI、DevTools Recorder、playwright-cli の３ツールを組み合わせてe2eテストを書いてみたところ、作成とメンテナンスが楽になる手応えを感じましたので、その方法を紹介します。 全体の流れ ① ブラウザで操作を録画（Chrome DevTools Recorder） ↓ ② 録画JSONをCodexないしClaude Codeに渡す ↓ ③ AIがJSONを読み取り、Playwrightテストコードに変換 ↓ ④ 必要に応じてplaywright-cliで画面のスナップショットを取り、セレクタを補正させる ↓ ⑤ テストファイルが完成 では実際にやっていきましょう。 Step 1: ブラウザ操作を録画する Chrome DevToolsの「Rec
AIエージェントがコマンドラインでブラウザを自動操作できる「Browser Use CLI 2.0」リリース。Chrome DevToolsへの接続などで操作速度が2倍に
AIエージェントがコマンドラインでブラウザを自動操作できる「Browser Use CLI 2.0」リリース。Chrome DevToolsへの接続などで操作速度が2倍に 人間やAIエージェントがコマンドラインから指示することでWebブラウザを操作できるオープンソースのPythonライブラリ「Browser Use CLI 2.0」がリリースされました。 Browser Use CLI 2.0では、Chromeブラウザに対してChrome DevTools Protocol（CDP）で接続して操作できるようになり、またセッションごとにWebブラウザを起動することなくデーモンによるセッションの保持が行われることで、前バージョンよりも操作速度が2倍になるなどの機能向上が実現されています。 Introducing: Browser Use CLI 2.0 The most efficient b
ページをブックマークしてHTML・スクショ画像・PDFなどで自動保存して検索・ハイライトなどの注釈・複数人での共有・スマホアプリからの利用・RSSの自動保存・AIによる自動タグ付けができる「Linkwarden」、無料でセルフホストも可能
気になる記事やブログ、技術解説サイトなどブックマークに保存したサイトを後で見ようとした際に、ページが削除されているケースがあります。「Linkwarden」を使うと、ブックマークと同時にページをPDF化し、スクリーンショットを保存した上、複数人との共有や複数デバイスでの利用が可能となり、多機能なブックマーク管理サービスが利用できます。以前から3年近くが経過してまったく違う次元までレベルアップしたので改めて使ってみました。 Linkwarden - Bookmarks, Evolved https://linkwarden.app/ linkwarden/linkwarden: Self-hosted collaborative bookmark manager to collect, read, annotate, and fully preserve what matters, all
「もう日本は無理！」という人のための日本国籍離脱ガイドブック（簡易版）｜わしお
0.はじめに ※この記事は、あくまでも日本国籍離脱の「入口」にたどり着くための簡単なガイドブックに過ぎない。正確な最新情報は各自の責任において調査してほしい。 ※本記事は「日本国籍離脱」に焦点を当てるため、制度上の年数に絞って記述した。就労ビザ、留学ビザなどの発給にかかる日数は計算に入れていないことを頭に入れた上でお読みいただきたい。国によっては、ビザ発給に1〜2年、あるいはそれ以上を要する場合もあるほか、そもそもビザが発給されないこともありうる。 ※本記事は、左派・リベラルの視点で書かれたものであり、異なる立場の方には合わない可能性が高い。読むことそれ自体は自由だが、筆者及び読者に対する悪意のあるコメントを残した場合は、コメントを削除する。 ※「日本以上に便利な国はない」「日本が世界一清潔で住みやすい」「日本人が海外で暮らすのはキツイい。結局日本が一番いい」「日本が最高」という考え方を強
「もう日本は無理！」「日本国籍を離脱したい！」「これから生まれる我が子を日本で徴兵されたくない」という人のための、超簡易版ガイドブックが参考になる
リンク note（ノート） 「もう日本は無理！」という人のための日本国籍離脱ガイドブック（簡易版）｜わしお 0.はじめに ※この記事は、あくまでも日本国籍離脱の「入口」にたどり着くための簡単なガイドブックに過ぎない。正確な最新情報は各自の責任において調査してほしい。 ※カナダ、フィンランドについて大幅に加筆修正を行った この記事にたどり着いた人は、きっと「もう日本は無理！」「もう日本国籍を離脱したい！」「これから生まれてくる我が子を日本で徴兵されたくない！」「憲法改悪反対！」「もう日本人には呆れた！わたしはもう『日本人』であることをやめたい！」「日本を脱出したい！」など、さまざまな思いを抱えていらっしゃることだ 260 users 1
【完全自動化】n8n×Obsidianで「寝ている間に最新ニュースが届く」最強の情報収集システムを作った話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、エンジニアのTaichiです。 日々アップデートされる技術情報、追いかけるのが大変ですよね。「あとで読む」つもりの記事が溜まっていくばかり…。 そこで今回は、話題のローコードツール n8n と、愛用のノートアプリ Obsidian を連携させ、「朝起きたら、勝手に最新ニュースの要約が自分のノートに届いている」 という夢のようなシステムを構築しました。 コードをほぼ書かずに実現できたので、その手順とノウハウを共有します。 🏗️ 全体アーキテクチャ 仕組みはシンプルですが、強力です。 収集: n8n が毎朝9時にGoogleニ
Claude Code 超完全ガイド | エンジニアから投資家まで、すべてのユーザーのための実践マニュアル｜FabyΔ
方法3: Web版 2025年10月、Claude Code Web版がリリースされた。 https://claude.ai/code claude.aiにログインし、GitHubリポジトリを接続するだけでいい。ターミナルの知識は不要。GitHubとの連携は必要だが、外出先でスマホからもアクセスでき非常に便利だ。 初期設定適当なフォルダを作って起動。起動したら、まずはフォルダに移動して /init コマンドを実行してみよう。プロジェクト構造に基づいたCLAUDE.mdファイルが自動生成される。これがClaude Codeとの最初の対話になる。 Part 5: 基本操作とショートカットキーボードショートカット覚えておくべきショートカットは限られている。 Enter: メッセージ送信 Shift+Enter: 複数行入力 Tab: 思考表示のトグル Esc: 現在の操作を中断 Esc Esc:
今から始めるClaude Code超入門
2026/1/29 DIST.52 「今から始めるClaude Code超入門」
青春18きっぷ1枚で日本縦断ずっと不可能だったけどまた可能になったので最北端の稚内から最南端の鹿児島まで行ってきた｜pato
1日目 AM5:00 北海道稚内市 稚内駅みなさんおはようございます。 北海道は稚内市、いわずと知れた日本最北端の街に来ています。その稚内市にある稚内駅もまた日本最北端の駅だったりします。 この稚内駅、僕にとってはなかなか思い出が深すぎる駅だったりします。 もう8年も前になるのですが、いまや更新停止してしまったSPOTというお出かけ体験型メディアで以下のような記事を書いたことがありました。ご存知の方も多いかと思います。 本土最南端の駅である鹿児島県の西大山駅から最北端の駅である稚内駅まで青春18きっぷ1枚で5日間で移動するという狂気の沙汰みたいな記事です。何らかの罰でやらされてるレベルの記事とよく言われます。 青春18きっぷとは、毎年、時期限定で発売される旅客鉄道会社全線（JR線）の普通列車・快速列車が利用できる、特別企画乗車券のことです。その名称から18歳くらいの若者しか使用できないと勘
Claude × Nano Banana Pro で料理漫画を自動生成するパイプラインを作った - Qiita
ページ,コマ,コマサイズ,シーン説明,キャラクター,セリフ,漫画部分プロンプト,実写料理プロンプト,備考 1,1,大,ユウタが和食を洋食っぽく盛り付けてしまう,ユウタ,肉じゃが作った！大皿にドーンと盛ったよ！,"被写体：ユウタがダイニングテーブルの前に立ち、大きな白い丸皿を持っている。得意げな笑顔。 構図：テーブルを挟んでユウタの上半身。 場所：1LDKマンションのダイニング、夜。 スタイル：よつばと!風、フルカラー、パステルカラー。","肉じゃがを白い丸皿に山盛り、洋食風の盛り付け、違和感がある",導入 1,2,中,ミナが微妙な反応,ミナ,美味しそうだけど…なんか和食っぽくないかも,"被写体：ミナがテーブルに座り、皿を見ている。首をかしげている。 構図：バストアップ。 スタイル：よつばと!風、フルカラー。",, """ Nano Banana Pro 画像生成（複数画像対応） Usage
数百万人が使う“AI彼女”アプリ「SillyTavern」が面白い (1/6)
キャラクターAIをもっと自由に扱えないか。そんなニーズに応えるように「SillyTavern（シリー・タバーン／直訳すると、おバカな居酒屋）」というLLM用のフロントエンドアプリが人気を集めています。欧米圏や中国で、数百万ユーザーを抱えていると推測されています。キャラクターAIの人格や世界観を、LLMでできるだけ自由に扱えるように、様々な機能の開発が続けられています。さらに、ユーザー間でキャラクターAIのデータが活発に交換されるエコシステムも登場しています。カウンターカルチャーとして成長を続ける、キャラクターAIの世界をご紹介します。 SillyTavernの仕組みとカスタマイズ性 SillyTavernはあくまで多数の機能を搭載したLLMのフロントエンドアプリです。バックエンドは、ChatGPTやGeminiなどにAPI経由で接続したり、ローカルLLM用のアプリ「LM Studio」とい
Nano Banana Proで遊ぼう！公開プロンプトまとめ（2025年12月5日のAIイラスト）｜てんねん｜AIイラストクリエイター
Nano Banana Proで遊べるプロンプトを立て続けに公開してきました。我ながらどれもこれも実用的には欠けるものの、オリジナリティはあるものばかりではないかと思っています。 数日の間にたくさん公開したので、今日は記事をまとめておこうと思います。 【フィギュア化＋製品紹介レイアウトプロンプト】と【スカウタープロンプト】 まず、最初のプロンプト公開記事では【フィギュア化＋製品紹介レイアウトプロンプト】と【スカウタープロンプト】を公開しました。 フィギュア化＋製品紹介レイアウトプロンプト 参照画像のキャラクターをフィギュア化し、これの製品紹介風にレイアウトします。メーカーロゴ、部分拡大図、商品ロゴを配置できます。 ゴミを拾いながら気を溜める。フィギュア公開しているプロンプトなので自由に使っていただいて構いませんが、ロゴ指定部と商品名指定部は自分のオリジナルに変えていただきたいです…。 スカ
フルリモート廃止SEの限界低コストカプセルホテル二拠点生活 (付録：おすすめの都内安宿) - メモ帳DPA
専門外の趣味を語る Advent Calendar 2025 の6日目の記事です。 雑な二拠点?生活の経緯 インフラ系のSE的なことをやっている。現地で機器を直接触る必要がある場合や、対面での打合せをする場合を除くと、リモートでも普通に成立する業務内容だったので、コロナを機に基本フルリモートになった。 ...と思いきやそれから数年後、方針変更により一定割合以上の出社が結局義務化された。 リモートを前提に都心を離れていたこともあり、通勤時間の負担が大きくなってきたので、近場の良い物件もしくは転職先を見つけるまでのつなぎとして、 「毎週遠征して安宿に数泊しながら複数日出社した後帰宅する」という生活パターンを試してみたら、意外とアリだなこれという感じに収まってしまい、そのまま今でも継続している。 費用 ホテル代の高騰が進んでいるが、カプセルホテルやドミトリーには比較的安いものがまだまだ残っている
Claude Code on the web で実現するどこでもゲーム開発 - ABAの日誌
AI コーディングエージェントの登場により、エディタで直にコードをいじらずともプログラム開発が可能になった。最近はこれらエージェントをブラウザ上からも使えるようになった。たとえばClaude Code on the webがそのようなエージェントの一例だ。 これを使えばスマホでどこでもゲームが開発できるのでは？そう考えて作ったプロンプトやツールを、以下のリポジトリに置いた。 このリポジトリは 2024/3 から作っており、ここで LLM を使ったワンボタンアクションミニゲーム作りをいろいろ試行錯誤している。Claude のチャットインタフェースから、Cursor の IDE、CLI の Claude Code など、いろいろな環境を渡り歩きながら、試行錯誤を続けている。 ある意味この記事はこの試みの第 5 回である。 スマホでブラウザゲーム開発のワークフロー Claude Code on
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Claude Code Unpacked
みんなAI使って何やってるの？
安いGPUレンタルサービスについて
Google Antigravity
Google、誰でも学べるAI学習サイト「Google Skills」を正式公開──Cloud・DeepMind・教育部門を横断する3000講座を展開 | Ledge.ai
Cursor CLI
