Playwright CLI v0.1.9 で追加されたアノテーション機能は AI エージェントに視覚的なフィードバックを与えるために便利な機能です。アノテーション機能を利用すると、ブラウザの要素を選択して、その要素に対するコメントを残すことができます。AI エージェントはこのアノテーションが残された要素を簡単に特定できるため、どのコードを修正すればよいのかを判断しやすくなります。 AI エージェントを使用してフロントエンドを開発する際、どのように視覚的なフィードバックを提供するかはよくある課題です。AI エージェントは自身が書いたコードに対してテストや Lint から得られるフィードバックをもとに改善するというサイクルを繰り返すことによってコードの品質を向上させることができます。しかし、フロントエンドの開発では、例えば CSS が実際にどのように適用されているか、あるいは JavaScr

今日の17時から、かなりすごい格ゲーの試合がある。 （1時間遅れで始まって、梅原の試合は21時頃になりそうな雰囲気。） 格ゲーを知らない人には伝わりにくいかもしれないけど、これはただのゲーム大会ではない。 大げさに言うと、漫画の中にいるはずの「勝負に負けない異常な人間」が、現実でまだ戦っているところを見られるイベントだと思っている。 漫画でいうと、たとえば『アカギ』みたいなキャラがいる。 常識的に考えれば負けるはずなのに、勝負の場に立つと何かがおかしい。 相手の技術だけじゃなくて、精神とか、呼吸とか、選択肢そのものを読んでいるようなやつ。 「いや、そんな人間は現実にはいないでしょ」と思う。 でも格ゲーにはウメハラがいる。 梅原大吾。 1990年代にストリートファイターIIで最強クラスになってから、30年以上ずっと第一線にいる人だ。 これだけでもかなりおかしい。 ゲームの世界、とくに対戦ゲー

GeminiのGemを利用して、社内GoogleDriveの資料より、問い合わせの回答を行うチャットボット作成しましたので記載します。 概要 社内でGoogleDriveの共有ドライブを利用していますが、ファイルの数やフォルダの階層が多くなっていくと、必要な資料・情報を探したいとき、時間がかかることがあるかもしれません。例えば、以下のようなケースがあると考えています。 GoogleDriveの上部に表示されている検索機能より検索することも可能ですが、こちらは主にキーワード検索のため、文章で質問したいケースが出てくるかもしれません。（自分が覚えているキーワードと、実際のファイル名やファイルの文書内のキーワードが一致せずに、探すのが難しくなるケースがあるかもしれません） GoogleDriveのWeb画面で、右上のGeminiのマークをクリックすると、サイドバーにGeminiが表示されてドライ

2026年4月16日、AnthropicがClaude Opus 4.7をリリースしました。 同時に公式ブログ「Best Practices for Using Claude Opus 4.7 with Claude Code」が公開され、Claude Code作者のBoris CherneyもXで「6つの新技」を投下しています。 両方を通してAnthropic公式が言っているのは「これまでのClaude Codeの使い方は、今日でやめろ」です。 4.6までは正解だった作法が、4.7では逆効果になることもあるようです ↓Claud CodeはもはやただのAIコーディングツールではなく、誰もがアプリで稼げるようになる収益化ツールです！ よければこちらのツイートも見てみてください！ 「ペアプロ（細かく指示する）」のはもうやめろ 4.6までの「細かく指示するほど賢く動く」という感覚は、4.7では

どうも！オペ部の西村祐二です！ Playwright CLI v0.1.8 が 2026-04-14 にリリースされました。今回、 playwright-cli attach --cdp=chrome で普段使っているローカルの Chrome / Edge にそのまま接続できるようになった点です。これまでのようにサンドボックス化された別ブラウザを起動する必要がなく、既存のログイン状態や拡張機能を持った Chrome をそのままエージェントや CLI から操作できます。 何がリリースされたか 概要: attach --cdp=<channel> でローカル起動済みの Chrome / Edge へ接続する Remote debugging mode が追加されました。あわせて CLI 終了後に残る Chrome プロセスの解消と、MCP server registry のクリーンアップ修正も

コードを書くのをやめた。Claude Codeに月商300万のSaaSの全コードを書かせ、完全ソロ運用しているという話。 私は現在、B2B向けのニッチな自動化APIミドルウェアをSaaSとして完全な個人で運用し、広告費ゼロ・従業員ゼロで毎月およそ300万円ほどのMRR、定額の月次収益を生み出している。しかも実を言うと、この半年間、エディタを開いて人間が手入力する従来のコーディング作業など1秒たりともおこなっていない。ローカルのターミナルからClaude Codeを呼び出し、AIに要件と仕様を突っ込んでシステム全体を保守拡張させているだけだ。 コードを手書きする時代は終わった。ではエンジニアは何をすれば勝てるのか。本当に機能するAIネイティブ時代のSaaS個人開発と、B2Bマーケティングの泥臭い現実を、書き殴っておく。 エディタを捨てろ。Claude CodeとStripeの組み合わせで人間

Claude Codeの5つの習熟レベル。CLAUDE.mdで止まっている人が知らないSkills・Hooks・Orchestrationの世界についてAWSAI生成AIAnthropicClaudeCode はじめに こんばんは、mirukyです。 Claude Codeを使っている方、CLAUDE.mdは書いていますか？ 最近、Redditで「The 5 Levels of Claude Code」という投稿が話題になりました。投稿者のDevMoses氏は、 198エージェントを32セッションで並列実行し、マージコンフリクト率わずか3.1% という驚異的な運用を行っています。 その核心は「Claude Codeには5つの習熟レベルがある」というフレームワークです。多くの人はLevel 2のCLAUDE.mdで止まっていますが、その先にはSkills・Hooks・Orchestratio

最近、Claude CodeやCopilot Agentを触り始めたんだけど、正直な感想として「素のAgent、思ったより微妙じゃない？」って思ったんですよね。 チャットはできる。コードも生成してくれる。でも、なんか…プロダクションレベルじゃない。 例えばこんな感じ： コードは書けるけど、設計パターンがめちゃくちゃ 質問には答えてくれるけど、実務のベストプラクティスを知らない UIは生成できるけど、どう見てもデザイン素人が作った感じ 要するに、スマホを買ったけどアプリを何もインストールしてない状態。OSはあるのに、使い道がない。 Skillsって何？ Skillsはプラグインとはちょっと違います。Agentに業界のベストプラクティス、実プロジェクトの経験値、エンジニアリングの制約ルール、構造化された思考フレームワークを注入するものです。 つまり、「Agent の地頭」を底上げする仕組みです

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

はじめに 業務でWebサイトリニューアルをやっています。 テキスト量の多い静的ページを、Figmaデザインからモック（HTML/CSS）→ Laravel組み込み（3言語対応）まで実装する作業がありました。 最初は手作業で1ページ8時間かかっていました。 Figma MCP + Claude Codeを導入したら、1ページ20分になりました。 この記事はその経験の所感です。 前提：必要なもの この方法を実現するには以下が必要です： Figma 有料プラン（Dev Modeが使えるプラン） Figma MCP は Dev Mode 経由でデザインデータにアクセスするため、開発者モードが有効なプランが必須 Figma側でAuto Layoutがきちんと活用されていること Figma MCPが返すレイアウト情報（gap, padding, flex direction等）はAuto Layout

はじめに 本記事ではC言語やTypeScriptなど特定の言語を使う際に便利な設定と拡張機能ではなく、言語にかかわらずVS Codeで使えるオススメの設定と拡張機能を紹介します。参考になれば幸いです。 更新履歴 2024-04-01 初版作成 2024-07-06 files.candidateGuessEncodingsの紹介を追加 editor.wordSegmenterLocalesの紹介を追加 拡張機能のWord Dividerの紹介を削除 (VS Code本体に同等の機能を実現するeditor.wordSegmenterLocalesが追加されたため) 2024-07-18 terminal.integrated.enableVisualBellの設定が間違っていたため修正 設定を有効にすると紹介していたのにかかわらず、無効になる設定(false)を記載していたため、設定を有効に

世界は負債で回っている 作者:リチャード・ヴェイグ東洋経済新報社Amazonこの『世界は負債で回っている』は、銀行の設立など様々な金にまつわる仕事を経験してきたベンチャーキャピタル兼作家リチャード・ヴェイグによる、負債と経済成長についての一冊になる。本書の中心的な主張は、経済成長にはマネーが必要で、マネーは債務によって創出される、というシンプルなものだ。 これを単純化して説明するために、閉鎖的な環境の「債務王国」を想定してみよう。この王国民はみな年に500ドル稼ぎ、500ドル他の店で使う。これは経済活動だが、流通している総マネーは一切増えず、国民の総支出も変わらない。しかし、そこで誰かが銀行から100ドルを借金して、それを使った場合、マネーの供給は100ドル増えて、支出も100ドル増える。限定された状況下の話ではあるが、これが「債務によってマネーが創出され、経済成長にはマネーがなくてはなら

【AI駆動開発】100ページ超のPDFをMarkdownに変換してAIに読ませる方法 はじめに 最近、大規模システムの引き継ぎ案件を受けました。 その案件はAI駆動の進め方が許可されていたので早速AIを利用して、引き継ぎどんどん進めていくぞ！ と思ったのですが、いくつか困ったことがありました。 そう、資料のほとんどがエクセルで構成されているのと、外部API仕様書のほとんどが100P以上あるPDFデータになっていました。 AIを利用する上で、エクセルなどはもちろんのこと、重厚長大なPDF資料を読み取ることも苦手でございます。 なので、各種ファイルをAIが読みやすい資料にするべく、マークダウンの形式に書き換えていく必要があります。 今回はその中でもPDFをマークダウンに変換する処理についてを紹介できればと思います。 この記事の最後に「ワークフロー」と「Pythonスクリプト」を載せています。

はじめまして、もしかしたら二度目まして。「小さなチームで大きな仕事をする最高の会社をつくる」をモットーに株式会社Coneを運営している佐藤です。 今回は、僕たちConeのコーポレートサイトがリニューアルしたということで、その背景というか考えたことを書いていこうと思います。 というのも、今回のリニューアルなかなか反響がありましたので、それが何故なのかという理由を考えてみて、みなさんにも共有しよう、という試みです。 たとえば、 社外の知人から「最高です！Coneさんの良いところが伝わるサイトですね」との言葉 社内から「営業する前に会社のことを知ってもらえていてやりやすい」との言葉 という感じ。 リニューアル前はこういった言葉がなかったので、今回リニューアルしたサイトがある程度僕たちみたいな”無名の小さい企業”にとっての正解なのでは？と思ったので、シェアしていきます。 コーポレートサイトをリニュ

受託事業が不安定だと言われるたびに、正直「本当にそうだろうか？」と思ってきました。というのも、僕自身がレディクルというBtoBマッチングの仕事の中で、数百社を超えるベンダー様と毎週のようにやりとりをしてきたからです。 良い会社も、伸び悩む会社も、途中で消えてしまう会社もすべて見てきました。その過程で受託のプロセスが間違っているケースがほとんどだという事実でした。 技術力があるのに売れない会社、人柄がいいのに利益が残らない会社、案件は来るのに積み上がらない会社…。 なぜそんなことが起こるのか？答えは単純で、受託の本質が「モノづくり」であると誤解されているケースが多いからです。スコープの設計、期待値調整、法人購買の原理、人脈の使い方、営業の型、リピートと横展開の作り方。これらの基礎がきちんと積み上がっている会社は、例外なく売上が階段式に伸びます。 受託事業は経営的に難しいビジネスではなく、基礎

PHPカンファレンス福岡2025 2025/11/08 11:40〜 ホライズンテクノロジーホール レギュラートーク(30分) https://fortee.jp/phpcon-fukuoka-2025/proposal/cf0925df-c846-4774-b203-a111e57f1…

この発表では MCP サーバーの基礎的な知識から入り、ハンズオン形式で実施に MCP サーバーを自分の手で構築する体験を通じて理解を深めていきます。後半パートでは実際に本番レベルで MCP サーバーを開発した経験を元に、実践的な知識や失敗談などを共有します。

攸の仮寓さんから新作の手書きフリーフォント「立冬のころに」を紹介します。 ひらがな・カタカナをはじめ、漢字はJIS第二水準まで完備されており、「薔薇」「篳篥」「珈琲」などの漢字も使用できます。 まずはさっそく、フォントのダウンロード方法から。 下記ページにアクセスし、「無料ダウンロード」をクリックすると、ダウンロードできます（要ログイン、登録無料）。 ライセンスは独自で、「個人利用、商用利用ともに可。変形・加工もOKです」とのことです。詳しくは下記ページをご覧ください。 フォント「立冬のころに」 フォントはすべて手書き文字で、ひらがな・カタカナをはじめ、英数記号文字、JIS第二水準までの文字が収録されています。 「薔薇（ばら）」「篳篥（ひちりき）」「珈琲（コーヒー）」などの漢字も使用できます。

シスコシステムズは、AIコーディングツールを用いてコーディングを行う際に、生成されるコードが脆弱性を持たず安全なパターンを用いたものにするためのルールセットなどを備えた「Project CodeGuard」をオープンソースで公開しました。 Markdownで書かれたセキュリティルールなど Project CodeGuardは、コミュニティによって作成されたMarkdown形式で書かれたセキュリティルールと、ルールが遵守されているかを検証するバリデータ、それらをGitHub Copilot、Codex、Claude Code、Cursor、Windsurfなどの主要なAIコーディングツール用に変換するトランスレータを備えています。 セキュリティルールは、以下の分野の脆弱性をカバーしています。 暗号化 ポスト量子暗号を含む安全なアルゴリズム、安全なキー管理、証明書の検証 入力の検証 SQLイン