YouTube Liveのコメントで架空国家を動かすAIWebアプリを1.5人日で構築
ZennYouTube Liveのコメントを「世論」として解析し、経済・治安など13の指標がリアルタイムで変動する架空国家シミュレータ「AInation」を開発。OpenAI APIとClaude Codeを活用して1.5人日で完成させ、AIへの指示工夫（「スクロール不可」より「画面外は見えない」が有効）が課題だった。
記事一覧
全 4137 件 · 121 / 207 ページ
AI に「図を描いて」と頼むと'それっぽいけど使えない図'が出てくる問題を、draw.io 生成スキルで倒した
Qiita受託開発・SES 現場での図作成の負担を解決するため、Claude の Skills 機能を使って draw.io 生成スキル集を開発。「図のお作法」（色ルール、レイアウト、記号の意味など）をスキルに組み込むことで、システム構成図・業務フロー・ER図・CI/CD パイプラインなど 7 種の図を再現性高く自動生成し、編集可能な .drawio ファイル形式で出力できるようにした。
Claude Code Hooks 入門 — 「お願い」を「必ず実行」に変える仕組み
ZennClaude Code の Hooks 機能を使い、CLAUDE.md での「お願い」を決定論的な実行に変える方法を解説。SessionStart / UserPromptSubmit / PreToolUse など複数のイベントレベルで、prettier の自動実行や危険なコマンドのブロックを Claude の判断に関わらず強制できる。settings.json による設定方法と 5 つの実践パターンを紹介。
AIエージェントが自律的に自己改善する self-improvement スキルが良い
ZennClaude Code でセッションをまたぐと学習が失われる課題を解決する Agent Skill「self-improvement」を紹介。エージェントが訂正・エラー・知識ギャップを検知すると .learnings/ ディレクトリに構造化して記録し、コミットでチーム全員に共有できる仕組み。繰り返し学びは恒久ルールへ昇格させることで、個人の経験がチーム資産になる。
やっぱり数学的表現から逃げられませんか：AIと世界の遊び方 第12回
Zennthree.js での 3D コーディング初心者が、Claude とのやり取りを通じて座標系・ラジアン・回転などの基礎数学を学ぶ過程を記録。プロンプトの曖昧さを逆手に取り、Claude との対話を深める工夫を紹介する。
Claude Code スキルを Zenn 記事に全自動変換する「claude-skills-article」スキル
ZennClaude Code で自作したスキルを Zenn / Qiita に公開したいが、記事構成やコード整形、個人情報のマスキングが面倒な中級者向け。SKILL.md とスクリプトを読み込ませるだけで、マークダウン記事を自動生成するスキルを紹介。発信のハードルを大幅に削減できる。
ClaudeでSystemCを書いてみた
QiitaUbuntu 24.04 環境で Claude を活用し SystemC ライブラリをインストール・ビルドし、入力データ処理モジュールを実装した。Claudeが提示した手順を実環境に合わせて修正しながら、環境構築からデザイン・テストベンチコード生成まで実施。
Claude × Google Drive でドキュメントを自動作成してみた
QiitaClaude Cowork と Google Drive MCP コネクターを組み合わせ、テスト仕様書を自動生成・アップロードする実装を試みた。xlsx ファイルが Google Drive で開けない問題に直面したが、CSV 形式での変換アップロードで解決し、openpyxl でレイアウトを解析して既存フォーマットのマトリクス形式を再現した。
AI Agent Chat の質問インターフェース設計 ― ユーザーの回答を誘発する Elicitation UI
ZennClaude Code、Claude Design、Genspark など複数の AI Agent Chat では、選択肢の提示と自由入力欄を組み合わせたUI を採用することで、ユーザーの回答の摩擦を軽減している。選択肢は単なる利便性だけでなく、ユーザーが「何を答えるべきか」を言語化するための叩き台となり、MCP の Elicitation 機能のように潜在的なニーズを引き出す役割を果たす。Hermes Agent の実装例から、clarify_tool を用いた構造化された質問生成の仕組みが解説される。
