くるしば | ソフトバンクよりReact本発売中

AIの教材は色々あるけど、バイブコーディングの本格的な教材って初めて見た しかも、複数のAIを並列で回すマルチエージェント開発まで含まれてる 「Easy-Vibe」は、AIに指示してソフトを作るVibe Codingを、完全初心者向け→フルスタック→上級の3段階で学べる無料チュートリアルで、日本語でそのまま読める ・最初は、アイディアの出し方、課題発掘の仕方から始まる ・2段階目で、デザインをコードにする、実際のデータを扱う、デプロイして公開する、まで進む ・上級ではClaude CodeのMCPやスキル、Agent Teamsまで扱う ・付録に、フロントエンドの基礎やAPI設計を動くデモで触りながら理解できる解説がある コードの外側の「ユーザーへの話の聞き方」みたいな製品づくりの章まであるのが面白いし本格的 Claude Code入れて、さあこれから何か作ろうというフェーズの人、絶対見てほしい

GoogleでAndroid Studioを開発していたエンジニアが、自分で使ってるAGENT.md（AIにコードを書かせるときのルールファイル）を、ルールごとの理由つきで全文公開してる ルールは14個＋コミットメッセージの書き方7つ ・関数名は30文字未満 ・if文を深く入れ子にせず、早めにreturnして平らに書く ・引数にtrue/falseを渡すより、名前のついた選択肢（enum）を使う ・意味のある数字や文字列は、名前のついた定数にする ・バグ修正は、先に失敗するテストを書かせて、落ちるのを確認してから直させる ・privateをpublicに変えるときは、必ず人間の許可を取らせる 運用のコツも書いてあって、会話が長くなって品質が落ちてきたら「Reload AGENT.md」と一言言ってAGENT.mdを明示的に読み直させるらしい 理由、解説まで含めて公開されてるものは珍しい気がするのでぜひ参参にしてみて

Anthropicが公開してる「Claude Academy」って知ってる？Claude Codeの使い方を、作ってる会社自身が日本語でまとめた無料の学習サイト アカウントなしでそのまま読めて、コースの最後にはクイズで理解度も確かめられる まず見てほしいのは「Claude Code 101」。12レッスン・約1.5時間で、こんな内容が順番に並んでる ・Claude Codeが裏で「情報を集める→動く→結果を確かめる」を繰り返してる仕組み ・調べる→計画する→書く→コミットする、の毎日の進め方 ・会話が長くなってきたときの、/compactや/clearの使いどころ ・CLAUDE.mdにプロジェクトのルールを書いて、毎回説明しなくて済むようにする ・大きな作業を、サブエージェントに分担して任せる ・決まったタイミングで整形を走らせたり、危ないコマンドを止めたりする 基礎的な内容はこの101を見れば大体わかる Claude Codeを触り始めた人は、まずここからはじめるのが良さそう

Claude CodeやCursorに、構成図・ER図・シーケンス図などを読みやすく描かせられるスキル「diagram-design」が良さそう 1枚が1つのHTMLファイルで完結してて、ビルドもJavaScriptも要らない ・座標や幅、間隔はすべて4で割り切れる値にする、と決めてる ・図形の重なりやはみ出しは、自動でチェックしてる ・自分のサイトのURLを渡すと、ブランドの色やフォントを読み取って全部の図に反映してくれる ・draw.ioで描いた図を読み込んで、描き直すこともできる などなど、見た目のルールをかなり厳格に縛ってるから、こっちが細かく指示しなくても整った図になるのが嬉しい 構成図などの資料作成は割とこれ入れておけばOKぐらいのクオリティがある

Claude Codeを作ってるチームが、自分たちのコードレビューの回し方を「How the Claude Code team does code review」でそのまま公開してた コードの約90%をClaudeが書いてるチームなので、AIが書いたPRが大量に来る前提 全部人がレビューしてたら追いつかないので、レビュープロセスもAIで極限まで効率化してある 効率化のやり方が具体的で「そこまで決めてるんだ」ってなったところ ・人が見る量を変更の中身で決める。ドキュメントや文言の修正は自動チェックが通れば人の承認なし、普通の機能変更は1人、一番危ないところだけ2人 ・AIレビューは、複数のエージェントが同時にバグを探したあと、別のエージェントたちが「これは本当に直す必要があるバグか」を投票する。十分な数が同意した指摘だけがPRに載る ・AIレビュアーには、REVIEW.mdで「このリポジトリでの失敗とは何か」「細かい指摘は何件まで」「見なくていいファイル」などの情報を先に渡しておく ・エージェントに書かせたPRは、そのエージェントに指示した本人がレビュアーに必ず入る PRのテンプレなども公開されてて、すぐ真似できる形でまとまってるのがありがたい

AIエージェントに書かせたコード、動くけど中身はよくわからない…という人にちょうどいい「学習モード」をClaude Codeに追加しよう Anthropic公式のプラグイン「learning-output-style」を入れると、Claudeがコードを全部書くんじゃなくて、要所の5〜10行だけをこっちに書かせてくれる 例えば認証の仕組みはClaudeが用意したうえで 「セッションは操作中に延長する？固定にする？セキュリティと使いやすさのトレードオフだから、handleSessionTimeout() を実装してみて」 みたいに、考えどころの関数だけを渡してくる ・定型コードや設定、単純なCRUDはClaudeがそのまま書く ・人間にかかせるのは処理の中身・エラー時の対応・データの持ち方みたいな、コードの意味がつかめてくる部分 ・なぜその書き方にしたか、コードのどこにどんなパターンがあるかを「★ Insight」で2〜3点ずつ解説してくれる 教材を別に用意しなくても、いつもの開発の流れのまま数行ずつ自分で書くことになるので、読める・書けるが少しずつ増えていきそう 全部任せると速いけど、中身がわからないままだとエラーが出たときに自分で直せない AIに作らせたコードが読めなくてモヤっとしてるなら、まずこれを入れて、数行ずつ書くところから始めてみるのが良さそう