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