埋め込み可能なビューア
Embeddable Viewer を使うと、自社の Web アプリケーションにインタラクティブな PCB および回路図ビューアを追加できます。これにより、Altium 365 Workspace の外部にいる関係者でも、ECAD ツールをインストールすることなく設計を確認できます。
使用する場面
-
Customer or supplier portals – 外部パートナーが Altium にアクセスしなくても、設計スナップショットを文脈付きでレビューできるようにする場合。
-
Review and approval workflows – 製造、調達、管理部門のチームが設計を直接確認できるよう、設計ビューをチケット、リリースチェックリスト、承認ツールに組み込む場合。
-
Internal engineering tools – 要件、課題、または BOM の各行項目を、ライブのインタラクティブな設計ビューにリンクする場合。
仕組み
ビューアは、JavaScript ライブラリと、設計 ZIP ファイルを指す <div> コンテナを介して埋め込まれます。ZIP は公開 URL でアクセス可能である必要があり、通常は Altium 365 Personal Space または独自のストレージにホストされます。
ページに埋め込み用スクリプトを追加します<head>:
<script src="<https://viewer.altium.com/client/static/js/embed.js>"></script>ページ本文にビューアコンテナを追加します:
<div class="altium-ecad-viewer"
data-project-src="<https://example.com/mydesign.zip>"
style="height: 500px; max-width: 1280px; max-height: 700px; box-sizing: border-box;">
<a href="<https://www.altium365.com/viewer/>">PCB File Viewer by Altium</a>
</div>埋め込みビューアは、元の設計ファイルが利用可能である限り有効な状態を保ちます。永続的なソースが必要な場合は、設計を Altium 365 Personal Space に保存してください。そこにあるファイルには安定した URL が生成されます。
カスタマイズ
コンテナ上の data-* 属性を使って、表示するビューや出力の公開方法を制御できます。
属性 |
説明 |
値 |
|
表示するビュー（カンマ区切り） |
|
|
読み込み時の初期ビュー |
|
|
受け付けるファイルタイプを制限 |
|
|
提供するエクスポート形式 |
|
|
ソースファイルのダウンロードを無効化 |
（属性が存在すると無効化されます） |
|
ダウンロード用の代替ファイル（プレビューのソースとは別） |
URL |
Example – PCB and 3D views only, with Gerber and PDF export:
<div class="altium-ecad-viewer"
data-project-src="<https://example.com/mydesign.zip>"
data-enabled-views="pcb,3d"
data-active-view="pcb"
data-project-outputs="Gerber,pdf"
style="height: 500px; max-width: 1280px; box-sizing: border-box;">
<a href="<https://www.altium365.com/viewer/>">PCB File Viewer by Altium</a>
</div>ビューアから埋め込みコードを取得する
設計を Altium 365 Online Viewer にアップロードしている場合は、すぐに使える埋め込み用スニペットを直接コピーできます。
-
ビューアで設計を開きます。
-
Share をクリックし、Embed this design anywhere on the web を選択します。
-
生成された HTML スニペットをコピーします。
このスニペットは、Altium のホスティングにアップロードされた設計を参照するために data-project-token を使用します。独自の ZIP ファイルを参照させるには、data-project-token を data-project-src に置き換え、ファイルの URL を指定してください。
関連情報
-
Standalone Viewer – 埋め込みの全オプションと属性の詳細を含む、ビューア機能の完全なリファレンス
-
Standalone Gerber Compare – ビューアで Gerber ファイルを比較する方法
-
Embedding Personal Uploads – Altium Personal Space にアップロードした設計および設計データは、埋め込み Altium Viewer を使用することで、誰でもインタラクティブに閲覧できるよう Web サイトに埋め込めます。
-
Viewers Troubleshooting Guide – ビューアおよび埋め込み設計に関する一般的な問題を解決するためのガイド
AI で翻訳