⟐ Claude Code/2026-06-24中級
Claude Design 由来のプロトタイプを本番化する — 単一ソース・CI・OGP自動生成の実装
Claude Design で作ったプロトタイプを Claude Code で本番運用に耐える形へ。生成物ランタイムを土台にする判断、ロジックを mixin で分離する構成、取引台帳を単一ソースにするデータ設計、GitHub Actions による自動更新と OGP 画像の実ブラウザ生成まで、実装込みで解説します。
◈ Cowork/2026-03-22初級
Canva × Claude で画像アセットを量産する方法 — バナー・OGP・SNS素材を一括生成
バナー・OGP画像・SNS素材を効率よく量産するために、CanvaとClaudeを組み合わせる手順をまとめました。Brand Kitの設定とテンプレート選定、Claudeでの見出しやコピーの生成、テンプレート編集とパーソナライズ、複数サイズでの書き出しまで6ステップで解説します。