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:
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サイトが提携企業の増加とともに大きく増えているため、テスト対象の範
A Guide to Claude Code 2.0 and getting better at using coding agents
Table of Contents Intro Why I wrote this post The Map is not the territory This post will help you keep up in general Lore time - My Love and Hate relationship with Anthropic Timeline My Codex era Anthropic Redemption Arc + Regaining mandate of heaven Why Opus 4.5 feels goooood This post is not sponsored Pointers for the technically-lite The Evolution of Claude Code Quality of life improvements in
【Claude Code完全攻略ロードマップ】非エンジニアでもOK！たった1日でClaude Codeを丸ごと完全理解する！｜そう｜Claude Code×n8nでAI自動化
【Claude Code完全攻略ロードマップ】非エンジニアでもOK！たった1日でClaude Codeを丸ごと完全理解する！ どうも、こんにちは。「そう｜AI自動化」（@so_ainsight）です。 今回は「【非エンジニアのためのClaude Code完全攻略ロードマップ】」をご覧頂き、誠にありがとうございます。 本noteは、プログラミング知識がゼロの方でも、Claude Codeを使いこなして自動化マスターになれる完全攻略ロードマップです。約４万文字超、画像枚数90枚超 、全45章構成の超大作となっています。 「プログラミングなんて無理...」そう思っていませんか？ でも、大丈夫です。Claude Codeは、あなたが日本語で指示を出すだけで、自動的にコードを書いてくれる革命的なツールです。 コードを1行も書かずに、エクセルの分析、レポート自動生成、画像処理、データ整理...あらゆる
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"
Playwright MCP を試す｜npaka
「Playwright MCP」を試したのでまとめました。 1. Playwright「Playwright」は、Microsoft が開発した Web ブラウザの自動化ツール です。 2. Playwright の用途「Playwright」の主な用途は、次のとおりです。 2-1. E2E (エンドツーエンド) テストユーザーが行う操作 (ログイン、商品購入など) を自動でテストします。 ・ECサイトで商品をカートに追加して決済完了するまでを自動テスト ・入力フォームが正しく動作するか確認 ・多言語対応ページの表示確認 2-2. ビジュアルリグレッションテストUIの見た目が変更されていないかチェックします。 ・コード変更後に、画面崩れを自動検出 ・多言語・多ブラウザの対応確認 ・ページ全体のスクリーンショットを毎回比較 2-3. WebスクレイピングWebサイトからデータを自動で取得しま
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章：Playwrightの概要と導入のメリット 1.1 Playwrightとは：ブラウザを操る「自動パイロット」 Playwrightは、Microsoftが開発したオープンソースのブラウザ自動化フレームワークです。簡単に言うと、人間が普段ブラウザで行っている「クリックする」「文字を入力する」「ページを移動する」といった操作を、プログラムによって自動で再現するツールです。 かつてはSeleniumというツールが主流でしたが、Playwrightはブラウザと直接通信する新しい仕組みを採用しており、非常に高速で安定して動作するのが特徴です。また、PythonだけでなくTypeScriptやJavaなど複数の言語をサポートしており、現場の環境に合わせて導入できます。 1.2 E2Eテストの重要性：手動テストという「修行」からの解放 E2E（End to End）テストとは、システムの端から
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"
Playwrightは、使いやすさや対応言語の多さなどが特徴のE2Eテスト自動化ツールです。この記事では、Playwrightの概要やインストール方法、基本的な使い方について解説します。テスト自動化ツールの導入を検討している方はぜひ参考にしてください。 Playwrightとは？【Webテストを行うツール】 Playwrightは、Webアプリを開発する際のテストを自動で行うツールです。主に、E2Eテストを効率的に行う目的でPlaywrightが用いられます。 Playwrightが対応しているブラウザはGoogle ChromeやMicrosoft Edge、Firefoxなど様々ですSafariの開発にも使用されているHTMLレンダリングエンジンのWebKitや、ブラウザ向けコードベースのChromiumにも対応しています。 利用できるプログラム言語はC#やJava、JavaScrip
はじめに browser-use-webuiは、AIエージェントによるブラウザ操作を簡単に実現できるツールです。今回は、セットアップから実際の使用例まで詳しく解説します。 browser-useのwebui を動かしてみた！ 確かにこれは面白い！！！ https://t.co/Uzj8YOrRvb pic.twitter.com/D3JGkRX8EU — Maki@Sunwood AI Labs. (@hAru_mAki_ch) January 4, 2025 🔧 セットアップ方法 前提条件 Python 3.11以上が必要（この例ではPython 3.12.5を使用） パッケージマネージャーとしてuvを使用（高速なインストールが可能） インストール手順 仮想環境の作成: uv venv --python 3.12 .venv\Scripts\activate browser-useのイ
Model Context Protocol (MCP) サーバーは LLM が外部のツールと対話するための標準的な方法ですが、インストールが複雑でハードル高いという課題があります。`.dxt` ファイルは MCP サーバーを簡単にインストールできるパッケージ形式です。これを使用することでユーザーはターミナルを操作したり JSON ファイルを編集することなく MCP サーバーを利用できるようになります。 Model Context Protocol (MCP) LLM が外部のツールと対話する方法として標準的な地位を確立しつつあります。現在では MCP の仕様を提案した Anthropic 社が提供する Claude のみならず、OpenAI の GPT-4o や Google の Gemini Pro など、主要な LLM が MCP をサポートしています。 MCP の抱える課題の 1
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
Web scraping, or crawling, is the process of fetching data from a third-party website by downloading and parsing the HTML code to extract the data you need. "But why don't you use the API for this?" Not every website offers an API, and those that do might not expose all the information you need. Therefore, scraping often becomes the only viable solution to extract website data. There are numerous
PlayWright Browser Toolkit で Webスクレイピングを試してみた | keywalker
はじめに PlayWright Browser Toolkitを紹介します。 今回は、PlayWright Browser Toolkitを使って、簡単なWebスクレイピングを行いました。 目次 概要 動作確認：pythonからPlayWrightを操作する PlayWright Browser Toolkit 簡単なWebスクレイピング まとめ 参考情報 1.概要 PlayWrightとは PlayWright(リンク)は、Microsoft社が開発している、Webテストと自動化のためのフレームワークです。 PlayWrightを使うことで、Chrome、Firefox、WebKitをコマンドラインから操作することが可能になります。 PlayWright Browser Toolkit PlayWright Browser Toolkit(リンク)は、LangCahin(リンク)のAge
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ページを開く
ECS上にE2Eテスト基盤としてPlaywrightによる実行環境を構築した
AIニュースノート：nano-bananaが話題に、AGENTS.mdの採用広がる、Microsoft Copilotに3Dモデリング機能が追加、ChatGPTでプロジェクト専用メモリー搭載、Claude for Chromeの安全設計など | gihyo.jp
PythonとPlaywrightを用いたE2Eテスト自動化の入門ガイド
Playwrightを用いてテストを自動化しよう！概要や使い方を解説｜Udemy メディア
browser-use-webuiでブラウザ操作を自動化しよう！ - Sun wood AI labs.2
ワンクリックで MCP サーバーをインストールする .dxt ファイル
Web Scraping without getting blocked (2025 Solutions)
Seleniumと比較したPlaywrightの強味