作ります クロード プロジェクトを公開することは、通常、2つのことを意味します。(1) コンテンツ Claude Web / Claude Projectsセッション中に作成されたもの(チャットの記録、成果物、ドキュメント、UI「プロジェクト」)をエクスポートまたは共有し、(2) コード Claude Code によって生成またはスキャフォールディングされ、他の人(または本番システム)が利用・実行できるようにパッケージ化されます。この記事では、両方のワークフローを、安全性、出所、ベストプラクティスの推奨事項を織り交ぜながら、実践的で詳細な手順で段階的に解説します。
以下は、Claude Web で作成されたプロジェクトをエクスポートして公開する方法、および Claude Code で生成されたコードをパッケージ化、レビュー、公開する方法など、操作上の詳細なウォークスルーです。
重要なポイント: Claude Webから、組み込みの 公開/共有 フロー(成果物を埋め込んだり、公開リンクをコピーしたりすることもできます)、Claude Codeの会話をエクスポート/保存(
/exportコマンドとその下のファイル~/.claude/projects/) を作成し、通常のコード リポジトリまたはリリース (GitHub、npm/PyPI/Docker、またはホストされた Web アプリ) にパッケージ化します。
クロードプロジェクトの公開に関する事項
過去 2 年間、Anthropic は、公開と共有に重要な機能を備えた Claude 製品ラインを成熟させてきました。
- クロード・プロジェクト (Claude.ai のプロジェクト UI) を使用すると、Pro および Team ユーザーはチャットをプロジェクトに整理し、選択したチャット/アーティファクトをチーム メンバーが閲覧できるようにすることができます。これは、プロジェクトを社内で共有し、公開する準備をするための重要な構成要素です。
- アントロピックがクロード・コードをリリースは、ターミナル/IDE中心のエージェント型コーディングツールであり、CLI/IDE統合(VS Code、JetBrains)も備えています。コードアーティファクトを生成し、開発者ツールチェーンに統合できます。また、Claude Codeを実際のプロジェクトで使用するための公開ドキュメントとベストプラクティスガイダンスも用意されています。
- Claude のサポート資料には、Web UI からのユーザーデータエクスポートフロー(設定 → プライバシー → エクスポート)が明示的に記載されており、公開前のプロジェクトデータのバックアップや移行に便利です。チームプランのプライマリーオーナーには、エクスポートコントロールも用意されています。
以下は、Claude Web で作成されたプロジェクトをエクスポートして公開する方法、および Claude Code で生成されたコードをパッケージ化、レビュー、公開する方法など、操作上の詳細なウォークスルーです。
Claude Webで作成したプロジェクトを公開/エクスポートするにはどうすればいいですか?
エクスポートと公開に関連する Claude Web 機能は何ですか?
Claude Webはプロジェクト(チャット、アップロードされたファイル、アーティファクトを整理するためのワークスペース)をサポートしており、「設定」→「プライバシー」→「データのエクスポート」からユーザーまたは組織のデータをエクスポートできます。また、Claudeはファイル(PowerPoint、Excel、Word、PDF)を作成することも可能で、出力は直接ダウンロードしたり、Googleドライブに保存したりできます。ただし、プロジェクトの内部ナレッジベースと一部のインタラクションログには、現時点では「プロジェクトのエクスポート」ボタンが1つしか表示されていない可能性があります。組み込みのエクスポート機能とアーティファクトのダウンロード機能を利用し、必要に応じてプログラムによる抽出を補う必要があります。
ステップ1 - プロジェクトの内容(安全性とIP)を監査する
- Claude Web UI (claude.ai/projects) でプロジェクトを開き、アップロードされたすべてのファイル、指示、プロンプト、生成された成果物を一覧表示します。
- アーティファクトから秘密、資格情報、またはプライベートデータを削除または編集します(
.envモデルの出力を同様に扱います。ライセンスを証明できない場合は著作権で保護されたセクションを削除します。 - サードパーティのアセット (画像、データセット) を分類し、ライセンスが再配布を許可していることを確認します。
ステップ2 - Web UIを使用して公式アーティファクトをエクスポートする
- 生成されたファイルをチャットから直接ダウンロードします(Claudeは
.pptx,.xlsx,.docx,.pdf(ダウンロード ボタンから保存するか、Google ドライブに保存します)。 - アカウントまたは組織レベルのエクスポート(チャットログ、アカウントメタデータ)の場合:「設定」→「プライバシー」→「データのエクスポート」(個人および組織のプライマリーオーナーにはエクスポートフローが用意されています)。アーカイブされたエクスポートリンクがメールで届きます。
注意事項と注意点:
- 削除されたメッセージ/プロジェクト (または保持設定によって削除されたもの) は、削除後にエクスポートに含まれません。
- エクスポートの準備には時間がかかる場合があります。ダウンロード リンクは電子メールで送信されますが、期限が切れます (期限が切れた場合は再度リクエストしてください)。
ステップ3 - 成果物(単一出力)を公開する
- Claude Web でアーティファクトを開きます。
- クリック パブリッシュ ボタン (このアクションにより、アーティファクトが「公開」に切り替わり、公開 URL が利用可能になります)。
- 公開後、クリック 埋め込みコードを取得する 成果物をサイトや CMS に埋め込む場合は、生成された HTML スニペットをコピーします。(埋め込みは無料/Pro/Max プランでサポートされています。)
注意事項とヒント
- また、ワイルドカード*を使用すると、任意の文字にマッチし、XNUMXつのコマンドで複数のファイルを削除することができます。 ダウンロード UI から特定のアーティファクト タイプ (SVG、PNG、Mermaid テキスト、またはその他のエクスポート形式) をダウンロードして、リポジトリまたはブログ投稿にアーティファクトを含めます。
- アクセシビリティのために、埋め込まれたコンテンツに説明のキャプションと代替テキストを追加します。
ステップ4 - エクスポートしたコンテンツを公開用にパッケージ化する
- ローカルに Git リポジトリを作成します。
git init、出所、制限、ライセンスを説明する明確な README を追加します。 - 加える
LICENSEファイル(目的に応じて、許可型ライセンスまたは制限型ライセンスを選択してください)。制限が必要な場合は、「研究目的のみ」または「軍事/商用利用不可」という条項を検討してください(注:適用は複雑なため、法務担当者にご相談ください)。 - 追加
CONTRIBUTING.mdおよびCODE_OF_CONDUCT.mdコミュニティ貢献を受け入れるつもりである場合。 - 加える
MODEL_CARD.md/SYSTEM_CARD.mdクロードが作成したもの、実施した安全性テスト、そして公開を希望するデータセット/来歴に関するメモを要約してください。この透明性は不可欠です。
ステップ5 — 公開プッシュ前の健全性チェック
- シークレット スキャナーを実行します (「シークレットをどのように削除しますか?」セクションを参照)。
- 個人データや許可されていないコンテンツが残っていないことを確認します。
- エクスポートされたドキュメントからウイルスやメタデータが除去されていることを確認します(追跡された変更や非表示のメタデータを削除します)。
ステップ6 — 公開
- コードや成果物を、選択したパブリックホスト(GitHub/GitLab)にプッシュします。リリースタグと説明的なリリースノートを使用してください。静的サイトやデモが必要な場合は、GitHub Pages、Netlify、またはレジストリに公開されたDockerコンテナをご検討ください。
- Claude が作成したインタラクティブな成果物 (デモ サイトなど) を公開する場合は、ランタイム リクエストによってバックエンド API キーが漏洩しないように注意してください (サーバー側プロキシとレート制限を使用します)。
実例(静的 HTML デモ)
- プロジェクトからHTMLアーティファクトをコピーして
index.html、 加えますREADME.md複製手順書付き。 - コミットしてプッシュします:
git init
git add .
git commit -m "Initial publish: Claude Project export v1.0"
gh repo create my-claude-demo --public --source=. --push
- リポジトリ設定 (ブランチ: main / フォルダー: /) で GitHub Pages を有効にするか、GitHub Actions を設定して Netlify/S3 にデプロイします。
Claude Code によって生成されたトランスクリプトまたはコードをエクスポートしてパッケージ化するにはどうすればよいですか?
Claude Codeはエージェント型で、主にCLI駆動型です。セッションをローカルに保存し、スラッシュコマンド( /export)を使用して会話を保存およびエクスポートします。推奨されるワークフローは、会話と関連ファイルをエクスポートし、出力を人間が理解しやすい形式に変換/クリーンアップし、メタデータを含むコードリポジトリを追加して公開することです。以下は、組み込みコマンドと一般的なパッケージングツールを使用した、実用的で再現可能な手順です。
ステップ1 - Claude Codeが正しく設定されていることを確認する
- Claude Codeをインストールして設定する( セットアップガイド: Cometapiコンソール経由で接続し、必要に応じて課金を設定することをお勧めします。 コメタピ より手頃な API 価格を提供します。
- 実行できることを確認する
claudeターミナルにワークスペースがあることを確認します。
ステップ2 — 会話をエクスポートする
- Claude Code REPL (対話型 CLI) で、次を実行します。
/export myproject-conversation.jsonlまたは単に/export会話をクリップボードにコピーするか、ファイルに書き込みます(動作はバージョンとフラグによって異なります)。/exportコマンドは、現在のセッションをファイルまたはクリップボードにエクスポートします。 - すべてのプロジェクトセッションを収集したい場合は、
~/.claude/projects/ディレクトリ(Claude CodeはJSONLまたはJSONファイルとして会話をそこに保存します)。例:ls -la ~/.claude/projects/ - エクスポートが JSONL の場合は、読みやすくするために Markdown に変換します。
-
シンプルな Python スニペット:
import json out = [] with open('myproject-conversation.jsonl') as f: for line in f: out.append(json.loads(line)) # transform out -> markdown file -
または、次のようなコミュニティツールを使用する
claude-conversation-extractororclaude-code-exporter(セッションを解析して Markdown/MDX に変換するコミュニティ プロジェクトが存在します)。
ステップ3 - 再現可能なリポジトリを作成する
- ローカル リポジトリを作成します。
mkdir my-claude-project cd my-claude-project git init - 追加:
README.md— プロジェクトの説明、来歴に関する注記、使用方法の説明。CLAUDE.md— Claude がどのように使用されたか (プロンプト、関連する場合は温度/パラメーター、人間が編集した内容)。LICENSE— 選択したライセンス。artifacts/— ダウンロードした成果物(画像、SVG)とエクスポートされた会話ファイル(.jsonlor.md).src/— 生成されたコード (ある場合) とサポート スクリプト。
- コミット:
git add . git commit -m "Initial Claude project export and artifact bundle"
ステップ4 - 配布用にコードをパッケージ化する
どのパッケージ パスを選択するかは、コード言語と対象ユーザーによって異なります。
JavaScript/Node パッケージの場合 (npm アカウントが必要):
- ディレクトリを作成します:
mkdir my-claude-project && cd my-claude-project - gitを初期化します:
git init - パッケージメタデータを初期化します。
npm init→ メタデータを入力します。 - 追加
index.js、テスト、そしてexamples/フォルダにコピーします。 echo "MIT" > LICENSE(または選択したライセンスを使用します)。- npm アカウントを作成して認証します。
npm login - npm に公開:
npm publish --access public(つかいます--access publicスコープ付きパッケージの場合は公開します。
cpp
npm publish --access public
Python パッケージの場合:
- リポジトリの準備: 追加
pyproject.tomlorsetup.py. - サニタイズとテスト: 実行
pytest、静的型付け(mypy)、依存関係のチェックを行います。シークレットと認証情報を削除します。 - ビルドと公開: wheelとsdistをビルドする
nginx
#creates dist/
python -m build
# follow Twine prompts (use TestPyPI first if you want a dry run)
twine upload dist/*
Web アプリまたはデモの場合:
- 小さな Web フロントエンド (例: Vite/Next/Vercel) を作成します。
- Vercel/Netlify にデプロイ:
- GitHub リポジトリを接続します。
- 非機密キーを持つ環境変数を追加します (公開デモではなし)。
- 展開します。
コンテナ化されたサービスの場合:
- 追加
Dockerfile. - ビルドとプッシュ:
perl
# test locally
docker build -t dockerhubuser/my-claude-demo:1.0 .
# Push to registry (Docker Hub / GitHub Container Registry):
docker push dockerhubuser/my-claude-demo:1.0
ステップ5 - リリースとドキュメントを作成する
- GitHubの場合: リポジトリを開く → 作成 リリース (タグ v1.0.0) を作成し、コンパイルされた成果物 (ZIP、tarball) をアップロードします。
- 加える
CONTRIBUTING.mdおよびSECURITY.md問題や機密データの漏洩を報告する方法を説明します。 - Claude Web またはダウンロード可能なアセットからの埋め込みアーティファクト URL を含む短いデモ ページ (GitHub Pages) を追加します。
Claude CodeのエクスポートをCI/CDに統合するにはどうすればいいですか?
例: GitHub Actionsによるエクスポート、変換、リリース
1.目標: ブランチがプッシュされたら、最新の Claude 会話ファイル (マシン/CI アーティファクトまたは MCP サーバー経由で存在する場合) をエクスポートし、リリースを作成します。
- 大まかな手順:
ワークフローを使用する(.github/workflows/publish.yml) それ:
- リポジトリをチェックアウトします。
- JSONL → Markdown に変換する小さなスクリプトを実行します。
- あなたが使用します
actions/create-releaseリリースを公開します。 - アーティファクトをアップロードします。
- セキュリティに関する注意: リポジトリにプライベート API キーを保存しないでください。GitHub Secrets を使用してトークンをローテーションします。
(コミュニティツールなど claude-code-exporter MCP 互換サーバーを使用すると、会話のエクスポートをサーバー フローに統合するのが簡単になります。会話を集中アーカイブにストリーミングする MCP/CLI 統合を探してください。
共同共有と再現性はどうでしょうか
再現可能な環境を作る
- 追加
environment.yml/requirements.txt/package.json正確なバージョンをリストします。 - 加える
Makefileターゲット:make export make convert make build make release - 使用したClaudeコードのバージョンを正確に記録します(例:
claude-code v1.0.44)とエクスポートコマンドを統合することで、読者はエクスポートを再現できるようになります(バージョンによってエクスポートの挙動が変わります)。/export).
会話とコードを共有する
- Claude アーティファクト (パブリック ULR/埋め込み) を公開し、エクスポートされたトランスクリプトとパッケージ化されたコードを含む GitHub リリースにリンクします。
- ワンクリックデモ(Vercel / GitHub Pages)を追加し、
Try itリンクをクリックします。
具体的な技術的落とし穴と回避策
落とし穴:秘密情報や個人情報の漏洩
対策: 公開前に自動スキャン(truffleHog、git-secrets)を使用する。誤ってプッシュされないように、コミット前のフックを追加する。 .env または API キー。
落とし穴: ユーザー向けの成果物として生の JSONL 会話ファイルに依存する
対策: Markdown に変換し、来歴メモを追加し、サニタイズされコンテキスト化された出力のみを主要な成果物として表示します。
落とし穴: バージョンの不一致と将来の非互換性
対策: ピンバージョン(Claude Codeとヘルパーライブラリの両方)には、次のものが含まれます。 claude-version.txt or claude-code-version リポジトリ内。
落とし穴:ライセンスの不足
対策: 加えます LICENSE 早期に。再利用を許容したい場合はMIT/Apache 2.0を選択し、商用利用を希望する場合はより制限の厳しいライセンスを選択してください。
クロードがしたことと人間がしたことの違いをユーザーに伝えるにはどうすればよいでしょうか?
ベストプラクティス: 明示的な帰属表示と来歴ファイル
クロード.md — 短い形式:
## Provenance
- Created with Claude Web (artifact: <public-URL>)
- Prompts used: (excerpted)
- Human edits: normalized content on 2025-12-03
- Exported from Claude Code: /export -> myproject-conversation.jsonl
加える USAGE.md および LIMITATIONS.md モデルの幻覚リスク、推奨されるガードレール、修正のための連絡先について説明します。
結論:思慮深く公開し、迅速に反復する
Claudeプロジェクトを公開することは、有用な成果物を共有し、研究を加速させ、エコシステムを成長させる機会となりますが、慎重に行う必要があります。近年の進歩(Claude Opus 4.5と強化された開発者ツール)により、生成される成果物はこれまで以上に強力で有用になります。その力は、強力な来歴、シークレットスキャン、安全性テスト、そして明確なドキュメントと組み合わせる必要があります。
開発者はアクセスできる クロード・オプス 4.5 API CometAPI経由など、 最新モデルバージョン 公式ウェブサイトで常に更新されています。まずは、モデルの機能について調べてみましょう。 プレイグラウンド そして相談する APIガイド 詳細な手順についてはこちらをご覧ください。アクセスする前に、CometAPIにログインし、APIキーを取得していることを確認してください。 コメットAPI 統合を支援するために、公式価格よりもはるかに低い価格を提供します。
準備はいいですか?→ Claude Opus 4.5の無料トライアル !
AIに関するヒント、ガイド、ニュースをもっと知りたい方は、フォローしてください。 VK, X および Discord!
よくあるご質問
1) Claude で「プロジェクトを公開する」とはどういう意味ですか?
件以上のプロジェクト実績クロードの可視性コントロールにより、プロジェクトを プライベート(招待された人のみ) または共有する の全員公式ドキュメントではこれら 2 つのオプションについて説明していますが、プロジェクトをインターネット上で自動的に世界公開する組み込みボタンはありません。
2) プロジェクトを公開するにはどうすればよいですか (手順)?
- Claude でプロジェクトを開きます。
- クリック シェアする ボタン (プロジェクト名の右側) をクリックします。
- 一般的なアクセス 選ぶ の全員 組織に公開します。
これはいつでも変更できます。
3) プロジェクトをインターネット全体(リンクを知っている人全員)に公開できますか?
直接アクセスすることはできません。公式UIでは、プロジェクトの可視性は組織単位で設定されています。インターネット全体へのアクセスが必要な場合は、公開してください。 個々の遺物 (次の項目を参照) または外部の展開/埋め込みソリューションを使用します。
4) 「アーティファクト」とは何ですか? 公開とプロジェクトの可視性の違いは何ですか?
An アーチファクト = Claude内で作成された単一の出力(図、エクスポートされたドキュメント、チャートなど)。成果物には独自の パブリッシュ フロー:成果物を公開し、埋め込みコードを取得してウェブサイトに配置できます。これは、単一の出力を公開ウェブ上に公開したい場合に推奨される方法です。
5) 公開プロジェクトまたは未公開の成果物を非公開/未公開に戻すことはできますか?
はい。プロジェクトの公開設定はいつでも変更できます(共有→「招待された人のみ」を選択)。アーティファクトについては、アーティファクトコントロールに従って、非公開にしたり埋め込みリンクを削除したりできます。
