Web ページに Visio 図面を表示する

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

注: Visio Web Access (Visio Services とも呼ばれます) または Visio Web Access Web パーツを SharePoint Online と共に使用することはお勧めしません。 これらの機能は Microsoft 365および SharePoint Online から廃止されます。 詳細については、こちらを参照してください。 SharePoint Server では、これらの機能は、Microsoft ライフサイクル ポリシーに従ってサポートされます。

Web 用 Visio は、SharePoint Online の将来のソリューションを対象とした選択肢であり、Visio Web Access のさまざまな機能強化が用意されています。 詳細については、「Visio on the web およびweb ヘルプ用visioで図面を表示、作成、編集する」を参照してください。

OneDrive-個人用埋め込みコードを使用して Web ページに図面を追加する

  1. OneDrive アカウントをお持ちでない場合は、ここで作成します。

  2. 必要に応じて、Visio ファイルを OneDrive (個人用) にアップロードします。

  3. Visio ファイルが保存されているフォルダーに移動し、そのファイルを選びます。

  4. [埋め込み] を選択し、[埋め込み] ウィンドウで [生成] を選択します。

  5. 必要に応じて、ズームレベルのサイズを調整してから、埋め込みコードを Web ページまたはアプリケーションにコピーします。

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

  1. Visio ファイルが保存されているドキュメントライブラリに移動します。

  2. Visio 図面を開くには、ファイル名を選択します。

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

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

  5. 必要に応じて、高さを調整してから、埋め込みコードをコピーします。

  6. 必要に応じて、Visio 図面を挿入する最新の SharePoint ページを作成します。 詳細については、「サイトにページを追加する」を参照してください。

  7. モダン SharePoint ページに移動し、埋め込みコードWeb パーツを追加して、埋め込みコードを追加します。

    詳細については、「モダンなページに埋め込み Web パーツを使う」をご覧ください。

ファイルビューアー web パーツを使用して SharePoint のモダンページにダイアグラムを追加する

  1. 必要に応じて、Visio 図面を挿入する最新の SharePoint ページを作成します。 詳細については、「サイトにページを追加する」を参照してください。

  2. モダン SharePoint ページに移動します。

  3. [ 最新の Web パーツをページに追加するために使用される丸付きプラス記号 ] をクリックし、[ファイルビューアー] を選択します。

    [SharePoint ページに Visio 図面を埋め込む] コマンド

  4. 挿入する Visio 図面を参照し、[ドキュメントの追加] を選択します。

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

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

  1. Visio ファイルが保存されているドキュメントライブラリに移動します。

  2. Visio 図面を Web 用 Visioで開くには、Visio ファイルを選びます。

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

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

  5. Visio 図面を追加する Web ページに移動します。

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

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

  8. [ Insert >埋め込みコード] を選びます。

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

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

関連項目

Web 版 Visio のヘルプ

Web 用 Visio: よく寄せられる質問

Visio Web Access の Silverlight モードの廃止

注:  このページは、自動翻訳によって翻訳されているため、文章校正のエラーや不正確な情報が含まれている可能性があります。 私たちの目的は、このコンテンツがお客様の役に立つようにすることです。 情報が役に立ったかどうか、ご意見をお寄せください。 参考までに、こちらから英語の記事をお読みいただけます。

Office のスキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×