未ログイン状態で閲覧中
  • 投稿日:2026/04/08
  • 更新日:2026/04/08
【Claude Cowork活用】【Webサイト作成】コード知識ゼロの私がサイトを作ってみました

【Claude Cowork活用】【Webサイト作成】コード知識ゼロの私がサイトを作ってみました

  • 2
  • -
会員ID:8R5PXlzJ

会員ID:8R5PXlzJ

この記事は約5分で読めます
要約
Claude Coworkを使い、ポートフォリオサイトを作成した際の手順をまとめました。 自分の備忘録も兼ねていますが、この方法はポートフォリオに限らず「まずは手軽にサイトを作ってみたい!」という方のスモールスタートにもおすすめです。

⒈はじめに

Gemini_Generated_Image_sq9gncsq9gncsq9g.png動画編集の駆け出しの頃、ポートフォリオサイトを作っていました。

が!!

サイト側の事情で無料で公開できなくなり、
別サイトで「もう一度ポートフォリオサイト作りたい!」と思い
CanvaやStudioを触ってみるものの、なかなか時間が取れず後回しに…。

そんな時、リベシティ内で「Claude Codeがすごい!」という話を聞き、
オフ会に参加してみて

「今度こそ、しっかり時間をとって形にしよう」

そうして今回Claude Coworkでポートフォリオサイトを作成しました。
今回は、私が実践した制作フローを備忘録としてシェアします。

⒉手順

Gemini_Generated_Image_5qg8k55qg8k55qg8.png先にざっくりとしたフローをお伝えすると

① Claudeチャット(一番左のタグ)でプロンプトの壁打ち

② ①のプロンプトをClaude Coworkで出力

③ 出力されたポートフォリオサイトの不足の情報を補完や調整

④ 公開するための準備

完成した私のポートフォリオサイトはこちらです。
https://yuzukosho-portfolio.netlify.app/

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

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

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

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

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:8R5PXlzJ

投稿者情報

会員ID:8R5PXlzJ

イルカ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません