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 ページに移動します。
-
右側にある ツールボックス () を見つけます。 [ すべての Web パーツを表示] を選択し、Web パーツの一覧から [ファイルとメディア ] を選択またはドラッグ アンド ドロップします。
-
挿入する Visio 図を参照し、[ ドキュメントの追加] を選択します。
詳細については、「SharePoint Online ページで Web パーツを使う」を参照してください。
[コードの埋め込み] コマンドを使用して、 SharePoint クラシック ページにダイアグラムを追加する
-
Visio ファイルがあるドキュメント ライブラリに移動します。
-
Web 用 Visioで Visio ダイアグラムを開くには、 Visio ファイルを選択します。
-
[ その他のコマンドを表示する (...)] > [埋め込み] を選択します。
-
[埋め込み] ダイアログ ボックスで、埋め込みコードをコピーします。
-
Visio ダイアグラムを追加する Web ページに移動します。
-
[ ページ > 編集] を選択します。
-
Web ページの編集可能領域内をクリックします。
-
[ 挿入 ] > [埋め込みコード] を選択します。
埋め込み Visio 図のハイパーリンクに従う
図のハイパーリンクに従うには、Ctrl キーを押してハイパーリンクをクリックします。
Visio JavaScript API を使用して Web 用 Visio マッシュアップを作成する
Visio JavaScript API を 使用すると、 SharePoint ページ上の Web 用 Visio ダイアグラムにプログラムでアクセスできます。 API を使用して、最初に HTML <Iframe> 要素に Visio ダイアグラムを埋め込み、スクリプト エディター Web パーツを使用してダイアグラム要素と対話します。 作業を開始するための主な概念とコード例の詳細については、「 Visio Web Access から Visio for the Web への移行」を参照してください。