【総合案内】Claudeで作るカフェのHPワークショップ（入門編）

この記事でできること

Claudeを使えるようになりたい方のためのワークショップです。Claudeの兄弟ツール（Chat / Code / Chrome拡張 / Design）を実際に使いながら、カフェのホームページを作ってインターネット上に公開する流れを体験します。

題材として「カフェのHP」を選んでいますが、HP制作自体に興味がなくても、Claudeを一通り触ってみたいという方なら大丈夫です。

→ 公開サンプル：https://kimchimiso-cafe-hp-design.pages.dev/

私が実際にこのワークショップ手順で作って公開しているサンプルです。

進め方の方針：プログラミング知識は不要。「なぜそうなるか」を全部理解する必要はありません。「この操作をしたら、こうなる」を体験するのがゴールです。

このワークショップで使うツール

Claudeの5人の兄弟のうち、Chat / Code / Chrome拡張 / Design の4人を使います（Coworkは使いません）。

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）