📌 はじめに - Kiroって何？なぜ今注目されているの？ Kiro（キロ）は、2025年7月にAWSがリリースした革新的なAI統合開発環境（IDE） です。「え？また新しいエディタ？VSCode,Cursorでよくない？」って思った方、ちょっと待ってください。Kiroはただのエディタじゃないんです。 🤔 従来のIDEとの決定的な違い 従来のIDEでは、コードを書くのは100%あなたの仕事でした。でもKiroは違います。AIがあなたの開発パートナーとして、一緒に考え、提案し、実装してくれるんです。まるで優秀な先輩エンジニアがペアプログラミングしてくれているような感覚です。 ✨ Kiroでできること（これ重要） 🤖 AIとの対話でコード生成: 「ログイン機能作って」って言うだけで、本当に作ってくれます 📋 Specs（仕様書）の自動生成: 曖昧な要望から、きちんとした仕様書を作成

Kiroは対話形式で詳細な要件書・設計書を作れるが、実装速度が遅い Claude Codeは爆速開発ができるが、正確な指示出しが難しい 2つの長所を組み合わせることで、質と速度の両取りができました。 Kiroで作った仕様書をClaude Codeに読み込ませたら、Claude Codeがタスクを理解して最後まで実装してくれました。 Kiroとは Kiroとは2025年7月15日にAmazonがリリースした統合開発環境で、要件定義・設計からコードの開発までを行ってくれます。対話形式で詳細なrequirements（機能要件）・design（設計）・tasks（タスクリスト）を作成できます。作られたタスクを実行することで、開発が完了します。 詳しくは次の記事がわかりやすいです。 Kiroは設計は得意だが、実装速度が遅い Kiroは高機能な要件定義・設計機能は持っていますが、現時点では実装速度が

こんにちは、クラスター株式会社でサーバーサイドをメインに開発しているid:shiba_yu36です。 クラスター株式会社は2025/07から開発チームのエンジニア希望者にClaude Maxを配り、Claude CodeなどによるAIコーディングをどんどん取り入れる決定をしました。しかしAIコーディングをいきなり行おうとしても、AIやエージェントによるコーディングの前提知識が足りず、使いこなせない・AIコーディングは使えないと判断を下してしまう可能性があります。 そこで導入を加速するため、前提となる知識をまとめたAIコーディングガイドラインを書き、Claude Max導入直後に開発チームへ展開することにしました。今回はこのガイドライン内容をそのまま共有しようと思います。 AIコーディングの導入の参考になれば嬉しいです。また、間違っている部分もあると思うので識者の方は指摘してもらえると助かり

Kiroの仕様駆動開発のワークフロー全体をClaude CodeのSlash Commands(7ファイル)で再現できるようにした Kiroのフォルダ構成、ドキュメント構成をトレースし全く同じ構成で出力されるように再現したため、Claude Codeで作成したプロジェクトをKiroでそのまま利用することが可能（互換性あり） KiroはSpec-Driven Development (仕様駆動開発)に沿った開発プロセスが組み込まれたAIコーディングエージェントで、本番環境でシニアソフトウェアエンジニアが行う開発プロセスが落とし込まれています。 この仕様駆動開発プロセスはなかなか理想的で、仕様書の作成方法やドキュメント構成等が今後の開発プロセスのデファクトスタンダードになるはず...というかなってほしい Kiroの仕様駆動開発を完全に再現できれば、「オレオレフレームワーク」ではなく、(AIコー

はじめに アノテーションのWebサイトを管理している Shimizu です。 巷で話題の Claude Code にとりあえず触れてみようと思い、手始めにWebサイト開発環境のWebフレームワーク刷新を指示してみたのですが、利用開始からわずか1時間ほどで実現でき、その凄さに驚きました。ここでは実施した内容を備忘として記事にしました。 ※ 本記事では Claude Code の導入方法については触れていません。これからインストールされる方は下記の記事*1を参考にしてください。 *1 Claude Codeを徹底解説してみた（前編） | DevelopersIO 抱えていた課題 管理しているWebサイトの中で、比較的古いWeb開発フレームワーク（Middleman.js / jQuery 等）で作成されたものがあります。 Dockerコンテナに開発環境を構築していますが、Webフレームワークの

こんちには。 データ事業本部 機械学習チームの中村(nokomoro3)です。 今回はClaude Codeを徹底解説したいと思います。 本記事について 私は元々はCursorを使っており、Claude Codeは必要なのか半信半疑だったのですが、試してみた感じエージェントの挙動はかなり期待通りな印象です。実際にCursorではコード補完やCmd + Kをメインに、エージェント的な動きはClaude Codeやるように最近使い分けを始めています。 使用感は主観に寄るところも大きいので文面でお伝えするのは難しいですが、Claude Codeのことを少しでも知ってもらい多くの人に使ってもらるよう、一通りの使い方を記事にしました。 以下の内容で記載しており、盛りだくさんとなっております。 Claude Codeの基本的なセットアップ方法から解説 基礎的な使い方から応用（Permission、Gi

VSCode+Claude Codeで業務コードの8割をAIに書かせています。試行錯誤で掴んだコツを共有します。 事前準備が9割 CLAUDE.mdでプロジェクト情報を整理 /initコマンドでプロジェクトの全体像を記載させる。 アーキテクチャ・フレームワーク アプリの概要 テスト・lintのコマンド アーキテクチャとかフレームワークは地味に重要で、これがあるといちいち調べさせなくてもよくなるし、トークンの節約になる。 明らかに察しが良くなるので必ずやる。 さらに、個別のタスク遂行フローを追記していく。 ...Claudeが自動で書いた部分 ## タスクの遂行方法 適用条件: 実装を依頼された時。単なる質問事項の場合適用されない。 ### 基本フロー - PRD の各項目を「Plan → Imp → Debug → Doc」サイクルで処理する - irreversible / high-r

amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい どうもこんにちは、昨日AmazonがVS CodeベースのIDEである「kiro」をリリースしました この分野ではcursorやWindsurf、アドオンですがClaude Codeなど様々な選択肢があります そんな中であえてAmazonが出してきたIDEのコンセプトは Vibe coding ……ではなく、 Viable Code だそうです 細かい説明は公式HPを見てもらうとして、他との違いは 「仕様書駆動開発」 を明確に打ち出している点です AIとのコーディングは難しい 特にClaude Codeを弄り倒している人なら常々感じてると思いますが、AIに適切な指示を与えて適切な作業をしてもらうのは非常に難しいです それを解決しようとみんな「sowで書いて」だっ

はじめに こんにちは、株式会社カナリーでソフトウェアエンジニアをやっている matsu です。本記事はチームメイトの さかす と共同で執筆しています。 私たちは現在、エンジニア6人のチームで toB SaaS プロダクトの新規開発に取り組んでいます。 さて、今年の6月頭、AIコーディング支援ツール「Claude Code」が一気に話題となりました。そのタイミングで社内でも導入が検討され始め、一部のメンバーがいち早く活用を始めていました。「開発速度が爆速になった」「もう戻れない」といった声が聞こえてくる一方で、一部のメンバーしか使っていないが故に、知見が個人に閉じてしまっていたり、チームでの開発フローを大きく変えることが難しかったりと、少しもったいない状況になっていました。 そこで私たちのチームでは、1週間集中の検証プロジェクト「Dive into Claude Code」を実施。チーム全員

AWSがAIコードエディタ「Kiro」をプレビュー公開、VS Code互換。AIとチャットしながらプロダクトを開発 KiroはVisual Studio Code（VS Code）互換のコードエディタに生成AIを統合したものです。開発者は要件作成、設計、実装の各段階においてKiroに統合された生成AIとチャットをすることで、生成AIによる助言や補完、コードの生成などの支援を受けることができます。 This is Kiro - the AI IDE that actually works on your messy, real-world projects. Other AI tools lose context when projects get complex. Kiro gives you spec-driven development that scales beyond proto

ユーザー「MCP使ってブラウザで確認して」 AI『分かりました！...エラーが出ているので代わりにcurlを利用します！』 ユーザー「は？？？？？？？」 どれだけClaude Codeを制御しようと、上のように勝手な解釈で意味のない代替行動をやるClaude Codeに日々ブチギレてるみなさんのストレスと無駄に消えるトークンを少しでも解消する方法を提案します ※全体的にAIに対しての文章がキツくみえるかもしれませんが、コンテキスト節約のために短文にしてます 訪れる未来 この記事の通りにセットアップすると、上記のように自動的に対応してくれるようになるので同じことを1億回言わなくて良くなりストレスが非常に減ります NG Word集を設定しよう 例えばはずや代わり、別のと言った用語が含まれていたら自動でブチギレるような設定にするとかなりストレスが減ります NG Command集を設定しよう 例え

この記事は Claude Code を初めて試そうとされている方向けの記事です。 導入手順 Claude Codeは、ターミナルで動作する対話型AIコーディングツールです。コードの生成だけでなく、ファイルの編集、テストの実行、Gitの操作まで自然言語で指示できます。 以下の公式ドキュメントを参考にして導入してみてください。 公式ドキュメント：https://docs.anthropic.com/ja/docs/claude-code/overview VS Code拡張：https://docs.anthropic.com/ja/docs/claude-code/ide-integrations よく使うコマンド CLIコマンド（起動前） Claude Code を起動するコマンド: claude # 対話セッションを開始 claude --continue # 直近のセッションを継続 c

ローカルLLMを用いた簡単なLLMアプリを作ってみた / Building a Simple LLM App with Local LLM

講習会用にまとめたもの。可能なら公式ドキュメントを参照するのを推奨するが、この資料ではサッと使いはじめるために要点を絞って解説する。 claude-code は claude-code 自身で開発されており、恐ろしい速度で更新されてる点に注意。この資料は一瞬で古くなる。 アカウントの契約等は省略 インストールと実行

Google様がまた新しいAIツール出してきたじゃないですか。正直いうと、また覚えることが増えるのかという感想😅Claude CodeがProプランで使えるようになったと思ったら、今度はGemini CLIですよ...もう追いつけない💦でもやらないと時代に取り残される...😫という話となります。 Gemini CLIって何？ ターミナル上で動くGoogleのAIコーディングアシスタントです。「〜を作って」「〜を修正して」とプロンプトに依頼することで開発ができます。Claude Codeと似てるけど、GoogleのGeminiを使ってるのが特徴。個人的にはGeminiの最近の追い上げも見過ごせません。 特徴 Gemini 2.5 Proの100万トークンという巨大なコンテキストウィンドウ マルチモーダル機能（PDFやスケッチからアプリ生成） Google検索との連携でリアルタイム情報取

「移動中の時間を開発に使えたら...」 エンジニアなら誰もが一度は考えたことがあるのではないでしょうか（たぶん、きっと） 電車での移動時間、カフェでの待ち時間、散歩中のひらめき。これらの時間を有効活用できれば、開発の可能性は大きく広がります。 Devinの登場から始まり、Claude Code（Action含む）の進化を経て、Google Pixel 9 Pro Foldを購入したことで、本格的にスマホで開発したいという思いが強くなりました。 折りたたみスマホという大画面と、AI開発ツールの組み合わせによる「スマホで移動中でも本格的に開発する」という世界です。 正直、コーディング自体はPCの方が圧倒的に速いですが、「散歩中に思いついたアイデアを忘れないうちにメモしておく」を超えて、「散歩中に思いついたアイデアを実装しておく」ことが出来るのは個人的にWOW体験でした。 散歩中：「スライド生成

第1章 Stripe決済の全体像 概要 Stripeを使うことで、従来は複雑だった決済システムの実装ハードルが大幅に下がります。全体像をつかむための最低限必要な知識として、Web決済に的を絞って、Stripe決済の基本構造、単発決済とサブスクリプション決済の違い、テスト環境の使い方を説明します。 Web決済システムの全体像 Stripe決済システムは以下のようなコンポーネントで構成されています： ※最小限の基本的な決済に必要なもの。実際にはもっと複雑で、膨大な構造です 基本概念 商品（Product）: 販売する商品やサービスの基本情報 価格（Price）: 商品の価格設定（金額、通貨、請求間隔） 顧客（Customer）: 購入者の情報を管理 支払いインテント（Payment Intent）: 単発決済の処理を管理 サブスクリプション（Subscription）: 継続課金の管理 アプリ

View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 10月15日更新池田 泰延♥ 142

Moving PHP forward through collaboration and standards. Welcome to the PHP Framework Interop Group! We're a group of established PHP projects whose goal is to talk about commonalities between our projects and find ways we can work better together.

このガイドはPSR-1に準拠し、標準的なコーディング規約のためのスタイルガイドです。 このガイドの目的は、複数メンバーがコードを読む際の認識のずれを抑えることです。 これはPHPコードをどのような書式にするかについて、ルールや期待値を共有することで実現します。 スタイルルールは、様々なプロジェクトの共通内容から生み出されています。 様々な作者が複数プロジェクトを横断して協力しあうことで、全てのプロジェクトで有用なガイドライン策定の助けとなります。 従って、このガイド本来の利点は、ルール自体にはなくルールを共有することにあります。 文書内記載されている "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY" 及び "OPTIONAL" は、RFC 21