ブログ、SharePoint、Web アプリケーションなど、Web ページに Visio 図面を表示するにはいくつかの方法があります。 フロア チャート、タイムライン、プロセス フロー、ネットワーク図などは、Web 上で使用するとより見つけやすく、便利です。 さらに、Visio に保存された元の図への変更は Web ページに自動的に反映されるため、関係者や他の閲覧者に最新の図が表示されます。
重要
既定では、 誰かが Ctrl キーを押してリンクをクリックして、埋め込まれたリンクをたどります。 ただし、ユーザーがリンクをクリックするだけでフォローできるようにしたい場合は、埋め込みコードの iframe src 属性の末尾に &wdClickOnlyHyperlinks=true を追加します。
OneDrive を使用して任意の Web ページに図面を追加する - 個人用 埋め込みコード
- OneDrive アカウントをお持ちでない場合は、 ここで作成します。
- 必要に応じて、Visio ファイルを OneDrive (個人用) にアップロードします。
- Visio ファイルがあるフォルダーに移動し、そのファイルを選択します。
- [ 埋め込み] を選択し、[ 埋め込み] ウィンドウで [ 生成] を選択します。
- 必要に応じて、 ズーム レベルのサイズを調整し、 埋め込みコードを Web ページまたはアプリケーションにコピーします。
Web 用 Visio を使用して SharePoint モダン ページに図面を追加する コードを埋め込む
- Visio ファイルがあるドキュメント ライブラリに移動します。
- Visio 図面を開くには、ファイル名を選びます。
- [その他のコマンドを表示 (...)] を選択します>埋め込み。
- [埋め込み] ダイアログ ボックスで、埋め込みコードをコピーします。
- 必要に応じて、[ 幅] と [高さ] を調整し、 埋め込みコードをコピーします。
- 必要に応じて、Visio 図面を挿入する最新の SharePoint ページを作成します。 詳細については、「サイトにページを追加する」を参照してください。
- 最新の SharePoint ページに移動し、 埋め込み Web パーツを追加してから、 埋め込みコード を追加します。
詳細については、「モダンなページに埋め込み Web パーツを使う」をご覧ください。
ファイルとメディア Web パーツを使用して SharePoint モダン ページに図面を追加する
- 必要に応じて、Visio 図面を挿入する最新の SharePoint ページを作成します。 詳細については、「サイトにページを追加する」を参照してください。
- 最新の SharePoint ページに移動します。
- 右側で ツールボックス (
) を見つけます。 [ すべての Web パーツを表示] を選択し、Web パーツの一覧から ファイルとメディア を選択またはドラッグ アンド ドロップします。 - 挿入する Visio 図面を参照して、[ ドキュメントの追加] を選びます。
詳細については、「SharePoint Online ページで Web パーツを使う」を参照してください。
[コードの埋め込み] コマンドを使用して SharePoint クラシック ページに図面を追加する
- Visio ファイルがあるドキュメント ライブラリに移動します。
- Visio for the web で Visio 図面を開くには、Visio ファイルを選択します。
- [その他のコマンドを表示 (...)] を選択します>埋め込み。
- [埋め込み] ダイアログ ボックスで、埋め込みコードをコピーします。
- Visio 図面を追加する Web ページに移動します。
- [ ページ>編集] を選択します。
- Web ページの編集可能な領域内をクリックします。
- [コードの挿入>埋め込み] を選択します。
埋め込まれた Visio 図面のハイパーリンクに従う
図面内のハイパーリンク先に移動するには、Ctrl キーを押しながらハイパーリンクをクリックします。
Visio JavaScript API を使用して Visio for the web のマッシュアップを作成する
Visio JavaScript API を使用すると 、SharePoint ページで Visio for the web の図面にプログラムでアクセスできます。 API を使用して、最初に Visio 図面を HTML <Iframe> 要素に埋め込み、次にスクリプト エディター Web パーツを使用して図面要素を操作します。 開始するための主要な概念とコード例の詳細については、「 Visio Web Access から Visio for the web への移行」を参照してください。