Web ページに Visio ダイアグラムを表示する

適用先
Visio Plan 1 Visio Professional 2024 Visio Professional 2021 Visio Professional 2019 Visio Professional 2016

Web ページに Visio ダイアグラムを表示するには、ブログ、SharePoint、Web アプリケーションなど、いくつかの方法があります。 フロア チャート、タイムライン、プロセス フロー、ネットワーク ダイアグラムなどは、Web で使用する場合に、より検出可能で便利です。 さらに、Visio の元の図に対する保存された変更は Web ページに自動的に反映されます。これは、関係者やその他の閲覧者が最新の図を表示することを意味します。

重要

既定では。 他のユーザーが埋め込みリンクに従うには、Ctrl キーを押してリンクをクリックします。 ただし、ユーザーがリンクをクリックするだけでそれに従う必要がある場合は、埋め込みコードの iframe src 属性の末尾に&wdClickOnlyHyperlinks=trueを追加します。

OneDrive - 個人用埋め込みコードを使用して任意の Web ページにダイアグラムを追加する

  1. OneDrive アカウントをお持ちでない場合は、 ここで作成します。
  2. 必要に応じて、Visio ファイルを OneDrive - personal にアップロードします。
  3. Visio ファイルがあるフォルダーに移動し、それを選択します。
  4. [ 埋め込み] を選択し、[ 埋め込み ] ウィンドウで [ 生成] を選択します。
  5. 必要に応じて、 ズーム レベルのサイズを調整し、 埋め込みコード を Web ページまたはアプリケーションにコピーします。

Visio for the Web 埋め込みコードを使用して SharePoint モダン ページにダイアグラムを追加する

  1. Visio ファイルを含むドキュメント ライブラリに移動します。
  2. Visio ダイアグラムを開くには、ファイル名を選択します。
  3. [Show more commands (...)]\(その他のコマンドを表示する(...)\)>埋め込み。
  4. [埋め込み] ダイアログ ボックスで、埋め込みコードをコピーします。
  5. 必要に応じて、[ 幅 ] と [ 高さ] を調整し、[ 埋め込み] コードをコピーします。
  6. 必要に応じて、Visio ダイアグラムを挿入する最新の SharePoint ページを作成します。 詳細については、「サイトにページを追加する」を参照してください。
  7. 最新の SharePoint ページに移動し、 埋め込み Web パーツを追加し、 埋め込みコードを追加 します。
    詳細については、「モダンなページに埋め込み Web パーツを使う」をご覧ください。

ファイルおよびメディア Web パーツを使用して SharePoint モダン ページにダイアグラムを追加する

  1. 必要に応じて、Visio ダイアグラムを挿入する最新の SharePoint ページを作成します。 詳細については、「サイトにページを追加する」を参照してください。
  2. 最新の SharePoint ページに移動します。
  3. 右側にある [ツールボックス ] (コンテンツ ウィンドウの [ツールボックス] アイコン ) を見つけます。 [ すべての Web パーツを表示] を選択し、Web パーツの一覧から [ファイルとメディア ] を選択またはドラッグ アンド ドロップします。
  4. 挿入する Visio ダイアグラムを参照し、[ドキュメントの追加] を選択 します。

詳細については、「SharePoint Online ページで Web パーツを使う」を参照してください。

[コードの埋め込み] コマンドを使用して SharePoint クラシック ページにダイアグラムを追加する

  1. Visio ファイルを含むドキュメント ライブラリに移動します。
  2. Visio for the Web で Visio ダイアグラムを開くには、Visio ファイルを選択します。
  3. [Show more commands (...)]\(その他のコマンドを表示する(...)\)>埋め込み。
  4. [埋め込み] ダイアログ ボックスで、埋め込みコードをコピーします。
  5. Visio ダイアグラムを追加する Web ページに移動します。
  6. [ ページ>編集] を選択します。
  7. Web ページの編集可能領域内をクリックします。
  8. [ 挿入>Embed Code] を選択します。

図のハイパーリンクに従うには、Ctrl キーを押してハイパーリンクをクリックします。 

Visio JavaScript API を使用して Web マッシュアップ用の Visio を作成する

Visio JavaScript API を 使用すると、SharePoint ページ上の Web ダイアグラムに対して Visio にプログラムでアクセスできます。 API を使用して、最初に HTML <Iframe> 要素に Visio ダイアグラムを埋め込み、スクリプト エディター Web パーツを使用してダイアグラム要素と対話します。 作業を開始するための主な概念とコード例の詳細については、「 Visio Web Access から Visio for the Web への移行」を参照してください。

関連項目

Visio for the Web ヘルプ

Visio for the web: よく寄せられる質問

Visio Web Access での Silverlight モードの廃止