sanata0130のブックマーク (1,365)

  • 興味本位でいろんなプラントベース食を食べてきたけどこんにゃくを加工した『まるでネギトロ』はスーパーにあったら買ってストックするくらいに美味しい

    しょう @syoma_dragons ただ、海苔は絶対に必須。これがないとかなり間の抜けた味になる。 改めて、海苔の旨みの強さをしみじみ実感する。 あと、ゴマとたくあんでマグたく巻にするのも美味しかった。プラントベース、かなり懐疑的に見てたけど、このレベルならべたくなる😋 2026-04-24 22:17:42 まるでネギトロ - あづまフーズ株式会社 植物由来の次世代シーフード 見た目のクオリティにもこだわり 味付けも格的に再現しました 物のネギトロと比べ カロリーは1/2 物繊維は約3倍 ヴィーガン認証を取得 マタニティ―フード認定商品 1 user 2 あづまフーズ株式会社

    興味本位でいろんなプラントベース食を食べてきたけどこんにゃくを加工した『まるでネギトロ』はスーパーにあったら買ってストックするくらいに美味しい
  • Claude Designが来た日 ─ Webデザイナーとフロントエンドの仕事はどこまで削られるのか

    はじめに 2026年4月17日(米時間金曜)、Anthropicが Claude Design を research preview として発表 自然言語でプロトタイプ・スライド・モックアップ・LPを作れる、Claude Opus 4.7ベースの新機能 競合は Figma Make / v0 / Lovable / Bolt / Google Stitch / Gamma / Canva 発表前後で Figma -6% / Wix -4.7% / Adobe -2.7% / GoDaddy -3% と市場は結構まじめに反応 「Webデザイナー・フロントエンド仕事が丸ごと消える」のではなく、「初稿を作る工程」と「単純なUI実装」から先に溶ける、というのが現時点での実際的な読み 普段はClaude CodeやAIツール周りの記事を書くことが多いのですが、今回は界隈としてインパクトが大きかった

    Claude Designが来た日 ─ Webデザイナーとフロントエンドの仕事はどこまで削られるのか
  • Claude Code のベストプラクティス - Claude Code Docs

    環境設定から並列セッションでのスケーリングまで、Claude Code を最大限に活用するためのヒントとパターン。 Claude Code は agentic coding 環境です。質問に答えて待つチャットボットとは異なり、Claude Code はファイルを読み取り、コマンドを実行し、変更を加え、あなたが見守ったり、方向を変えたり、完全に任せたりしながら、自律的に問題を解決できます。 これはあなたの作業方法を変えます。自分でコードを書いて Claude にレビューしてもらう代わりに、やりたいことを説明すると Claude がそれをどのように構築するかを考え出します。Claude は探索し、計画し、実装します。 しかし、この自律性にも学習曲線があります。Claude は理解する必要がある特定の制約の中で動作します。 このガイドでは、Anthropic の内部チームと、様々なコードベース、

    Claude Code のベストプラクティス - Claude Code Docs
  • AIエージェントがコマンドラインでブラウザを自動操作できる「Browser Use CLI 2.0」リリース。Chrome DevToolsへの接続などで操作速度が2倍に

    AIエージェントがコマンドラインでブラウザを自動操作できる「Browser Use CLI 2.0」リリース。Chrome DevToolsへの接続などで操作速度が2倍に 人間やAIエージェントがコマンドラインから指示することでWebブラウザを操作できるオープンソースのPythonライブラリ「Browser Use CLI 2.0」がリリースされました。 Browser Use CLI 2.0では、Chromeブラウザに対してChrome DevTools Protocol(CDP)で接続して操作できるようになり、またセッションごとにWebブラウザを起動することなくデーモンによるセッションの保持が行われることで、前バージョンよりも操作速度が2倍になるなどの機能向上が実現されています。 Introducing: Browser Use CLI 2.0 The most efficient b

    AIエージェントがコマンドラインでブラウザを自動操作できる「Browser Use CLI 2.0」リリース。Chrome DevToolsへの接続などで操作速度が2倍に
  • Claude Codeに特化したデザインシステムを作って工夫したこと|坪田 朋

    こんにちは、坪田です。 前回のClaude記事で触れた、Claude CodeやAI最適化したデザインシステムを作ってみたのでまとめです。 Claude Codeが生成するUIの品質が安定しない課題最初の頃は、何か作っても 「いかにもAIが作りました」感のあるデザインで生成されてしまう ストレスがあって、例えば、コンポーネントに強めのシャドウをかけたり、カードUIの上部に強めのカラーバーを付けたりしてイマイチだった。 「いい感じに」とか「シンプルに」と指示してもダメで、AIには「いい感じ」の基準がなく、 基準がないから、学習データの中で「よくあるデザイン」を確率的に再現してしまう。 その結果、同じプロダクトなのに、画面ごとに微妙にボタンの高さが違ったり色のトーンがズレる、スペーシングがバラつくし、AIはやたらと絵文字を多用するのが課題だったので、Claude Code開発に適したデザインシ

    Claude Codeに特化したデザインシステムを作って工夫したこと|坪田 朋
  • MCPはなぜCLIに負けたのか —— 経緯と構造を整理する

    2024年11月、AnthropicがMCP(Model Context Protocol)を発表したとき、業界は一気に動いた。各社がMCPサーバーを競って実装し、「AI first」の証明としてMCP対応をアピールした。 それから約1年半。2026年3月現在、MCPの優位性はほぼ失われている。MCP不要論がHacker Newsのトップに繰り返し上がり、Anthropic自身がMCPのスケーリング問題を公式に認め、回避策をドキュメント化している。 この記事では、MCPがCLIに対して優位だった期間がなぜ短かったのか、その経緯と構造を整理する。 MCPが解決しようとした問題 MCPの設計前提は「モデルがツールのインターフェースを自力で理解できない」だった。 2024年11月時点の最先端はClaude 3.5 Sonnet。ツール呼び出しは可能だったが、複雑なCLI出力の安定的な解釈や、マル

    MCPはなぜCLIに負けたのか —— 経緯と構造を整理する
  • 確定申告を自動化する Agent Skill "shinkoku" を OSS にした

    確定申告、めんどくさくないですか? 年に1回しかやらないから毎年やり方を忘れる。レシートの山を前にしてうんざりする。帳簿をつけて、決算書を作って、税額を計算して、申告書を提出する――気が遠くなるほど長い道のりです。個人事業主やフリーランスの方なら、この苦しみに共感してもらえると思います。 「もう全部 AI にやらせたい」。そう思って作ったのが、確定申告を自動化する Agent Skill「shinkoku」です。この記事では、作った動機、できること、セットアップ方法、テストによる品質保証について紹介します。 作った動機 私は毎年、確定申告の時期になると憂な気持ちになっていました。 年に1回しかやらないから、去年の記憶なんて綺麗さっぱり消えているんですよね。「去年どうやったっけ?」が毎年の恒例行事で、結局ゼロから調べ直す羽目になります。 そして1年分のレシートと領収書の山。1枚ずつ確認して

    確定申告を自動化する Agent Skill "shinkoku" を OSS にした
  • 0から分かる Claude Code 完全ガイド

    ちゃんと人間が書いています。 Claude Codeをこれから使い始める初学者の方から、 すでに使っているけれど もっと活用したい上級者の方まで、 幅広く対象にしています。 2026/02/18時点のAnthropic公式のベストプラクティスと、私の開発の知見を元にまとめています。 上から順に読んでいけば、誰でもプロになれるように書きました。

    0から分かる Claude Code 完全ガイド
  • Claude Code のオーケストレーション機能であるエージェントチームを試してみた

    Claude Code のエージェントチームを使用すると、複数の Claude Code インスタンスが連携して動作するようになります。この記事では、Claude Code のエージェントチーム機能を試し、どのように動作するかを探ってみます。 Claude Code のエージェントチームを使用すると、複数の Claude Code インスタンスが連携して動作するようになります。1 つのセッションがチームリーダーとして機能し、他のセッションにタスクを割り当てたり作業を調整したりします。チームメンバーは独立したコンテキストで動作し、それぞれのメンバーと直接やり取りできます。 従来のサブエージェント機能では、メインのエージェントがサブエージェントにタスクを委任する一方向の関係であり、サブエージェントはメインエージェントのみに結果を報告できました。一方エージェントチームでは、リーダーを介さずにメン

    Claude Code のオーケストレーション機能であるエージェントチームを試してみた
  • [翻訳] Anthropic ハッカソン優勝者による Claude Code 完全ガイド【基礎編】

    はじめに 私は 2 月の実験的リリース以来、Claude Code を日常的に使用しており、Anthropic x Forum Ventures ハッカソンで優勝しました。 @DRodriguezFX と共に、Claude Code だけを使って Zenith を構築しています。 10 ヶ月間の日常使用を経て得た、私の完全なセットアップを紹介します。 Skill Hook Sub Agent MCP Plugin Skill と Slash Command Skill は特定のスコープやワークフローに制限されたルールのように機能します。プロンプトの短縮形です。 Opus 4.5 との長いコーディングセッションの後、デッドコードや不要な .md ファイルを整理したい場合は、/refactor-clean を実行します。テストが必要なら /tdd、/e2e、/test-coverage を使い

    [翻訳] Anthropic ハッカソン優勝者による Claude Code 完全ガイド【基礎編】
  • CLAUDE.md や AGENTS.md のベストプラクティスな書き方 - izanami

    CLAUDE.md は LLM にコードベースを理解させる最重要ファイル。WHY/WHAT/HOW の3要素を300行以内で簡潔に書き、指示は最小限に。段階的開示で詳細は別ファイルに分離し、リンターや自動生成には頼らないのがベストプラクティス Claude Code を使っていて、なんか思い通りに動かんなって感じたことない?指示を書いてるはずなのに無視される、毎回同じことを説明し直さなあかん、コードスタイルがバラバラになる こういう問題の多くは、実は CLAUDE .md の書き方に原因があったりするんよね X で 毎日 AI 情報を配信してるコムテです。Agentic AI / AI 駆動開発などを中心に情報を配信しています この記事は HumanLayer のブログ記事「Writing a good CLAUDE .md」をベースに、Anthropic の公式ドキュメントと最新の学術研

    CLAUDE.md や AGENTS.md のベストプラクティスな書き方 - izanami
  • Geminiの「Gem」機能のTips集(1/3):基本編|榎本大貴 / LITALICO研究所所長

    この記事はLITALICO Advent Calendar 2025として書こうと思っていたのですが、まんまと遅延してしまい、さすがに2025年中には出さないといけないと思ってなんとか書き上げたものです。 書いていくうちに10,000文字を超えてしまい、さすがに1記事にするのは微妙かと思って分割しました。 ▼LITALICO Advent Calendar 2025はこちら では、早速どうぞ。 はじめにGoogleの生成AIであるGeminiには「Gems」という機能があります。 これは、プロンプトを保存・再利用・共有できる便利な機能なんですが、実は効果的に使うにはいくつかのコツがあるんですよね。僕自身、試行錯誤しながら使っていく中で「あ、これ便利だな」と思ったTipsをまとめてみました。 記事の全体像は、下記の通りです。 前提(今回の記事) 基編(今回の記事) 応用編(2記事目) 実践

    Geminiの「Gem」機能のTips集(1/3):基本編|榎本大貴 / LITALICO研究所所長
  • 発表から約2週間、いますぐ使えるAgent Skills 10選|Seiji Takahashi@ベースマキナ

    皆さまこんにちは、株式会社ベースマキナの代表取締役社長を務めております高橋(@__timakin__)です。 2025年12月18日、AnthropicがAgent Skillsをオープンスタンダードとして発表しました。MCPに続く標準化の動きとして注目を集めています。 面白いのは、発表からわずか数日でOpenAIがCodex CLIとChatGPTに同規格を採用し、GitHub Copilotも対応を発表したこと。Anthropicが仕様を公開し、競合が追従する——MCPで見た流れが再び起きています。さすがAnthropicという感じで、一気に業界標準となりつつありますね。 この記事では、発表から約2週間で話題になっているスキルを厳選して紹介します。 この記事でわかることAgent Skillsの概要 カテゴリ別おすすめスキル10選 インストール方法と注意点 Agent Skillsとは

    発表から約2週間、いますぐ使えるAgent Skills 10選|Seiji Takahashi@ベースマキナ
  • 2025年版: 開発環境のツールまとめ

    この記事は MICIN Advent Calendar 2025 の 19日目の記事です。 前回は藤原さんのペルソナの感情からはじめる肥満症治療プロダクト設計〜 Cursorで一日ハッカソンに挑んで見えたこと〜でした。 1.はじめに SREチームの小野です。 普段はAWSGCPなどのクラウドの管理やモニタリングの整備などを行っています。 実はIT業界に就職したのは、「映画などで黒い画面に向かってカタカタしてる人がかっこよかったから」という私にとっては、モダンなIDEよりもターミナルやvimなどの方が好みです。 とはいえIDEでサクサクと開発している人を見るとそれはそれで憧れるので、CLIツールや様々なプラグインを使ってモダンな環境に近づけようとしてます。 今回は私が普段使っている開発環境のツールを紹介します。ターミナル周りのツールが中心ですが、気になるものがあればぜひ試してみてください。

    2025年版: 開発環境のツールまとめ
  • AI画像から“パーフェクト”なドット絵を作れる無料ツールが凄い!オリジナルキャラでゲームが作れる時代到来か

    sponsored MSI「MPG B860I EDGE TI WIFI」レビュー 知識と経験が問われるMini-ITXでのホワイトミニゲーミングPC自作。基板まで白いIntel B860搭載マザーボード選びの最適解が見つかった sponsored 日マイクロソフトのハッカソン「GitHub Copilot Quest」をレポート レガシーアプリをGitHub Copilotでハックせよ! 若手SIerらがモダナイゼーションチャレンジ sponsored 2026年こそ健康的な生活を送りたい貴方! 今回のセールでスマートウォッチ買いましょう さらにイヤホンも! 年末年始はスマートウォッチを始める大チャンス! バッテリー長持ちが魅力のファーウェイ製品、どれが買いか教えます sponsored MSI「Claw A8 BZ2EM」レビュー 15万円でここまで快適プレイ!Ryzen Z2 Ex

    AI画像から“パーフェクト”なドット絵を作れる無料ツールが凄い!オリジナルキャラでゲームが作れる時代到来か
  • 元上司が「IEEE」を「イェ~~」と呼んでいた件と、IT業界の初見殺し単語帳 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 私の元職場の上司は、IEEEのことを「イェ~~」と呼んでいた。 パリピかよ。 会議中に「その規格はイェ~~が決めていて……」と仰るものだから、こっちは笑いが止まらないのである。正解はご存知「アイトリプルイー」である。 だが、よく考えたらIT業界には初見では読めない単語(あるいは読み方が直感的でない単語)が多すぎるのである。 そこで今回は、新人が現場で赤っ恥をかかないため、あるいはベテランがこっそり自信を取り戻すための「IT業界・初見殺し単語帳」をまとめてみた。 殿堂入り:誰もが一度は通る道 nginx • ❌ ンギンクス •

  • cc-sdd/tools/cc-sdd/README_ja.md at main · gotalab/cc-sdd

    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

    cc-sdd/tools/cc-sdd/README_ja.md at main · gotalab/cc-sdd
  • Claude Code完全ガイド

    Claude Codeのドキュメントやブログには有益な情報がたくさん書かれていますが、量がとてつもないです。また、日語のページの更新が遅く、英語のページに最新の情報が書かれています。 この情報を全て追っていくのは非常に時間がかかるため、このではClaude Codeのドキュメントやブログなど、全ての情報を集約してカテゴリごとにまとめています。 これからClaude Codeを触ってみようとしている人、今Claude Codeを触っている人、Claude Codeの理解を深めたい人などはぜひ興味ある章から読み進めて下さい。 辞書的に使用してもらいたいので、最初から読んでいくのではなく気になる章や自身が必要としている情報を見るようにして下さい。 まとめているドキュメントは以下です。 ・https://platform.claude.com/docs Claude APIやSDKを使った開発

    Claude Code完全ガイド
  • 映画館で隣同士の席が空いておらず、私を挟む形になった2人組に『座席交換してください』って言われたけど、人の善意をあてにしてる感じにモヤッとした

    音がする‼️ @oto_1235810 映画館で隣同士の席が空いてなくて、私を挟む形になった2人組に座席交換してくださいって言われるやつに初めて遭遇した。一個横にズレること自体はまぁいいんだけど、並んで座れないの分かったうえで隣の人に交換してもらえばいいやっていう腹づもりで来てるのにモヤっとする。これ心狭いんかな。 2025-11-02 14:56:18

    映画館で隣同士の席が空いておらず、私を挟む形になった2人組に『座席交換してください』って言われたけど、人の善意をあてにしてる感じにモヤッとした
  • 【保存版】OpenAIのエンジニアが語る開発を10倍速にするCodeXの使い方大全:バイブコーディングで設計→実装→レビューまで自動化|チャエン | 重要AIニュースを毎日発信⚡️

    開発現場で急速に広がっているOpenAIのCodex(コーデックス)。記事では、OpenAI Dev Dayで公開された実践的な活用事例を、具体的なプロンプトやノウハウとともに詳しく解説します。 ▼公式セッション動画 1. Codexとは?シニアエンジニア級のAIチームメイトCodexはOpenAIが開発したAIソフトウェアエンジニア。開発チームのTibo氏はこう表現します: 「Codexは人間のチームメイトのようなもの。一緒にペアプログラミングしたり、タスクを委任したり、明示的な指示なしに仕事を進めてもらえます」 2024年8月からわずか数ヶ月で利用者が10倍に増加。開発業界で「バイブシフト」と呼ばれる変化が起きています。 1-1. GPT-5 Codexの特徴最新のGPT-5 Codexがユーザーから「物のシニアエンジニア」と評価される理由: 「褒め言葉が少なく、悪いアイデアには反

    【保存版】OpenAIのエンジニアが語る開発を10倍速にするCodeXの使い方大全:バイブコーディングで設計→実装→レビューまで自動化|チャエン | 重要AIニュースを毎日発信⚡️