はてぶ・Qiita・Zennのトレンド記事を紹介
ClaudeはAnthropic社が開発した対話型AIです。自然な会話や文章生成が得意で、プログラミングや情報検索など幅広い用途で活用されています。
Claude CodeやCursorを使って、AIがUIデザインを生成することができる「Pencil」が登場! 🔖 322
はじめにみなさんは、Pencil というAIツール使ったことがありますか?Pencilは、Figma + Layermate みたいなツールで、Pencil上でAIにUIを作らせたり、作成したUIをMCPを経由して開発させることができます!この記事では、実際に、Pe...
Remotion Skillを活用して、Claude Codeで動画を生成する方法|Dify Base 🔖 23
通常の動画編集ソフトとは異なり、コードで動画の動きやエフェクトを定義します。これにより、以下のようなことが可能になります。 データドリブンな動画生成: JSONデータから大量の動画を自動生成 再利用可能なコンポーネント: アニメーションをReactコンポーネント化して使い回し バ
【個人開発】Claude Codeに83%のコードを書かせる「ドキュメント駆動開発」の全貌【Flutter向けCLAUDE.md公開】 🔖 141
こんにちは、MLエンジニアのふるです。最近ネイティブアプリにハマったので、ネイティブアプリの記事をたくさん書いていこうと思います。noteで書いた記事における技術解説版です。 AIサマリー 今回作ったアプリについてトークマネ - AIが能動的に声をかけてくれる予定管理
Claude Code × MCPで実現するPRレビュー準備の自動化 ——週6時間のレビュー工数を削減した実践例—— 🔖 166
はじめに:大規模プロジェクト復帰とレビュー負荷の課題 こんにちは、DevRelの大熊です。本記事では、育休復帰直後という制約の大きい状況の中で、AIを活用したコードレビューの仕組みを構築し、週6時間の業務削減とレビュー品質の向上を同時に実現した事例を紹介します。 お話を伺ったのは
Anthropic ハッカソン優勝者のClaude Codeの設定がすごすぎた 🔖 644
概要 まるで新入社員に業務マニュアルを渡す感覚で、Claude Codeに「このルールで動作して」「この作業は専用のツールや手順に任せて」といった指示を与えられます。プログラミング経験がなくても、用意された設定ファイルを適用するだけで、実務に耐える開発環境を簡単に整えられる便利な
Claude code v2.1.9で追加されたplansDirectoryをチームで活用する 🔖 2
ZAICOでiOSエンジニアをしている@ryo_hiroです。 はじめに現在ZAICOのiOSチームでは仕様書を{project_dir}/docs/{issue_key}/に配置してcommitに含める運用をしています。仕様書を作る際はClaude codeと壁打ちをす
Claude Code × MCPで実現するPRレビュー準備の自動化 ——週6時間のレビュー工数を削減した実践例—— 🔖 166
はじめに:大規模プロジェクト復帰とレビュー負荷の課題こんにちは、DevRelの大熊です。本記事では、育休復帰直後という制約の大きい状況の中で、AIを活用したコードレビューの仕組みを構築し、週6時間の業...
想定読者 - Cursorの導入を検討しているエンジニア 1. はじめに 話題のAIエディタ「Cursor」。 「実際のところ、エンジニアの業務体験はどう変わるのか?」を明らかにするため、3ヶ月間業務で使ってみる実験を行いました。 この記事ではその結果を皆さんに共有したいと思いま
[翻訳] Anthropic ハッカソン優勝者による Claude Code 完全ガイド【応用編】 🔖 72
!この記事は、以下の元記事を著者本人から許可を得て日本語に翻訳しています。元記事: @affaanmustafa - The Longform Guide to Everything Claude Codehttps://x.com/affaanmustafa/statu
Anthropic、「Claude Code for VS Code」の一般提供を開始/コーディング支援AI「Claude Code」の公式「Visual Studio Code」拡張機能 🔖 101
[翻訳] Anthropic ハッカソン優勝者による Claude Code 完全ガイド 🔖 393
はじめに 私は 2 月の実験的リリース以来、Claude Code を日常的に使用しており、Anthropic x Forum Ventures ハッカソンで優勝しました。 @DRodriguezFX と共に、Claude Code だけを使って Zenith を構築しています。
Claude Codeの機能が多くて混乱している人へ 🔖 479
はじめに Claude Codeを触り始めると、「Skills」「Custom Commands」「Hooks」「サブエージェント」「MCP Servers」...と、似たような機能がいくつも出てきて混乱しませんか? それらを使わなくても開発効率は使っていない時よりもかなり上がっ
[翻訳] Anthropic ハッカソン優勝者による Claude Code 完全ガイド 🔖 393
!この記事は、以下の元記事を著者本人から許可を得て日本語に翻訳しています。元記事: @affaanmustafa - The Shorthand Guide to Everything Claude Codehttps://x.com/affaanmustafa/stat
Anthropicハッカソン優勝者のClaude Code設定集「everything-claude-code」を読み解く 🔖 902
Anthropicハッカソン優勝者が10ヶ月以上かけて実際のプロダクト開発で使い込んだ everything-claude-code というリポジトリが公開されていたので、内容を読み解いてみました。 この記事の要約 Anthropic x Forum Venturesハッカソン優
【Claude Code】非エンジニアが1行もコードを書かずにAI搭載の「画像トリミングツール」を作った話 🔖 1
最近よく聞く生成AIで誰でもアプリ開発という話題。正直なところ、「そうは言っても、結局は専門知識がないと途中で詰むんでしょ?」と半信半疑でスルーしていました。ですが、年末年始の時間を使って Claude Code を実際に触ってみて、その考えを改めました。疑ってかかっ...
LINE iOSアプリ開発を高速化するClaude Code基盤の設計思想 🔖 159
こんにちは。モバイルデベロッパーエクスペリエンスチームの@giginetです。ここわずか1年あまりで、コーディングAIを用いた開発は日常的なものになりました。LINEアプリの開発においても、Claude Codeをはじめとした、コーディングエージェントの活用が進んでいます。 この
Claude Codeにお遣いさせて見えてきた、買い物エージェントの一つの解 🔖 1
!本記事は実際に動かしたscriptをもとにClaude CodeとCodexで下書きし、最終的に人間がレビュー・加筆&修正して書いています。 はじめに日頃の買い物ってめんどくさいですよね。仕事帰りに買って帰るビールは至高なんですけど、「あー牛乳買い忘れたわ」「
月当たり$5でClaudeにコードレビューしてもらおう 🔖 5
あらまし私「個人開発のコードをレビューしてもらって学習品質を高めていきたいなぁ」AIくん「最近なら個人開発でも俺たちがコードレビューしてやるで」私「昔にCodeRabbitってのを使ったことあったな......え、月に$24もかかるんか。これはチーム開発向けやな」MCPく
濫立するClaude Codeの機能の使い分け:スキル、サブエージェント、スラッシュコマンド、CLAUDE.md、Hooks 🔖 4
Claude Codeにはスキル、サブエージェント、スラッシュコマンド、CLAUDE.md、Hooksなど、多くの機能があります。中には似たようなものもあり、その使い分けがわからなくなることも多々あります。この記事では各機能の概要及び使い分けについて、特にコンテキストの観点で考察
LINE iOSアプリ開発を高速化するClaude Code基盤の設計思想 🔖 159
こんにちは。モバイルデベロッパーエクスペリエンスチームの@giginetです。ここわずか1年あまりで、コーディングAIを用いた開発は日常的なものになりました。LINEアプリの開発においても、Claud...
【Claude Code】スラッシュコマンドを使ってAIに日報のフィードバックをさせてみた 🔖 1
はじめに毎日、業務スケジュールや成果、所感をまとめた日報を書いています。しかし、日報を書くだけで終わってしまい、なかなか次の日の業務改善に活かせていないという課題を感じていました。そこで今回は、Claude Codeのスラッシュコマンドを使って、AIに日報の内容を分析...
Anthropicハッカソン優勝者のClaude Code設定集「everything-claude-code」を読み解く 🔖 902
Anthropicハッカソン優勝者が10ヶ月以上かけて実際のプロダクト開発で使い込んだ everything-claude-code というリポジトリが公開されていたので、内容を読み解いてみました。https://github.com/affaan-m/everything-c
GPT-5.2 vs Claude Opus 4.5、なぜ「伝わる」感覚が違うのか【設計思想から比較】 🔖 70
GPT-5.2 vs Claude Opus 4.5、なぜ「伝わる」感覚が違うのか【設計思想から比較】 前回の記事でCodex vs Claude Codeの比較を書きました。内容をもう少し深掘りしたくなったので、普段業務で両方を使用している私が、今回は「設計思想の違い」という観
【2026年最新】Claude Code作者が実践する「超並列駆動」開発術がエンジニアの常識を破壊していた 🔖 508
Claude Codeの開発者である Boris Cherny氏 (@bcherny) が公開した「2026年の開発セットアップ」が、Claude Codeを使う全人類が読むべき内容でした彼が実践しているのは、単なるツールの使いこなしではありません。 人間自身のCPUをマ...
Claude Code Skills、結局どれを入れる?用途別おすすめ9選 🔖 348
各Skillの詳細解説 1. Playwright Browser Automation 概要 ClaudeがPlaywrightを使用してブラウザ自動化を実行するSkill。事前に用意されたスクリプトに制限されず、ユーザーの要求に応じてカスタムのPlaywrightコードをその
Claude Code スキル自作勢へ!Agent Skills Marketplace に6万超スキル集結 - izanami 🔖 289
Claude Code のスキルを自作する前に Agent Skills Marketplace をチェックすべき。65,635 個のオープンソーススキルが GitHub から集約され、AI セマンティクス検索で「やりたいこと」から探せる。Anthropic 公式も紹介してる C
GLM Coding Plan入門 〜APIキー取得からopencodeやClaude Codeを駆動するまで〜 🔖 21
はじめに最近、XでopencodeやGLM-4.7についてのポストを目にすることが増えてきて、個人的に気になっていたのでts-benchを回してみた。結果は以下の通りで、少なくともコーディングエージェントとしては申し分ない性能を発揮することがわかる。https://x.co
プロンプトの改善効果を可視化するClaude Codeプラグインを作った 🔖 36
こんにちは、かがわ(@shinpr_p)です。 プロンプトの書き方が結果にどう作用するのかを理解することは難しいものです。「曖昧な指示は避けよう」「出力形式を明示しよう」みたいな定番のプラクティスはありますが、それに倣って修正をしたとしても、それによって何が変わったのかが分かりづ
Claude Codeの並列実行を効率化する管理アプリを作った 🔖 46
こんにちは、秋野です。Xでもチームや組織でのAI開発効率化を発信してます。ぜひフォローいただけますと幸いです🙏 作ったもの Claude Codeで、複数のターミナルウィンドウで並行してセッションを実行していると「あのセッションは今何をしているのか?」「権限の入力待ちになっていな
Kiro × Claude Code × Codex - AIを「チーム」として扱う開発スタイルの実践 🔖 2
はじめにAIにコードを書かせること自体は、もう珍しくありません。しかし 「AI同士を役割分担させて開発する」 という話は、まだ多くありません。私は SE / PM としての経験は長い一方で、プログラミングを主戦場としてきたわけではありません。その立場から、AIを「...
Strands AgentsでClaudeモデルのプロンプトキャッシュを使う方法 🔖 1
Bedrockはプロンプトキャッシュに対応しています。2025年9月のアップデートでこのプロンプトキャッシュが使いやすくなり、「とりあえずメッセージの最後にキャッシュポイントを追加したらOK」的な感じになりました。制限事項もあるので詳細はドキュメントを見...
【LLM文字起こし性能比較】低解像度のAI泣かせ表データを読ませてみた結果(GPT-5.2 / Gemini 3 / Claude 4.5 Opus) 🔖 1
💡この記事で分かることGPT-5.2、Gemini 3、Claude 4.5 Opusの画像文字起こし性能の違い低解像度・特殊文字満載の表データに対する各モデルの対応力筆者の検証環境における最適な文字起こしモデルの選定結果プロンプトの質が出力に与える影響の実...
Claude Codeでreact-best-practicesスキルをadd-skillでインストールして使ってみた 🔖 86
今日vercelがリリースした10年分のReactとNext.jsの知見が詰まったreact-best-practices。 Claude Codeで早速インストールしてPRをレビューしてもらった。 インストール方法 スキルインストールに際して、Vercelが公開した「add-s
Claude CodeとCodexの連携をMCPからSkillに変えたら体験が劇的に改善した 🔖 257
はじめに Claude Codeの相棒としてCodex CLIを併用する運用を続けてきましたが、MCPでの連携には大きな課題がありました。 本記事では、MCPからSkillへの移行で得られた改善について共有します。 対象読者 Claude Codeを日常的に使っている開発者 複数
Claude Code の集中力を保つ Agent Skills を作った 🔖 72
作ったもの Claude Code の Agent Skills として、Progressive Workflow を公開しました。 どんなもの? 複数の指示をまとめて渡すと精度が落ちる問題を、1 ステップずつ指示を分けて渡すことで解決する Agent Skills です。 なん
Claude Coworkってなんだ?〜非エンジニアでも使えるAIエージェントの全貌と実践ガイド〜 🔖 1
この記事の対象読者Claude(ChatGPTのライバルAI)を使ったことがある方AIにもっと「自律的に仕事をしてほしい」と思っている方Claude Codeの名前は聞いたことあるけど、ターミナルは苦手という方macOSユーザーでClaude Max($100〜...
Claude Code Agent Skills 入門 🔖 60
Agent Skills 入門 こんにちは、サーバーワークスで生成AIの活用推進を担当している針生です。 Claude Code を使っていて、こんな経験はありませんか? 「API レスポンスはこの形式で返して」と毎回指示している コードレビューの時に「簡潔に要点だけ教えて」と毎
OpenSpec×Claude Codeでテストケース作成を効率化した話 🔖 1
Pocket Musubi開発チームで開発ディレクターをしている松本です。 前回の記事「既存システムへの仕様駆動開発ツールの選定・導入・運用」では、Pocket MusubiチームのOpenSpecを用いた仕様駆動開発の取り組みをご紹介しました。OpenSpecは仕様駆動開発を支