Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • ブラウザから要素を選択してエージェントにコンテキストを提供する React Grab を試してみた
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

20usersがブックマークコメント2

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        ブラウザから要素を選択してエージェントにコンテキストを提供する React Grab を試してみた

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント2

            • 注目コメント
            • 新着コメント
            kvx
            そのうちデフォルト機能としてどこかしらに取り込まれるかな

              その他
              mkusaka
              React GrabをNext.jsにnpx grab@latest initで導入し、command+c長押しで要素選択→Claude Codeへ行番号付きコンテキスト送信する手順

              その他

              注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

              リンクを埋め込む

              以下のコードをコピーしてサイトに埋め込むことができます

              プレビュー
              アプリのスクリーンショット
              いまの話題をアプリでチェック!
              • バナー広告なし
              • ミュート機能あり
              • ダークモード搭載
              アプリをダウンロード

              関連記事

                usersに達しました!

                さんが1番目にブックマークした記事「ブラウザから要素...」が注目されています。

                気持ちをシェアしよう

                ツイートする

                ブラウザから要素を選択してエージェントにコンテキストを提供する React Grab を試してみた

                React Grab はブラウザ上で要素を選択し、その要素に対応するコードコンテキストをコーディングエージェ...React Grab はブラウザ上で要素を選択し、その要素に対応するコードコンテキストをコーディングエージェントに提供するライブラリです。この記事ではReact Grab のセットアップ方法と使用方法を紹介します。 コーディングエージェントに期待したコードを生成してもらうためには、適切なコンテキストを提供することが重要です。しかし Webフロントエンドの分野ではコーディングエージェントの出力結果を元に修正を依頼する、という一般的なワークフローが困難な場合があります。 例えば実装したコードに対してテストを実行するのであれば、コーディングエージェントはターミナルの出力結果を元に修正できます。しかしUI の見た目や動作に関するフィードバックを提供する場合、コーディングエージェントはブラウザ上で実際に動作しているUI を直接確認できません。 そのため、UI のスクリーンショットや DOM

                ブックマークしたユーザー

                • Toge2025/12/16Toge
                • t_stack2025/12/16t_stack
                • aravow2025/12/15aravow
                • takayuki0072025/12/15takayuki007
                • toshikish2025/12/14toshikish
                • yug12242025/12/14yug1224
                • memorial42025/12/14memorial4
                • midas365452025/12/14midas36545
                • kvx2025/12/14kvx
                • kkeisuke2025/12/14kkeisuke
                • razokulover2025/12/14razokulover
                • sentimental-ganache2025/12/14sentimental-ganache
                • mkusaka2025/12/14mkusaka
                すべてのユーザーの
                詳細を表示します

                ブックマークしたすべてのユーザー

                同じサイトの新着

                同じサイトの新着をもっと読む

                いま人気の記事

                いま人気の記事をもっと読む

                いま人気の記事 - テクノロジー

                いま人気の記事 - テクノロジーをもっと読む

                新着記事 - テクノロジー

                新着記事 - テクノロジーをもっと読む

                同時期にブックマークされた記事

                いま人気の記事 - 企業メディア

                企業メディアをもっと読む

                はてなブックマーク

                公式Twitter

                はてなのサービス

                • App Storeからダウンロード
                • Google Playで手に入れよう
                Copyright © 2005-2025Hatena. All Rights Reserved.
                設定を変更しましたx

                [8]ページ先頭

                ©2009-2025 Movatter.jp