執筆記事
- Tips
Claude Code の /design でデザインキャンバスを作る|使い方とできること
Claude Code の /design は、指示 1 行から複数のアートボードが並ぶデザインキャンバスを組み立て、Artifact として公開するコマンドです。リポジトリの中で走ると既存のデザインシステムから実値を拾い、頼み方しだいで既存を外した刷新案にも振り切ります。使い方・サブコマンド・早期プレビューならではの制約まで整理しました。
- Tips
Cursor Origin とクラウドエージェントのイベント駆動化|GitHub は置き換わるのか
Cursor がコードホスティング機能 Origin と、Subscriptions・/goal・隔離 VM のサブエージェント・Steering 改善を発表しました。Origin は GitHub を置き換えるものではなく、GitHub 由来のリポジトリでは GitHub が source of truth のままです。双方向同期の範囲と、イベント駆動でエージェントを運用するときの注意を一次情報の範囲で整理します。
- Tips
Copilot に /side・/btw・/worktree が入った — 本筋を止めずに脇道へ
GitHub Copilot の 2026 年 8 月 7 日公開の週次リリースで、本筋の作業を止めずに脇道の質問ができる /side と /btw、独立した作業環境を作る /worktree などが追加されました。Auto が実際に使ったモデルも表示されます。どれも「作業を分ける」方向の変更として整理しました。
- Tips
Claude Code の Focus view とサンドボックスの資格情報マスキング (v2.1.221)
Claude Code v2.1.221 で、ツールの実行ログを畳んでターンごとの要約だけを表示する Focus view が VS Code 版に追加されました。加えて Linux と WSL 向けに、サンドボックス内では偽の値を読ませて送信時に実値へ差し替えるマスキングも入っています。何が変わるのか、どちらも「見せる量を絞る」話として整理しました。
- Insights
AI が頼んでいない機能まで作るのはなぜか — 過剰実装を止める指示の型
AI に実装を任せると、頼んでいないエラー処理や設定項目、抽象化まで付いてくることがあります。親切に見えて、レビューの負荷と保守対象を増やす厄介な挙動です。なぜ足りないより余るほうに寄るのか、その仕組みと、範囲を先に切って過剰実装を止めるための指示の型を整理しました。
- Insights
Claude Design と Claude Code の連携ガイド — ユースケース別の使い方
Claude Design を使って、どのツールと連携して、どんなことができるのか。Claude Code との双方向同期で「デザイン↔コード」を往復するワークフローや、Adobe・Canva・Gamma・Vercel など各エクスポート先の使いどころを、ユースケース別に具体化します。概要は別記事に譲り、本記事は実践編としてクリエイティブスタジオの活用シナリオまで踏み込みます。
- Insights
Claude Design とは — 何ができるのか、デザインシステムとどうつながるのか
Claude との会話でデザイン・プロトタイプ・プレゼンを作れる Claude Design を解説します。Claude Code との双方向同期や、Adobe・Canva・Vercel など外部ツールへのエクスポートに対応し、デザインとコードの距離が縮まりました。何ができるのか、AI 駆動開発の現場でどう活かせるのかを、クリエイティブスタジオの視点で整理します。
- Insights
Web システム開発の費用相場と見積の内訳|規模別レンジと押さえるべきポイント
同じ「会員機能付きの Web サービス」でも、A 社は 500 万円、B 社は 2,000 万円と 4 倍近く差が付くことは珍しくありません。Web システム開発費の 6 ブロック内訳、規模別レンジ、管理画面や外部連携などのコスト増要因、発注前に整理すべき 3 点を、AI 駆動開発のクリエイティブスタジオが発注担当者向けに整理しました。
- Tips
Cline・Roo Code|OSS の AI コーディングエージェントを実運用する
VSCode 拡張の OSS エージェント Cline を実務で動かすための設定とモデル選定、コスト管理、MCP 連携を整理。クローズドツールが使えない環境での AI 駆動開発の選択肢として解説します。
- Insights
Gemini Code Assist と Claude Code を実務で比較|使い分けの判断軸
Gemini Code Assist と Claude Code を、料金・モデル・コンテキスト・コード生成精度・エージェント性能・チーム導入の観点で実プロジェクトの運用知見から比較。どちらをどの場面で選ぶかの判断軸と、併用する場合の役割分担を整理します。
- Tips
OpenAI Codex・ChatGPT をコーディングに活かす実践パターン
OpenAI Codex / ChatGPT をコーディング業務で活かす実践パターンを整理。コード生成・レビュー・エージェント実行の使いどころと、Claude Code・Cursor との役割分担を運用知見から解説します。GPT 系をどう開発フローに組み込むかの判断材料が手に入ります。
- Tips
GitHub Copilot を実プロジェクトで使い倒す 6 つのポイント
GitHub Copilot を Claude Code・Cursor と併用してきた知見から、補完精度を引き出す指示の書き方、Copilot Chat・レビュー機能・GitHub 連携の実用テクニックを 6 ポイントで整理します。料金プランやガバナンス設計、ほかの AI 駆動開発ツールとの役割分担まで、現場で効いた判断基準をまとめました。
