はてなブックマーク

生成AIと絡める形での『ブラウザ自動化ツール』として共に著名なサービスであるPlaywrightとBrowser Use。私個人も最近はこれらのサービスに興味関心が強く、様々な局面や課題に有効活用出来ないものか...と調べ始めたところです。 当エントリではまず最初のステップとして、この両サービスをClaude/Claude Code経由で利用出来るような手筈を整えるところまでを備忘録としてまとめておこうと思います。そして最後のパートでは『どういう使い分けをすれば良いのか？』という所に思いを馳せていきます。 前提条件 私個人の作業環境はプライベート/仕事共にmacOS(Apple M4)。なので設定手順諸々もmacOSを想定したものとなります。

投稿情報はそれぞれ管理しつつも投稿量が増えてくるとそのメンテナンスも煩雑になってきます。何より他者に投稿情報を共有するのがメンテナンス以上に大変になっていくのは想像に難くないでしょう。ということでまとめてこの辺の情報を管理出来るソリューションが無いものか...と探してみたところそのものズバリの素晴らしいものがありました。catnoseさん謹製のこちらのエントリで紹介されているGitHubリポジトリを活用することでやりたいことが実現出来そうです。 実際、企業レベルでこの仕組みを活用・展開しているところも散見されます。今回はこの仕組みを個人レベルで導入・活用していこうというお話です。当エントリではNext.jsアプリケーションの導入、Vercel環境へのデプロイ、及びClaude Codeで個人好みの体裁に改修を加えた点について紹介します。 環境準備 上記catnoseさんのエントリを参考にま