Loop EngineeringをClaudeを使って実践してみた。 | DevelopersIO
こんにちは、せーのです。 2026年6月、Loop Engineering という言葉が一気に広がりました。Boris Cherny 氏の "I don't prompt Claude anymore. I have loops running that prompt Claude"、Addy Osmani 氏の Loop Engineering、日本語では Zenn の設計論 など、概念と設計の整理は充実しています。 一方で、「結局 Claude でどう実装するのか」 に踏み込んだ記事はまだ少ない、と感じています。6 つのプリミティブや L1/L2/L3 の話は理解できても、コピペで動くコードや、実際に試した時のハマりどころが無いと手が止まりますよね。 私は普段、Claude Code では次のような使い方をしています。 Skill をたくさん作り、定型処理はその中の script に外
Skillに context: fork を1行足すだけで、Claude Codeのコンテキストが綺麗になった | DevelopersIO
Skillに context: fork を1行足すだけで、Claude Codeのコンテキストが綺麗になった はじめに こんにちは、AI事業本部・生成AIインテグレーション部・西日本開発チームの政岡です。 Claude CodeのSkill定義frontmatterにcontext: forkというオプションがあるのをご存じでしょうか？ 公式ドキュメント「スキルをサブエージェントで実行する」には次のように書かれています。 スキルを分離して実行したい場合は、フロントマターにcontext: forkを追加します。スキルコンテンツはサブエージェントを駆動するプロンプトになります。会話履歴にアクセスできません。 つまり、context: forkはSkillをメイン会話から分離して実行するための設定です。 ただ、最初に読んだときは混乱しました。 「別コンテキストで動くなら、それはSubagen
Claude Code × tmuxの個人的活用術 | DevelopersIO
はじめに 私の普段の AI コーディングは、Claude Code を tmux の中で動かす運用がベースになっています。Claude Code が日常になってからは、その「tmux を整えておく」ことの効きが一段強くなったと感じます。かれこれ7年くらい使っているツールですが、Claude Code登場やモデルの進化にともなって、もっとも設定や使い方が大きく変わったツールの1つだと感じます。 本記事では、その日常で実際に使っている tmux 周りの工夫をまとめます。過去にも Claude Code と開発環境について書いたり、登壇したりしてきました。本記事はその延長線上にあります。 Claude Code活用時のつらみと隙間を埋めるツール（2026.03.09） ターミナル生活を支えるClaude Code設定（2025.12.22） Claude Codeチーム活用の現在地（2025.0
GitHub CLI v2.91.0でテレメトリ収集がデフォルトONになったので設定をまとめてみた | DevelopersIO
どうも！オペ部の西村祐二です！ GitHub CLI v2.91.0（2026-04-22リリース）で、コマンドの利用状況をGitHubに送信する擬似匿名（pseudonymous）なテレメトリ収集が導入されました。デフォルトで有効になっているため、ポリシーや好みで送信を止めたい場合は明示的にオプトアウトする必要があります。本記事では3通りの無効化方法を実機で検証した結果をまとめます。 何がリリースされたか 概要: コマンドの実行状況を収集する擬似匿名テレメトリが導入されました。サンプリングレートは1%（既定）で、送信先は https://cafe.github.com（実装のdefaultTelemetryEndpointURL。公式ポリシーページには明記されておらずソース上で確認した値）です 公式リンク: GitHub CLI 2.91.0 Release Notes GitHub C
Claude Code で仕事しながら英語を学ぶ環境を整えてみた | DevelopersIO
はじめに データ事業本部のkasamaです。 今回は Claude Code の output-styles・skills・hooks を組み合わせて、業務をしながら英語の読む・聴く・書くに触れる環境を作ります。普段の業務は日本語で完結するため、毎日使う Claude Code の応答を英語化すれば自然に英語に触れられると考えました。 「language を english にして英語で会話すれば済むのでは」と思われるかもしれませんが、私の英語レベルは短い指示は英語で出せるものの、長文での入出力はまだ難しい段階です。そこで以前のブログで実装した Kokoro TTS を英語に切り替えて応答を聴けるようにしつつ、英語入力時の文法添削・記録、未知語の即時翻訳といった補助を組み合わせ、業務効率を落とさずに英語に触れられる環境にしました。 システム全体の構成 Claude Code の設定ファイル
Claude Code × draw.io公式Skillで、AWSアーキテクチャ図の生成を自動化してみた | DevelopersIO
Claude Code × draw.io公式Skillで、AWSアーキテクチャ図の生成を自動化してみた はじめに フローチャートやアーキテクチャ図をWEB上で描くとき、多くの方は手動で作成しているのではないでしょうか。2026年4月現在、AI Agentに作業を任せる流れが加速していますが、作図系のWEBアプリはAI連携（MCPなど）にまだ制限が多いのが現状です。 そんな中、draw.io（jgraph）公式がClaude Code向けのSkillを公開していることを知り、試してみました。 （draw.ioにはMCPサーバー版もあるが、Skill 版は外部プロセス不要でセットアップがシンプル。今回はSkill 版を使った。） draw.io skill-cli: https://github.com/jgraph/drawio-mcp/tree/main/skill-cli 自分のVSC
私にとっての魔法のプロンプト【プレゼン資料作成編】 | DevelopersIO
こんにちは。製造ビジネステクノロジー部の細見 典子です。 最近、世の中で急激にAI化の波が押し寄せていると日々実感している今日この頃、Gemini、Claude、Chat GPTなど色々なAIツールがありますが、使いこなすのは「人」である、というのは周知の通りです。 クラスメソッドに入社して以降、毎日、様々な場面でAIとの壁打ちが続いている中、同一案件を、同じAIツールに対して、同じプロンプトを入れても、毎回、答えが違ったり、すぐ処理 できる場合や、時間が掛かったりする場合、等々、様々なパターンに遭遇します。 今回は、プレゼン資料作成時に、このプロンプトが効果があった、という、私にとっての魔法のプロンプトを紹介します。 AIにプレゼン資料を作ってほしい時 もう皆さん気付いておられると思いますが、いきなり、「〇〇についての資料を作って」と指示したところで、AIツールにも負荷が掛かり、「考え中
思いつきを手軽にメモ。Claudeでアイデアを残し、広げる仕組みを作ってみた。 | DevelopersIO
この記事では、Claudeに「メモして」と言うだけでGitHubリポジトリにアイデアが自動保存される仕組みを作った話を、保存先選びの試行錯誤も含めてまとめます。 はじめに こんにちは、あんでぃです。 通勤電車の中、シャワーを浴びているとき、子供の送り迎えの帰り道。ふと「あ、これいいかも」と思いつくことがあります。 こういう思いつきを残すとき、みなさんはどうしていますか？メモアプリを開く？Slackの自分用チャンネルに投げる？Notionに書く？ 私はこの「どこに書こう」という選択自体がストレスだと感じていました。ツールが増えるほど「どこに何を書いたか」を管理するコストも増えていきます。 そこで考えたのが、「思いつきのメモ先も、そこからの対話も、全てClaude起点にする」というアプローチです。 普段からClaude（claude.ai）で考え事をしているなら、思いつきもそのままClaude
Postmanの管理が辛くなったのでBrunoに移行してみた — VSCode連携・Git管理・シークレット管理まで | DevelopersIO
Brunoを使えばAPIコレクションをプロジェクトフォルダ内にGit管理できます。Postmanからの移行手順とVSCode連携、シークレット管理のパターンを紹介します。 はじめに APIテストツールといえばPostmanが定番ですが、長く使っていると地味にストレスが溜まります。 プロジェクトAのコレクションとプロジェクトBのコレクションがPostmanのUI上に混在する チームメンバーとコレクションを共有するにはPostmanアカウントが必要 エクスポートしたJSONをGitで管理しても、差分が読みにくい 最近 Bruno というオープンソースのAPIクライアントを試してみたところ、これらの問題がきれいに解決できたので、セットアップ手順をまとめます。 Brunoの何が良いのか プロジェクト単位でAPIコレクションが完結する Brunoではコレクションを プロジェクトフォルダ内 に .br
Obsidian Web Clipper × Claude Codeで技術記事の自動整理をしてみた | DevelopersIO
① ブラウザで記事をクリップ（Obsidian Web Clipper） ↓ Markdown形式で保存 ② Obsidian Vault の 06_Articles/ に蓄積 ↓ 記事が溜まったら... ③ Claude Code で /clip を実行 ↓ AIが記事の内容を読み取り、カテゴリを判定 ④ ~/Documents/articles/ 配下に自動整理 AWS/ S3Tables/ IAM/ Terraform/ Basics/ GCP/ CloudRun/ 補足: 今回、Obsidian Vaultから ~/Documents/articles/ へフォルダ間移動をしているのは、私がまだObsidianを使いこなせておらず、Obsidian上で記事を一元管理する運用ができていないためです。普段使い慣れている ~/Documents/ 配下で管理する方が自分にとって扱いやすい
Claude CodeとPlaywright MCPで実現する対話型UI自動テスト構築 | DevelopersIO
はじめに UIテストを書くとき、 「セレクタを探す → 失敗する → ブラウザを見直す」 という往復に時間を取られていませんか？ 本記事では、Claude Code と Playwright MCP を組み合わせて、 実際のブラウザ操作を確認しながら対話的にUIテストを構築する方法を紹介します。 テストコードをあとから書くのではなく、 確認作業そのものをテスト生成につなげる のがこの方法の良いところです。 本記事は、Claude CodeとPlaywrightを利用したことがある方向けに書いています。 各サービスについて詳しく知りたい方は、こちらをご覧ください。 Claude CodeとPlaywrightの参考ブログ 動画で動きを紹介 モバイル表示時のハンバーガーメニューのテストを対話的に作成している例です。 こんなことができます。 生成したテストコードの詳細 この記事で作成したテストコ
Claude Codeと暮らす | DevelopersIO
はじめに こんにちは、クラスメソッド製造ビジネステクノロジー部の森茂です。 Claude Codeを使い始めたけれど、まだ「ちょっと賢いターミナル」くらいの付き合いになっている方はいませんか。あるいは、毎日使っているけれど「セッションが終わるたびに文脈がリセットされるのがもったいない」と感じている方もいるかもしれません。 AIコーディングツールは便利ですが、そのまま使っていると「賢いけど記憶喪失のペアプロ相手」になりがちです。昨日デバッグした問題の経緯も、先週の設計判断の理由も、新しいセッションでは白紙からのスタート。「……また同じ説明からか」と思ったことがある方、きっと少なくないはずです。プロジェクトが増えるほど、この「文脈の断絶」がじわじわ効いてきます。 Claude Code界隈ではClaude-Memをはじめ、記憶の永続化や開発効率化のためのソリューションが日々登場しています。アン
2026年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順作ってみた | DevelopersIO
初めてAWSのサーバレスサービスを学習するときに利用できる「基本的なェブアプリケーションを構築する」の内容を2026年現在でも実行できる手順にしてみました こんにちは、臼田です。 みなさん、AWSのハンズオンで学習してますか？(挨拶 今回は長らくAWSでサーバレスの入門編として活躍していた、AWS初心者向けハンズオンコンテンツである「基本的なウェブアプリケーションを構築する」がリニューアルされ以前のようにGUIベースで簡単に使えなくなってしまったので、旧来の手順を2026年版として起こします。以前は下記手順のようにAWSの提供するコンテンツと併用する手順を作っていましたが、本記事のみでサーバレスの入門として成り立つように編集しました。 ※内容を順次2024年版から更新していきます。一部古い内容が入っていることをご了承ください 概要 AWSでは「サーバレス」と呼ばれる領域のサービス群やこれら
AWSコスト最適化の定番！もう聞かれても怖くないRIとSP基礎講座 で登壇しました #devio2025 | DevelopersIO
コンバンハ、千葉（幸）です。 2025/10/18（土）行われたDevelopersIO2025 TOKYO GRAND FINALEに登壇しました。 登壇の概要はこちら。 AWSコスト最適化の定番！もう聞かれても怖くないRIとSP基礎講座 「どちらを選べばいいか分からない」「人に説明できるほど理解していない」そんなお悩みを解決！AWSコスト削減の要であるリザーブドインスタンスとSavings Plansを基礎から解説します。仕組みから選び方まで実例を交えて分かりやすくお伝えし、明日からあなたが自信を持って説明できるようになっていただきます！ 登壇者：千葉幸宏（チバユキ） ご参加いただいた皆さまありがとうございます。登壇資料と少しの周辺情報をブログにまとめます。 登壇資料 ※一部文字化けしているので、後で直します…… 関連資料 登壇中にこのような比較表を投影しました。 こちらに配置していま
Probely入門！DASTツール「Probely」を試してみた。 | DevelopersIO
おはようございます( ◜◡◝ ) ゲームソリューション部／業務効率化ソリューション部のきだぱんです。 今回は、DASTツールProbelyのアカウント作成〜スキャンまでを行ってみたいと思います。 Probelyのアカウントは、無料で簡単に作成できます！ Probelyとは Probelyは、WebアプリケーションやAPIのセキュリティ脆弱性を自動でスキャンするDAST（Dynamic Application Security Testing）ツールです。 開発者が早い段階で脆弱性を発見・修正できるように設計されており、安全なアプリケーション開発を支援します。 アカウントを作成する まずは、ProbelyのウェブサイトProbelyのウェブサイトにアクセスします。 ウェブサイトの右上にある「SIGN UP」をクリックします。 作成したいアカウントのメールアドレスを入力します。 Verific
要件定義をするときに意識していることをまとめてみた -要件例を添えて- | DevelopersIO
要件定義で意識していることを言語化したくなった こんにちは、のんピ(@non____97)です。 皆さんは要件定義で意識していることを言語化したくなったことはありますか? 私はあります。 いくつかのプロジェクトで要件定義をしてきましたが、改めて考えると、普段は感覚でやっている箇所も多くあったなと感じています。 そこで、改めて言語化することで、プロジェクトごとのブレを抑えたり、さらにどういった対応が必要なのかが整理できる予感がしてきました。 ということで、以降、要件定義で意識していることと要件の例を紹介します。 なお、「要件定義とは」や「要件定義の進め方」は語りません。書籍やインターネット上に先人たちが大量にアウトプットしてくださっているため、そちらを参照ください。 特にIPAが公開している「ユーザのための要件定義ガイド 第2版 要件定義を成功に導く128の勘どころ」や「システム再構築を成功
Claude Codeに専門家チームを追加！開発効率を向上させるSuperClaudeを試してみた | DevelopersIO
はじめに 皆さん、Claude Codeは使っていますでしょうか。私はプライベートでもMaxプランを契約して、もう手放せない存在になってしまいました。 とても便利なツールですが、使い込んでいくうちに細かく設定したい項目が増えてきます。CLAUDE.mdの書き方、カスタムスラッシュコマンドの追加など、検討する項目も多くなってきているのではないでしょうか。 今回は、そうした悩みを解消できそうなOSSフレームワーク「SuperClaude v3」（以下、SuperClaude）を試してみました。SuperClaudeは、Claude Codeをさらに効率的に活用できるよう拡張してくれるツールです。 GitHubのリポジトリはこちらです。 まだ使い込んではいませんが、まずは試してみようと思い、実際に使ってみました。 インストールは1分程度で完了しますし、アンインストール手順も記事の最後に記載してい
Devin 2.0がリリースされ$20から利用可能になりました！ | DevelopersIO
はじめに 本日(4/4) Devin 2.0 がリリースされました！ 大幅な変更があったので、本ブログではその内容をご紹介します。特に料金プランの追加により、Devinの利用がより手軽になったことをご紹介します！ リリースノート Coreプランが追加 今まで最小のTeamプランは$500からでした。企業での利用でない場合、お試しで利用し始めるには、少し手が出にくい金額でした。今回新しくCoreプランというTeamプランよりミニマムなプランができました。 以下簡単な翻訳を記載します。 AIエンジニアのコア機能（自律的なタスク完了、自然言語でのコラボレーション、時間をかけた学習）が含まれる 月額契約金額なし 最初に$20のACU購入が必要 最大10の同時Devinセッションが可能 ユーザ数制限なし プランの説明から見ると最低$20分のACUから利用可能になります！Coreプランの導入により、最
ChatGPTに要件定義をお願いしたらハンパなかった | DevelopersIO
架空の営業管理システムを作ってもらう前提で、ChatGPTに要件定義をお願いしてみました。 実験として軽く試すレベルで始めてみたのですが、予想を超えるクオリティでしたので、一部始終を皆様にもご紹介します。 ChatGPTとのやりとり まず、ざっくりと必要な機能の洗い出しをお願いしてみました。 あっという間に必要な機能を網羅的にリストアップしてくれまた。私自身、SFA/CRMをいくつか触った経験がありますが、適切な内容だと思います。 中には、「データのインポート・エクスポート機能」のように、検討初期段階ではつい忘れそうな機能も含まれています。さらに頼んでもいないのにオススメの検討プロセスまで教えてくれました。気が利いてます。 機能ベースだと要件の妥当性が判断しにくく思ったので、画面ベースで要件定義してもらことにしました。 「図で教えて」とできないことをお願いしたところ、やんわり断りつつ、意図
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チームで成果を出すためには心理的安全性が必要で、そのためには礼節とHRTが不可欠だ、という話をしました | DevelopersIO
