Applies ToVisio Plan 2 Microsoft 365 の 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 ページまたはアプリケーションにコピーします。

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

  1. Visio ファイルがあるドキュメント ライブラリに移動します。

  2. Visio ダイアグラムを開くには、ファイル名を選択します。

  3. [ その他のコマンドを表示する (...)] > [埋め込み] を選択します。

  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. Web 用 Visioで Visio ダイアグラムを開くには、 Visio ファイルを選択します。

  3. [ その他のコマンドを表示する (...)] > [埋め込み] を選択します。

  4. [埋め込み] ダイアログ ボックスで、埋め込みコードをコピーします。

  5. Visio ダイアグラムを追加する Web ページに移動します。

  6. [ ページ > 編集] を選択します

  7. Web ページの編集可能領域内をクリックします。

  8. [ 挿入 ] > [埋め込みコード] を選択します

埋め込み 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 への移行」を参照してください。

関連項目

Web 用 Visio のヘルプ

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

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

ヘルプを表示

その他のオプションが必要ですか?

サブスクリプションの特典の参照、トレーニング コースの閲覧、デバイスのセキュリティ保護方法などについて説明します。

コミュニティは、質問をしたり質問の答えを得たり、フィードバックを提供したり、豊富な知識を持つ専門家の意見を聞いたりするのに役立ちます。