Web制作チームのための
Claude Code 導入ハンズオン
Webディレクター・デザイナー・ライターが、それぞれの業務でClaude Codeを使えるようになるためのハンズオンです。導入の手順から、職種ごとの具体的な活用法まで、実際の業務を題材に進めます。
ハンズオンについて相談するこんなチームに向いています
- 生成AIのアカウントはあるが、日々の業務に組み込めていない
- 毎週・毎月の定例調査やレポート作成に時間を取られている
- デザインやコーディングの初稿づくりを早くしたい
- 社内でAI活用を教えられる人を育てたい
職種別に扱う内容
Webディレクター
SNSやSEOのアルゴリズム動向など、定例で行っている調査作業をAIに任せる方法を扱います。
デザイナー
デザインシステムを整え、それをもとにAIにデザインの初稿を作らせる方法を扱います。
コーディング担当
コーディングガイドラインをAIに読み込ませ、ルールに沿ったHTMLコーディングをさせる方法を扱います。
実施事例
Web制作会社での社内ハンズオン（10名）
- 参加者：Webディレクター6名・デザイナー2名・ライター2名
- 内容：Claude Codeの導入から、上記の職種別活用法まで
- その後：参加者は現在も業務でAIを使い続けています
- LP1ページのコーディング時間：3時間 → 2時間30分（初回の実施時点）
使い慣れていくことで、さらに短くなる見込みです
マーケティング会社のデザインマネージャーへの個別ハンズオン（1名）
- 内容：社内ハンズオンと同様の内容を個別に実施
- その後：受講者が自社のメンバーにAI活用を教える体制ができました
このサイトもAIで制作しています
このサイト（komatool.org）は、Codex と Claude Code を使って制作しました。デザインの初稿づくり、コーディング、デプロイまでをAIに任せ、公開までにかかった期間は約3日です。
実施形式
| 形式 | オンライン（全国対応）／東京都内は対面も可 |
|---|---|
| ご依頼 | 個人・法人どちらでも対応します |
| 人数 | 1名から。上限は要相談 |
| 時間・回数 | 要相談 |
| 料金 | 要相談（内容・人数に合わせてお見積もりします） |
よくある質問
- Q. Claude Codeを触ったことがなくても参加できますか？
- A. はい。導入の手順から扱います。
- Q. 自社の業務に合わせた内容にできますか？
- A. 参加者の職種や業務内容を事前にお伺いし、題材を調整します。
まずは、チームの状況をお聞かせください。
ハンズオンについて相談する