- 投稿日:2026/04/08
- 更新日:2026/04/08
この記事は約5分で読めます
要約
Claude Coworkを使い、ポートフォリオサイトを作成した際の手順をまとめました。
自分の備忘録も兼ねていますが、この方法はポートフォリオに限らず「まずは手軽にサイトを作ってみたい!」という方のスモールスタートにもおすすめです。
⒈はじめに
動画編集の駆け出しの頃、ポートフォリオサイトを作っていました。
が!!
サイト側の事情で無料で公開できなくなり、
別サイトで「もう一度ポートフォリオサイト作りたい!」と思い
CanvaやStudioを触ってみるものの、なかなか時間が取れず後回しに…。
そんな時、リベシティ内で「Claude Codeがすごい!」という話を聞き、
オフ会に参加してみて
「今度こそ、しっかり時間をとって形にしよう」
そうして今回Claude Coworkでポートフォリオサイトを作成しました。
今回は、私が実践した制作フローを備忘録としてシェアします。
⒉手順
先にざっくりとしたフローをお伝えすると
① Claudeチャット(一番左のタグ)でプロンプトの壁打ち
② ①のプロンプトをClaude Coworkで出力
③ 出力されたポートフォリオサイトの不足の情報を補完や調整
④ 公開するための準備
完成した私のポートフォリオサイトはこちらです。
https://yuzukosho-portfolio.netlify.app/
続きは、リベシティにログインしてからお読みください