news - 4741ページ目 (4915ページ中)

驚きの軽さと多機能性！「BAG-BP17」カジュアルPCバックパック

ITニュース

インモビ運営局

-

2025年4月7日

0

アスキーストアでは、肩への負担を軽減する500mlペットボトルとほぼ同じ重さのカジュアルPCバックパック「BAG-BP17」を発売中。

Source link

ARIA Snapshots と Playwright MCP

テックニュース

インモビ運営局

-

2025年4月7日

0

 などはそれのみでは意味を持たず、必要な場合には role 属性で意味づけを提供すること（role=”tabpanel” など）が可能です。
ARIA ロールは、コンテンツに意味づけ行い、スクリーンリーダーなどのツールが、その種類のオブジェクトに対するユーザーの期待に一致する方法でオブジェクトを表示し、操作に対応できるようにします。 ARIA ロールは、 HTML にネイティブに存在しない要素や、存在しててもブラウザーの完全な対応がまだない要素を記述するために使用することができます。
Chrome Dev Tools からもページがどのようなアクセシビリティツリーとなっているかを確認出来ます。

 なにが出来るの？Playwright でアクセシビリティツリーを取得し、論理的な意味を持つという側面をテストに応用するという試みが ARIA Snapshots です。
YAML 形式で取得されたアクセシビリティツリーのスナップショットを比較することで、UI の変更や影響範囲を検出する仕組みです。
body内の ARIA Snapshot を取得してテスト
await expect(page.locator('body')).toMatchAriaSnapshot(`
  - heading "title"
`);

 DOM アサーションとの違い従来の locator を指定しての DOM アサーションでは、特定のHTML要素の存在、テキスト内容、属性の値などをチェックします。しかし、複雑な構造に対してアサーションを行うことやコンポーネント全体をメンテナンスしていくことが難しい場合があります。
ARIA Snapshots は、要素の論理構造（たとえば見出しやリスト、リンクといった構成要素）を YAML 構造に反映することで、変更箇所をより具体で明確に把握できる点においてメリットがあります。
h1タグをロケータ指定でテスト
await expect(page.locator('h1')).toHaveText('title');

 ビジュアルリグレッションテストとの違いビジュアルリグレッションテストは、UI 外観そのものを実環境でレンダリングし、確認と変化の検知が可能です。一方、スタイル変更で常にテストの更新が必要になることや、実行時間と金銭的なコストがかかる面があります。
ARIA Snapshots は実行コストが低く、コンポーネント単位でツリー構造やコンテンツの論理的な一貫性を担保するテストが可能になります。

 品質保証HTML 論理構造の変更からコンテンツのリグレッションを検知し、全てのユーザーに提供する Web ページのアクセシビリティ面での品質を考えるのに今後重要な機能です。
https://web.dev/learn/accessibility/welcome
Playwright API や使い方はシンプルなので、公式ページにゆずります。

 playwright-mcp
 MCPMCP については、最新の多くの記事や以前書いたものにゆずります。


https://zenn.dev/layerx/articles/9bdefe4d435882

 LLM にブラウザ操作をさせるブラウザ操作を目的として、LLM モデルに Playwright をツールとして認識させる MCP サーバーが、2025年3月に Playwright から公式にリリースされました（3rd party 製のものは以前からありました）。


https://github.com/microsoft/playwright-mcp

 Tool Modes個人的に注目したのは、2種類の Tool Modes を備えている点です。
Snapshot Mode (default): Uses accessibility snapshots for better performance and reliability
Vision Mode: Uses screenshots for visual-based interactions
この 1. Snapshot Mode (default) は、DOM ではなく AOM（前章のアクセシビリティツリー）をモデルに認識させています。マルチモーダルなLLMモデル前提で、Vision（つまりスクリーンショット）よりも安定性やパフォーマンスが優れていることは想像出来ます。
また、vs DOM としてはより論理的なページ情報にフォーカスすることで、トークン数やノイズになる情報を省ける効果が見込めます。
https://github.com/microsoft/playwright-mcp/blob/v0.0.9/src/tools/snapshot.ts
一方で、精度というか自然言語ベースの指示からツール実行が思った通りに出来るかは、一概には言えない部分です。そもそもアクセシビリティに配慮できていないウェブサイトでは、LLM に渡す情報が抜け落ちていること（実装者依存が大きい）や視覚的な強調を（スタイルなどによって）行っているなら、スクリーンショットを利用する、もしくはハイブリッドも手段としてありえます。

Cursorからの実行
https://github.com の ARIA SnapshotPage URL: https://github.com/
Page Title: GitHub · Build and ship software on a single, collaborative platform · GitHub
Page Snapshot

- link "Skip to content" [ref=s1e7]:
    - /url: "#start-of-content"
- alert "Announcement" [ref=s1e12]:
    - text: GitHub Copilot is now available for free.
    - link "Learn more" [ref=s1e14]:
        - /url: https://github.com/features/copilot/?utm_source=github&utm_medium=banner&utm_campaign=copilotfree-bannerheader
    - button "Close" [ref=s1e16]
- banner [ref=s1e18]:
    - heading "Navigation Menu" [level=2] [ref=s1e19]
    - link "Homepage" [ref=s1e23]:
        - /url: /
    - navigation "Global" [ref=s1e27]:
        - list [ref=s1e28]:
            - listitem [ref=s1e29]:
                - button "Product" [ref=s1e30]
            - listitem [ref=s1e31]:
                - button "Solutions" [ref=s1e32]
            - listitem [ref=s1e33]:
                - button "Resources" [ref=s1e34]
            - listitem [ref=s1e35]:
                - button "Open Source" [ref=s1e36]
            - listitem [ref=s1e37]:
                - button "Enterprise" [ref=s1e38]
            - listitem [ref=s1e39]:
                - link "Pricing" [ref=s1e40]:
                    - /url: https://github.com/pricing
    - button "Search or jump to…" [ref=s1e44]
    - link "Sign in" [ref=s1e51]:
        - /url: /login
    - link "Sign up" [ref=s1e52]:
        - /url: /signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F&source=header-home
- main [ref=s1e56]:
    - region "Build and ship software on a single, collaborative platform" [ref=s1e65]:
        - heading "Build and ship software on a single, collaborative platform"
          [level=1] [ref=s1e69]
        - paragraph [ref=s1e70]: Join the world’s most widely adopted AI-powered developer platform.
    - form "Sign up for GitHub" [ref=s1e72]:
        - text: Enter your email
        - textbox "Enter your email" [ref=s1e78]
        - button "Sign up for GitHub" [ref=s1e79]
    - link "Try GitHub Copilot" [ref=s1e82]:
        - /url: /features/copilot
    - heading "GitHub features" [level=2] [ref=s1e86]
    - button "Pause demo" [ref=s1e91]
    - text: A demonstration animation of a code editor using GitHub Copilot Chat,
        where the user requests GitHub Copilot to refactor duplicated logic and
        extract it into a reusable function for a given code snippet.
    - tablist [ref=s1e102]:
        - tab "Code" [ref=s1e108]
        - tab "Plan" [ref=s1e110]
        - tab "Collaborate" [ref=s1e112]
        - tab "Automate" [ref=s1e114]
        - tab "Secure" [ref=s1e116]
    - region [ref=s1e118]: Build code quickly and more securely with GitHub Copilot
        embedded throughout your workflows.
    - heading "GitHub is used by" [level=2] [ref=s1e121]
    - img "Shopify" [ref=s1e125]
    - img "EY" [ref=s1e126]
    - img "Figma" [ref=s1e127]
    - img "Duolingo" [ref=s1e128]
    - img "New York Times" [ref=s1e129]
    - img "Mercado Libre" [ref=s1e130]
    - img "American Airlines" [ref=s1e131]
    - img "Ford" [ref=s1e132]
    - img "Mercedes Benz" [ref=s1e133]
    - img "Société Générale" [ref=s1e134]
    - img "Vodafone" [ref=s1e135]
    - img "Philips" [ref=s1e136]
    - img "SAP" [ref=s1e137]
    - img "Infosys" [ref=s1e138]
    - img "Spotify" [ref=s1e139]
    - button "Logo suite animation is currently playing. Click to pause." [ref=s1e140]: Pause
    - heading "Accelerate performance" [level=2] [ref=s1e151]
    - paragraph [ref=s1e153]: With GitHub Copilot embedded throughout the platform,
        you can simplify your toolchain, automate tasks, and improve the
        developer experience.
    - button "Pause video" [ref=s1e162]
    - text: "A Copilot chat window with extensions enabled. The user inputs the @
        symbol to reveal a list of five Copilot Extensions. @Sentry is selected
        from the list, which shifts the window to a chat directly with that
        extension. There are three sample prompts at the bottom of the chat
        window, allowing the user to Get incident information, Edit status on
        incident, or List the latest issues. The last one is activated to send
        the prompt: @Sentry List the latest issues. The extension then lists
        several new issues and their metadata."
    - heading "Work 55% faster. Jump to footnote 1 Increase productivity with AI-powered coding assistance, including code completion, chat, and more." [level=3] [ref=s1e176]:
        - text: Work 55% faster.
        - link "Jump to footnote 1" [ref=s1e177]:
            - /url: "#footnote-1"
            - superscript [ref=s1e178]: Jump to footnote 1
        - text: Increase productivity with AI-powered coding assistance, including code
            completion, chat, and more.
    - link "Explore GitHub Copilot" [ref=s1e182]:
        - /url: /features/copilot
    - paragraph [ref=s1e189]: Duolingo boosts developer speed by 25% with GitHub Copilot
    - link "Read customer story" [ref=s1e191]:
        - /url: /customer-stories/duolingo
    - paragraph [ref=s1e197]: 2024 Gartner® Magic Quadrant™ for AI Code Assistants
    - link "Read report" [ref=s1e199]:
        - /url: https://www.gartner.com/doc/reprints?id=1-2IKO4MPE&ct=240819&st=sb
    - term [ref=s1e213]:
        - button "Automate any workflow" [expanded] [ref=s1e214]:
            - heading "Automate any workflow" [level=3] [ref=s1e216]
    - definition [ref=s1e217]:
        - paragraph [ref=s1e220]: Optimize your process with simple and secured CI/CD.
        - text: A list of workflows displays a heading ‘45,167 workflow runs’ at the top.
            Below are five rows of completed workflows accompanied by their
            completion time and their duration formatted in minutes and seconds.
        - link "Discover GitHub Actions" [ref=s1e223]:
            - /url: /features/actions
    - term [ref=s1e227]:
        - button "Get up and running in seconds" [ref=s1e228]:
            - heading "Get up and running in seconds" [level=3] [ref=s1e230]
    - term [ref=s1e232]:
        - button "Build on the go" [ref=s1e233]:
            - heading "Build on the go" [level=3] [ref=s1e235]
    - term [ref=s1e237]:
        - button "Integrate the tools you love" [ref=s1e238]:
            - heading "Integrate the tools you love" [level=3] [ref=s1e240]
    - heading "Built-in application security where found means fixed" [level=2]
      [ref=s1e247]
    - paragraph [ref=s1e250]: Use AI to find and fix vulnerabilities—freeing your
        teams to ship more secure software faster.
    - heading "Apply fixes in seconds. Spend less time fixing vulnerabilities
      and more time building features with Copilot Autofix." [level=3]
      [ref=s1e259]
    - link "Explore GitHub Advanced Security" [ref=s1e262]:
        - /url: /enterprise/advanced-security
    - img "Copilot Autofix identifies vulnerable code and provides an
      explanation, together with a secure code suggestion to remediate the
      vulnerability." [ref=s1e268]
    - paragraph [ref=s1e275]: Solve security debt. Leverage AI-assisted security
        campaigns to reduce application vulnerabilities and zero-day attacks.
    - link "Discover security campaigns" [ref=s1e278]:
        - /url: /enterprise/advanced-security
    - img "A security campaign screen displays the campaign’s progress bar with
      97% completed of 701 alerts. A total of 23 alerts are left with 13 in
      progress, and the campaign started 20 days ago. The status below shows
      that there are 7 days left in the campaign with a due date of November 15,
      2024." [ref=s1e282]
    - paragraph [ref=s1e286]: Dependencies you can depend on. Update vulnerable
        dependencies with supported fixes for breaking changes.
    - link "Learn about Dependabot" [ref=s1e289]:
        - /url: /features/security/software-supply-chain
    - img "List of dependencies defined in a requirements .txt file."
      [ref=s1e293]
    - paragraph [ref=s1e297]: "Your secrets, your business: protected. Detect,
        prevent, and remediate leaked secrets across your organization."
    - link "Read about secret scanning" [ref=s1e300]:
        - /url: /features/security/code
    - img "GitHub push protection confirms and displays an active secret, and
      blocks the push." [ref=s1e304]
    - heading "7x faster vulnerability fixes with GitHub Jump to footnote 2" [level=3] [ref=s1e309]:
        - text: 7x faster vulnerability fixes with GitHub
        - link "Jump to footnote 2" [ref=s1e312]:
            - /url: "#footnote-2"
            - superscript [ref=s1e313]: Jump to footnote 2
    - heading "90% coverage of alert types in all supported languages with Copilot Autofix" [level=3] [ref=s1e318]:
        - text: 90% coverage
        - link "of alert types in all supported languages with Copilot Autofix" [ref=s1e321]:
            - /url: https://docs.github.com/en/code-security/code-scanning/managing-your-code-scanning-configuration/codeql-query-suites
    - heading "Work together, achieve more" [level=2] [ref=s1e329]
    - paragraph [ref=s1e331]: Collaborate with your teams, use management tools that
        sync with your projects, and code from anywhere—all on a single,
        integrated platform.
    - img "A project management dashboard showing tasks for the ‘OctoArcade
      Invaders’ project, with tasks grouped under project phase categories like
      ‘Prototype,’ ‘Beta,’ and ‘Launch’ in a table layout. One of the columns
      displays sub-issue progress bars with percentages for each issue."
      [ref=s1e343]
    - heading "Your workflows, your way. Plan effectively with an adaptable
      spreadsheet that syncs with your work." [level=3] [ref=s1e349]
    - link "Jump into GitHub Projects" [ref=s1e352]:
        - /url: /features/issues
    - figure [ref=s1e357]:
        - blockquote [ref=s1e358]: It helps us onboard new software engineers and get them
            productive right away. We have all our source code, issues, and pull
            requests in one place... GitHub is a complete platform that frees us
            from menial tasks and enables us to do our best work.
        - text: Fabian Faulhaber Application manager at Mercedes-Benz
    - term [ref=s1e375]:
        - button "Keep track of your tasks" [expanded] [ref=s1e376]:
            - heading "Keep track of your tasks" [level=3] [ref=s1e378]
    - definition [ref=s1e379]:
        - paragraph [ref=s1e382]: Create issues and manage projects with tools that adapt to your code.
        - text: Display of task tracking within an issue, showing the status of related
            sub-issues and their connection to the main issue.
        - link "Explore GitHub Issues" [ref=s1e385]:
            - /url: /features/issues
    - term [ref=s1e389]:
        - button "Share ideas and ask questions" [ref=s1e390]:
            - heading "Share ideas and ask questions" [level=3] [ref=s1e392]
    - term [ref=s1e394]:
        - button "Review code changes together" [ref=s1e395]:
            - heading "Review code changes together" [level=3] [ref=s1e397]
    - term [ref=s1e399]:
        - button "Fund open source projects" [ref=s1e400]:
            - heading "Fund open source projects" [level=3] [ref=s1e402]
    - heading "From startups to enterprises, GitHub scales with teams of any
      size in any industry." [level=2] [ref=s1e410]
    - tablist [ref=s1e416]:
        - tab "By industry" [ref=s1e422]
        - tab "By size" [ref=s1e424]
        - tab "By use case" [ref=s1e426]
    - separator [ref=s1e428]
    - link "Figma Technology Figma streamlines development and strengthens security Read customer story" [ref=s1e433]:
        - /url: https://github.com/customer-stories/figma
        - img "Figma" [ref=s1e440]
        - text: Technology
        - paragraph [ref=s1e443]: Figma streamlines development and strengthens security
        - text: Read customer story
    - link "Mercedes-Benz Automotive Mercedes-Benz standardizes source code and automates onboarding Read customer story" [ref=s1e447]:
        - /url: https://github.com/customer-stories/mercedes-benz
        - img "Mercedes-Benz" [ref=s1e454]
        - text: Automotive
        - paragraph [ref=s1e457]: Mercedes-Benz standardizes source code and automates onboarding
        - text: Read customer story
    - link "Mercado Libre Financial services Mercado Libre cuts coding time by 50% Read customer story" [ref=s1e461]:
        - /url: https://github.com/customer-stories/mercado-libre
        - img "Mercado Libre" [ref=s1e468]
        - text: Financial services
        - paragraph [ref=s1e471]: Mercado Libre cuts coding time by 50%
        - text: Read customer story
    - link "Explore customer stories" [ref=s1e478]:
        - /url: /customer-stories
    - separator [ref=s1e481]
    - link "View all solutions" [ref=s1e483]:
        - /url: /solutions
    - heading "Millions of developers and businesses call GitHub home" [level=2]
      [ref=s1e492]
    - paragraph [ref=s1e493]: Whether you’re scaling your development process or just
        learning how to code, GitHub is where you belong. Join the world’s most
        widely adopted AI-powered developer platform to build the technologies
        that redefine what’s possible.
    - form "Sign up for GitHub" [ref=s1e495]:
        - text: Enter your email
        - textbox "Enter your email" [ref=s1e501]
        - button "Sign up for GitHub" [ref=s1e502]
    - link "Try GitHub Copilot" [ref=s1e505]:
        - /url: /features/copilot
    - heading "Footnotes" [level=2] [ref=s1e510]
    - list [ref=s1e511]:
        - listitem [ref=s1e512]:
            - paragraph [ref=s1e513]:
                - 'link "Survey: The AI wave continues to grow on software development teams, 2024." [ref=s1e515]':
                    - /url: https://github.blog/news-insights/research/survey-ai-wave-grows/
                - link "Back to content" [ref=s1e516]:
                    - /url: "#footnote-ref-1"
        - listitem [ref=s1e517]:
            - paragraph [ref=s1e518]:
                - text: This 7X times factor is based on data from the industry’s longest running
                    analysis of fix rates Veracode State of Software Security
                    2023, which cites the average time to fix 50% of flaws as
                    198 days vs. GitHub’s fix rates of 72% of flaws with in 28
                    days which is at a minimum of 7X faster when compared.
                - link "Back to content" [ref=s1e520]:
                    - /url: "#footnote-ref-2"
    - link "Back to top" [ref=s1e522]:
        - /url: "#hero"
- contentinfo [ref=s1e523]:
    - heading "Site-wide Links" [level=2] [ref=s1e524]
    - link "Go to GitHub homepage" [ref=s1e528]:
        - /url: /
        - img [ref=s1e529]
    - heading "Subscribe to our developer newsletter" [level=3] [ref=s1e533]
    - paragraph [ref=s1e534]: Get tips, technical guides, and best practices. Twice a
        month. Right in your inbox.
    - link "Subscribe" [ref=s1e535]:
        - /url: https://resources.github.com/newsletter/
    - navigation "Product" [ref=s1e536]:
        - heading "Product" [level=3] [ref=s1e537]
        - list [ref=s1e538]:
            - listitem [ref=s1e539]:
                - link "Features" [ref=s1e540]:
                    - /url: /features
            - listitem [ref=s1e541]:
                - link "Enterprise" [ref=s1e542]:
                    - /url: /enterprise
            - listitem [ref=s1e543]:
                - link "Copilot" [ref=s1e544]:
                    - /url: /features/copilot
            - listitem [ref=s1e545]:
                - link "Security" [ref=s1e546]:
                    - /url: /security
            - listitem [ref=s1e547]:
                - link "Pricing" [ref=s1e548]:
                    - /url: /pricing
            - listitem [ref=s1e549]:
                - link "Team" [ref=s1e550]:
                    - /url: /team
            - listitem [ref=s1e551]:
                - link "Resources" [ref=s1e552]:
                    - /url: https://resources.github.com
            - listitem [ref=s1e553]:
                - link "Roadmap" [ref=s1e554]:
                    - /url: https://github.com/github/roadmap
            - listitem [ref=s1e555]:
                - link "Compare GitHub" [ref=s1e556]:
                    - /url: https://resources.github.com/devops/tools/compare
    - navigation "Platform" [ref=s1e557]:
        - heading "Platform" [level=3] [ref=s1e558]
        - list [ref=s1e559]:
            - listitem [ref=s1e560]:
                - link "Developer API" [ref=s1e561]:
                    - /url: https://docs.github.com/get-started/exploring-integrations/about-building-integrations
            - listitem [ref=s1e562]:
                - link "Partners" [ref=s1e563]:
                    - /url: https://partner.github.com
            - listitem [ref=s1e564]:
                - link "Education" [ref=s1e565]:
                    - /url: https://github.com/edu
            - listitem [ref=s1e566]:
                - link "GitHub CLI" [ref=s1e567]:
                    - /url: https://cli.github.com
            - listitem [ref=s1e568]:
                - link "GitHub Desktop" [ref=s1e569]:
                    - /url: https://desktop.github.com
            - listitem [ref=s1e570]:
                - link "GitHub Mobile" [ref=s1e571]:
                    - /url: https://github.com/mobile
    - navigation "Support" [ref=s1e572]:
        - heading "Support" [level=3] [ref=s1e573]
        - list [ref=s1e574]:
            - listitem [ref=s1e575]:
                - link "Docs" [ref=s1e576]:
                    - /url: https://docs.github.com
            - listitem [ref=s1e577]:
                - link "Community Forum" [ref=s1e578]:
                    - /url: https://github.community
            - listitem [ref=s1e579]:
                - link "Professional Services" [ref=s1e580]:
                    - /url: https://services.github.com
            - listitem [ref=s1e581]:
                - link "Premium Support" [ref=s1e582]:
                    - /url: /enterprise/premium-support
            - listitem [ref=s1e583]:
                - link "Skills" [ref=s1e584]:
                    - /url: https://skills.github.com
            - listitem [ref=s1e585]:
                - link "Status" [ref=s1e586]:
                    - /url: https://www.githubstatus.com
            - listitem [ref=s1e587]:
                - link "Contact GitHub" [ref=s1e588]:
                    - /url: https://support.github.com?tags=dotcom-footer
    - navigation "Company" [ref=s1e589]:
        - heading "Company" [level=3] [ref=s1e590]
        - list [ref=s1e591]:
            - listitem [ref=s1e592]:
                - link "About" [ref=s1e593]:
                    - /url: https://github.com/about
            - listitem [ref=s1e594]:
                - link "Customer stories" [ref=s1e595]:
                    - /url: /customer-stories?type=enterprise
            - listitem [ref=s1e596]:
                - link "Blog" [ref=s1e597]:
                    - /url: https://github.blog
            - listitem [ref=s1e598]:
                - link "The ReadME Project" [ref=s1e599]:
                    - /url: /readme
            - listitem [ref=s1e600]:
                - link "Careers" [ref=s1e601]:
                    - /url: https://github.careers
            - listitem [ref=s1e602]:
                - link "Newsroom" [ref=s1e603]:
                    - /url: /newsroom
            - listitem [ref=s1e604]:
                - link "Inclusion" [ref=s1e605]:
                    - /url: /about/diversity
            - listitem [ref=s1e606]:
                - link "Social Impact" [ref=s1e607]:
                    - /url: https://socialimpact.github.com
            - listitem [ref=s1e608]:
                - link "Shop" [ref=s1e609]:
                    - /url: https://shop.github.com
    - navigation "Legal and Resource Links" [ref=s1e612]:
        - list [ref=s1e613]:
            - listitem [ref=s1e614]:
                - text: ©
                - time [ref=s1e615]: "2025"
                - text: GitHub, Inc.
            - listitem [ref=s1e616]:
                - link "Terms" [ref=s1e617]:
                    - /url: https://docs.github.com/site-policy/github-terms/github-terms-of-service
            - listitem [ref=s1e618]:
                - link "Privacy" [ref=s1e619]:
                    - /url: https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
                - text: (
                - link "Updated 02/2024" [ref=s1e620]:
                    - /url: https://github.com/github/site-policy/pull/582
                    - text: Updated
                    - time [ref=s1e621]: 02/2024
                - text: )
            - listitem [ref=s1e622]:
                - link "Sitemap" [ref=s1e623]:
                    - /url: /sitemap
            - listitem [ref=s1e624]:
                - link "What is Git?" [ref=s1e625]:
                    - /url: /git-guides
            - listitem [ref=s1e626]:
                - button "Manage cookies" [ref=s1e628]
            - listitem [ref=s1e629]:
                - button "Do not share my personal information" [ref=s1e631]
    - navigation "GitHub's Social Media Links" [ref=s1e632]:
        - list [ref=s1e633]:
            - listitem [ref=s1e634]:
                - link "GitHub on LinkedIn" [ref=s1e635]:
                    - /url: https://www.linkedin.com/company/github
            - listitem [ref=s1e637]:
                - link "GitHub on Instagram" [ref=s1e638]:
                    - /url: https://www.instagram.com/github
            - listitem [ref=s1e640]:
                - link "GitHub on YouTube" [ref=s1e641]:
                    - /url: https://www.youtube.com/github
            - listitem [ref=s1e643]:
                - link "GitHub on X" [ref=s1e644]:
                    - /url: https://x.com/github
            - listitem [ref=s1e646]:
                - link "GitHub on TikTok" [ref=s1e647]:
                    - /url: https://www.tiktok.com/@github
            - listitem [ref=s1e649]:
                - link "GitHub on Twitch" [ref=s1e650]:
                    - /url: https://www.twitch.tv/github
            - listitem [ref=s1e652]:
                - link "GitHub’s organization on GitHub" [ref=s1e653]:
                    - /url: https://github.com/github


 おわり現状、LLM にウェブブラウジングさせる方法に唯一となる解はないと思います（実際、ウェブページの実装に依存するところが大きい）。
Browser Use のように、DOMを解析しその意味付け（インタラクティブな要素かどうかなど）を行う力技を実装する以外にも、アクセシビリティツリーに着目する方法など、今後もこの LLM とブラウザには注目しています。

 Platform Engineering 部の紹介バクラク事業部 Platform Engineering 部では定期的な技術発信を行っています！
SRE、開発チームエネブルメント、認証やAPI提供に興味のある方は、ぜひカジュアル面談もお待ちしています。
https://youtrust.jp/users/yyoshiki41


https://jobs.layerx.co.jp/1cdcdd370bae8002a196e013180c7a4b
https://tech.layerx.co.jp/entry/2025/03/31/150000


https://zenn.dev/layerx/articles/5ef844aa73f051

Source link

それのためにスイング – コードペン

テックニュース

インモビ運営局

-

2025年4月7日

0

新年、新しいローカルコードエディター？ピークの価値があるかもしれません zed、少なくとも。彼らは一つのピッチで良い仕事をしています：

Zedは、AtomとTree-Sitterの作成者からの高性能、マルチプレイヤーコードエディターです。

すべての技術的なものは速くなければならないので、 チェック。シェードもありません。すべての技術、特に一日中非常に使用しているものにおいて速度が不可欠です。彼らの主な競争は明らかにVSコードであり、すでに遅れているためにいくらかのフラックを獲得している（私には速く感じられる）ので、スタートアップで4倍速いことを示す比較に傾いていることが賢明なマーケティングです。

「マルチプレイヤー」…ええ。私は、これを本当に気にかけているチームの量についてSkepitcalです。 VSコードは全体を行いました「ライブシェア」しばらく前に、私はそれが多くの和音を打ったとは思わない。私は機能として反対していません。キラー機能というよりも、最近のテーブルステークのようなものです。

最後のもの…「AtomとTree-Sitterの作成から」は素晴らしいピッチです。人々は愛されています原子。人々は幸せではないアトムが去ったので、あなたはそれらの人々を門からすぐに出します。あなたがそれを使用しなかったとしても、私は多くの人がそれを尊重したと思います。それからツリーシッターこのベストブリードコード解析ツールです あらゆる種類のもの 使用（今年公開されるCodepenの新しいバージョンは、それを大幅に使用します）。

実際に切り替えますか？考えはありません。私はいつも新しいことを試してみます。しかし私はこれについて前に書いた、そして、私はコードエディターの切り替えに関する独自の基準を持っています。私にとって、新しいものは本質的に古いもののように振る舞うことができる必要があります。何かが不快すぎる場合は、切り替えます。ひどい迷惑なしで切り替えることができれば、 それから 変更やさまざまな機能などを探索できてうれしいです。

とに保つ私（そして、私だけでなく、これは一般的に真実だと思います）はキラー機能が必要です。たぶんそれは速度かもしれませんが、この分野での競争が大きなことになるほど遅いとは思いません。

たぶん、AIのものはキラー機能の1つになるでしょう。 AIは最近非常に大きなものですが、VS CodeにはGithub Copilotがあります。これは非常に大きな競争上の優位性です。ただし、ZedはGithub Copilotをサポートしています！いい動き。また、GPT-4をエディターに統合したビデオをチェックして、テキストのブロックを強調してプロンプトを入力することで呼び出します。とても上品だと思います。

彼らは本当にZedでそれのためにスイングをしているように見えます、そしてそれは誰にとっても良いことです。それからビジネスを作ることも難しいでしょう。彼らはすでに持っているように見えます 10のチーム。 10人の世界クラスの開発者が安くないと言えます。 Zedがまだオープンソースであるようには見えないので、最良の推測は、それを支払う計画です。それは、VSコードが無料である世界では難しいです（ただし、Copilotはそうではありません）。パニックはそれを動作させますノバしかし、それは未知の領土ではありません。開発者は、もう少し良くなるツールにお金を投げて喜んでいると思います。彼らのランディングページの優れたデザインにより、彼らは頭をまっすぐにねじ込んでいるように感じます。

会社が物事に大きなスイングをするのが大好きです。それが何だと思いますアーク最初から新しいWebブラウザでやっています。彼らは常に出荷しており、大きな機能にリスクを冒しています。そして、それは大きなスイングのすべての特徴を持っています：いくつかの大きなヒット、いくつかの大きなミス。 Arcは最高のWebブラウザであると大きな可能性を持っていると思いますが、それは彼らが向かっている場所ではないようです。あいまいで年末は頭がいいビデオ、彼らは実際にまったく新しいコンピューターを構築したいと言っています。それは非常に異なるタスクと必要なスキルのセットのように思えますが、ちょっと、大きなスイングは大きなスイングです。彼らは一種の「プリマネー」なので、それはよりピボットのようなものだと思います。

今年混雑した市場でそれのためにスイングをしようとしている別の会社がパン。まったく異なる言語での真新しいJavaScriptランタイムは、大きな努力です。このスペースでの競争は、誰にとっても保証され、良いと感じています。また、ビジネスモデルは、ここで言及した他のすべての企業と同じように曖昧です。いくつかありましたかなり先のとがったプッシュバックパンについては、どちらも公平だと感じており、それがまさにあなたが何か新しいことをしているときに期待するものです。

Source link

ゾウガメが100歳にして「初めて母親」に！史上最長齢での産卵に成功

カルチャーニュース

インモビ運営局

-

2025年4月7日

0

100歳にして初めて母親になったようです。

米フィラデルフィア動物園（Philadelphia Zoo）は今月3日、同園で飼育されている推定100歳のメスのガラパゴスゾウガメが初めての産卵に成功したと報告。

卵からは無事に4匹の子ガメがふ化しました。

寿命の長いゾウガメの中でも、初産の年齢としては史上最年長になるとみられています。

100歳にして、ついに母親となる！
なぜ100歳で産めた？その秘密とは

100歳にして、ついに母親となる！

「100歳で母になる」と聞けば、人間ではあり得ない話でしょう。

しかしゾウガメにとってはそれが不可能ではなかったようです。

フィラデルフィア動物園で暮らすニシサンタクルスゾウガメ（学名：Chelonoidis niger porteri）の「マミー（Mommy）」は、1932年に動物園にやってきて以来、90年以上にわたりその姿を来園者に見せてきました。

そして2024年11月、彼女はその生涯で初となる16個の卵を産み、そのうち4つが2025年2月末に無事孵化しています。

驚くべきは、その相手もまた高齢であることです。

同種のオスである「アブラッツォ（Abrazzo）」も約100歳と推定されています。

彼は2020年にサウスカロライナ州のリバーバンクス動物園からフィラデルフィアへと移され、この記念すべき繁殖のためにマミーとペアを組みました。

フィラデルフィア動物園で飼育されている「マミー」/ Credit: Philadelphia Zoo（YouTube, 2025)

ニシサンタクルスゾウガメはガラパゴス諸島を原産地としていますが、現在ではすでに国際自然保護連合（IUCN）によって「深刻な絶滅危惧（Critically Endangered）」に分類されています。

アメリカの動物園に飼育されている個体数も50匹に満たないのが現状です。

その背景には、人間による乱獲、外来種による捕食、生息地の破壊など、複数の要因が絡んでいます。

今回の繁殖プロジェクトは、ニシサンタクルスゾウガメの絶滅を防ぎ、種の保護活動を進めるための一環として行われました。

なぜ100歳で産めた？その秘密とは

今回の繁殖は、偶然ではなく綿密に計画された科学的試みの成果です。

2020年にアブラッツォがフィラデルフィア動物園にやってきた際、すでに種の保存計画に基づくペアリングが考慮されていました。

その後、2021年の寄付キャンペーン「Giving ZOO Day」により、マミーが安全かつ快適に産卵できるような新しい巣材（砂や土）が整備され、環境が整えられていきました。

2022年には動物福祉チームと環境教育チームが協力し、アブラッツォの行動パターンを詳細に観察するエソグラム（行動記録表）を作成。

その行動傾向や活動時間帯などを分析し、繁殖のタイミングを見極めるための準備が進められていました。

新たにふ化する子ガメ/ Credit: Philadelphia Zoo（YouTube, 2025)

またガラパゴスゾウガメの性別は、卵のふ化時の温度によって決まります。

28℃未満ではオス、29.5℃以上ではメスが生まれるという性決定メカニズムがあり、今回は8個ずつを異なる温度で管理しました。

2023年以降、マミーは4回の産卵を経験しましたが、最初の3回はふ化に至りませんでした。

しかし2024年11月に産んだ16個の卵のうち、4つが2025年2月末にふ化。

ところが、その4つは温度調節をしたにもかかわらず、すべてメスとして生まれていました。

フィラデルフィア動物園でこの種のリクガメがふ化するのは、開園から150年以上の歴史の中で初めてとのことです。

新たに生まれた子ガメ/ Credit: Philadelphia Zoo（YouTube, 2025)

同園のCEOであるジョ＝エル・モガーマン（Jo-Elle Mogerman）氏は今回の歴史的な快挙について、こう話しています。

「これはフィラデルフィア動物園の歴史において非常に重要な出来事です。

このニュースを地域の皆さん、そして世界中の方々と共有できることをとても嬉しく思います。

マミーが動物園にやってきたのは1932年のこと。つまり、この92年間に当園を訪れた人の多くが、彼女に出会っている可能性があります。

そしてフィラデルフィア動物園の今後のビジョンは、新たに生まれた子ガメたちがまた100年後も健全な地球のもとで繁栄し続けられる環境を整えることです」

赤ちゃんたちは現在、どの個体も元気にすくすくと成長しており、4月23日から同園で一般公開を始めるとのことです。

全ての画像を見る

参考文献

‘Seemingly impossible’: Endangered tortoise becomes first-time mom at about 100 years old
https://www.livescience.com/animals/turtles/seemingly-impossible-endangered-tortoise-becomes-first-time-mom-at-about-100-years-old

Four Critically Endangered Galapagos Tortoises Hatch at Philadelphia Zoo, First Successful Hatching of this Species in Zoo’s History
https://www.philadelphiazoo.org/news/four-critically-endangered-galapagos-tortoises-hatch-at-philadelphia-zoo/

ライター

千野真吾: 生物学に興味のあるWebライター。普段は読書をするのが趣味で、休みの日には野鳥や動物の写真を撮っています。

編集者

ナゾロジー編集部

Source link

医療ヘリ事故国が調査官を派遣

総合ニュース

インモビ運営局

-

2025年4月7日

0

医療ヘリ事故国が調査官を派遣

Source link

PG（プログラマー）とSE（システムエンジニア）の違いって？ #エンジニアのキャリア – Qiita

テックニュース

インモビ運営局

-

2025年4月7日

0

項目	PG（プログラマー）	SE（システムエンジニア）
主な役割	プログラムを書く	要件定義・設計・管理
工程	下流工程（実装・テスト）	上流工程（要件定義・設計）＋下流工程もできる
必要なスキル	コーディング能力	設計力・提案力・コミュニケーション能力
例	大工さん	建築士

インモビインモビ

驚きの軽さと多機能性！「BAG-BP17」カジュアルPCバックパック

ARIA Snapshots と Playwright MCP

なにが出来るの？

DOM アサーションとの違い

ビジュアルリグレッションテストとの違い

品質保証

playwright-mcp

MCP

LLM にブラウザ操作をさせる

Tool Modes

おわり

Platform Engineering 部の紹介

それのためにスイング – コードペン

ゾウガメが100歳にして「初めて母親」に！史上最長齢での産卵に成功

100歳にして、ついに母親となる！

なぜ100歳で産めた？その秘密とは

医療ヘリ事故国が調査官を派遣

PG（プログラマー）とSE（システムエンジニア）の違いって？ #エンジニアのキャリア – Qiita

「鉄拳8」シーズン2開始直後にレビューが一転、圧倒的不評へ!? 何故この様な事態が起こったのかを解説 – GAME Watch

原因2.ユーザーと開発の需要と供給に齟齬が生じている

「鉄拳8」に求められていることは？

『ゼルダの伝説ブレスオブザワイルド Nintendo Switch 2 Edition』Switch版との比較映像が公開。ほこらワープ時のロード時間は大幅に短縮、コログの森はより美しくなり、フレームレートも安定

『マインクラフト／ザ・ムービー』がゲーム映画史上最高の初動に北米におけるマリオ映画の記録を塗り替える大ヒット

【漫画じゃんげま】464.「隠したいキモチ」の巻 | Game*Spark – 国内・海外ゲーム情報サイト

ABOUT US

FOLLOW US

インモビインモビ

なにが出来るの？

DOM アサーションとの違い

ビジュアルリグレッションテストとの違い

品質保証

playwright-mcp

MCP

LLM にブラウザ操作をさせる

Tool Modes

おわり

Platform Engineering 部の紹介

100歳にして、ついに母親となる！

なぜ100歳で産めた？その秘密とは

自己紹介

はじめに

エンジニアのレベルの違い

開発はプログラミングから始まるわけではない

開発の流れ

PG（プログラマー）の役割とは？

プログラマーの主な仕事

SE（システムエンジニア）の役割とは？

システムエンジニアの主な仕事

開発は「家づくり」と同じ

家づくりの流れ

要件定義ができるエンジニアは価値が高い

まとめ

原因2.ユーザーと開発の需要と供給に齟齬が生じている

「鉄拳8」に求められていることは？

ABOUT US

FOLLOW US