Confluence CloudでLucidchartを使用する

この記事では、ConfluenceクラウドでLucidchartを使用する方法を説明します。

ConfluenceのLucidchartアプリは、チームおよびエンタープライズアカウントでのみ使用できます。 Lucidchart TeamまたはEnterpriseアカウントの管理者である場合、Confluence CloudインスタンスにLucidchartアプリをインストールできます。

Lucidchartアカウントをお持ちでない場合、無料のチームトライアルが価格ページ利用できます。既に試用版を完了し、現在無料、個人、またはプロフェッショナルアカウントを持っている場合は、アカウント内のサブスクリプションレベルページに移動し、適切なチームライセンスレベルを選択します。

Confluenceページに図を追加するには、次の手順を実行します。
  1. 右上隅の鉛筆をクリックして、Confluenceページの編集を開始します。

    confluence_cloud_edit_page.png
  2. ページ上部のメニューから「+」をクリックし、「 "さらに"を表示」を選択してアプリケーションを参照します。

  3. Lucidchartアプリを検索して選択します。

    confluence_cloud_add_a_diagram_select_the_app.png
  4. Lucidchartドキュメントリストから、既存の文書のサムネイルをクリックし、をクリックします"挿入を。 "

    confluence_cloud_add_a_diagram_docs_list.png

    Confluenceページにドキュメントが表示されます。



    注:ドキュメントリストから、[ " +ドキュメント" ]をクリックして新しいドキュメントを作成するか、Visio、OmniGraffle、Draw.io、またはGliffyファイルをインポートすることもできます。新しいドキュメントを作成すると、Confluenceページに表示される前にLucidchartエディターで開きます。 Lucidchartドキュメントを編集してConfluenceに編集を適用する方法については、次のセクションをご覧ください。
  5. Confluenceページの右上隅にある[ "公開"をクリックして、挿入した図でページを更新します。

    confluence_cloud_publish.png
ダイアグラムが挿入されたConfluenceページへの編集アクセス権がある場合、Lucidchartでそれらのダイアグラムを編集し、それらの変更をConfluenceにプッシュできます。

Confluenceページに既に追加されているダイアグラムを編集するには、次の手順に従います。
  1. 右上隅の鉛筆をクリックして、Confluenceページの編集を開始します。

    confluence_cloud_edit_page.png
  2. 編集する挿入図を選択し、表示されるメニューで鉛筆アイコンをクリックします。

    confluence_cloud_edit_a_diagram.png
  3. 「マクロ設定の編集」というタイトルのウィンドウが開きます。 「図の編集」をクリックして、挿入された図をLucidchartエディターで開き、変更します。

    confluence_cloud_edit_macro_settings_edit_diagram.png
  4. Lucidchartダイアグラムに必要な変更を加え、[ " ] [Confluenceに戻る]をクリックします。 "

    confluence_cloud_edit_a_diagram_back_to_confluence.png
  5. 戻る"の編集マクロの設定"ウィンドウ、今すぐ更新をクリックしてください> Confluenceページへの図に変更をプッシュするために、保存を。

    confluence_cloud_edit_your_diagram_update_now.png
  6. Confluenceページの右上隅にある[ "公開"をクリックして、編集した図でページを更新します。

    confluence_cloud_publish.png
Confluenceページに既に追加されているダイアグラムを削除するには、次の手順を実行します。
  1. 右上隅の鉛筆をクリックして、Confluenceページの編集を開始します。

    confluence_cloud_edit_page.png
  2. 削除する挿入図にカーソルを合わせて、表示されるメニューのゴミ箱アイコンをクリックします。ダイアグラムがページから削除されます。

    confluence_cloud_remove_a_document.png
  3. Confluenceページの右上隅にある[ "公開"をクリックして、ページを更新します。

    confluence_cloud_publish.png
注:Confluenceページから図を削除しても、対応するLucidchartアカウントから図は削除されません。
Confluenceクラウド内のドキュメントの共有許可は、Confluenceページから継承されます。これは、Confluenceページを表示および編集できる場合、そのConfluenceページでドキュメントを表示および編集できることを意味します。
埋め込み図のマクロ設定を編集するには、Confluenceページの右上にある鉛筆アイコンをクリックしてから、図を選択し、表示されるメニューで鉛筆アイコンをクリックします。

confluence_cloud_edit_page.png

confluence_cloud_edit_a_diagram.png

「マクロ設定の編集」というタイトルのウィンドウが開きます。

confluence_cloud_edit_macro_settings.png

このウィンドウでは、次のことができます。
  • 図の編集
  • リッチビューアーとシンプルビューアーを切り替える
  • 選択した図の自動更新を有効にします(詳細については、以下のセクションを参照してください)
  • 最近の変更で埋め込み図を更新する
  • 高度なビューアオプションを調整します(詳細については続きを読む)
注:必ず、マクロ設定モーダルの右下にある" [保存] "をクリックして、選択した図に変更をプッシュしてください。

高度なビューアオプション
マクロ設定モーダルの"高度なビューアオプション"横にあるニンジンをクリックして、次の表示設定を調整します。
  • 表示されるページ範囲
  • 埋め込み図のサイズ
  • 埋め込み図の配置
confluence_cloud_edit_macro_settings_advanced_viewer_options.png

confluence_cloud_advanced_viewer_options.png
Confluence用Lucidchartアプリを使用すると、LucidchartエディターからConfluenceに表示される図に変更を自動的にプッシュできます。特定の図の自動更新を有効にするには、次の手順を実行します。
  1. Confluence ページの編集を始めます。
  2. 図を選択します。
  3. 表示されるメニューのペンアイコンをクリックします。
  4. "を編集マクロ設定の"モーダル、次のチェックボックスをオン"自動Lucidchartに行われた変更と、この図を更新します。 "

    confluence_cloud_auto-update.png
  5. [保存] をクリックします。
Confluence Cloud では、Lucidchart の図を表示するためのビューアが 2 つあります。[シンプル] と [リッチ] です。シンプルビューアーは図の静的 PNG を提供し、リッチビューアーは Lucidchart との完全な対話機能を提供します。

マクロ設定モーダルでは、特定のドキュメントのシンプルビューアとリッチビューアを切り替えることができます。

シンプルビューア
シンプルビューアーで表示されるダイアグラムを表示する場合、右下の虫眼鏡アイコンを使用してそのダイアグラムを拡大/縮小し、埋め込みダイアグラム上でカーソルをドラッグしてパンすることができます。図に複数のページが含まれている場合は、横に表示される矢印をクリックしてページをスクロールできます。

confluence_cloud_the_simple_viewer.png

リッチビューア
シンプルビューアーに関連付けられている機能に加えて、リッチビューアーでは、埋め込み図に関連付けられているページ、ホットスポット、メモを表示および操作できます。図の右下にある歯車アイコンをクリックし、オプションのチェックを外すことで、ビューアからこれらの機能を無効にすることができます。

confluence_cloud_rich_viewer.png

confluence_cloud_viewer_options.png
表示のトラブル
ダイアグラムを挿入しようとしたときに、ダイアグラムビューアーの表示またはドキュメントリストの表示に問題がある場合は、以下を確認してください。
  • Confluenceインスタンスが何らかの拡張機能によってブロックされている可能性があります。シークレットウィンドウまたはプライベートウィンドウでConfluenceを開いて、これが該当するかどうかを確認してください。
  • あなたはする必要があるかもしれませんサードパーティのCookieを有効
  • 最近別のインスタンスからConfluence Cloudに移行した場合、以前に挿入した図を正しく挿入するには、再挿入するか、以前に挿入した図を更新する必要があります。
  • これらの手順のいずれも機能しない場合は、 サポートにお問い合わせください
このインスタンスに関連付けられているチームに所属していません
エラーを受け取った場合: "このインスタンスに関連付けられているチームに所属していません。 "おそらく、特定のユーザーは間違ったLucidchartチームに接続されています。これを修正するには、次の手順を実行します。
  1. 現在 Confluence に誤ってリンクされている Lucidchart アカウントへログインします。どのメールアドレスがリンクされているかが不明な場合には、この段階で手順を中止して当社までご連絡ください。当社側で誤ったリンクを探し出し、接続を切断します。
  2. に行く 外部アプリケーション アカウント設定の下のページ。
  3. [Confluence]の横のチェックボックスをオンにして、[削除]ボタンをクリックします。これでアカウントが切断されます。
  4. 正しい接続を再確立するには、Lucidchartからログアウトしてください。その後、Confluenceページに図を挿入する必要があります。 Lucidchartにログインするように求められたら、リンクしようとしているConfluenceアカウントにリンクされている組織のLucidchartアカウントに関連付けられているEメール(ステップ1でログインしたEメールではない)でログインしていることを確認します。

注意:Confluence クラウドとConfluence サーバでのエクスペリエンスは異なります。Confluence サーバを使用している場合は、 この記事 に移動してください。

Lucidchart の図形、および Confluence で選択したフレームのサイズによっては、図に余白(空白)が表示されることがあります。以下の例を参照してください。

注意:Lucidchart 内のキャンバスのサイズは、Confluence 内に表示される空白の量には影響しません。

以下の Lucidchart の図はかなり広いです。

pasted_image_0.png

フレーム のサイズを変更@@ せずに Confluence Cloud に挿入すると 、フレームはダイアグラムのサイズに合わせて調整され、空白は最小限に抑えられます。

pasted_image_9c.png

これは、フレームが自動サイズ変更されているためです。マクロ設定 で、自動サイズがオンになっている場所を確認できます。自動からカスタムに切り替えて、カスタムフレームサイズを挿入すると、白マージンになることがあります。

confluence_cloud_advanced_viewer_options.png

上記の図の場合、フレームサイズをカスタマイズし、サイズ設定例(幅:700、高さ:500)を使用すると、ページが公開されたときに白い余白があります。

図が自動サイズ設定に設定されている場合、図のサイズに合わせてフレームが調整されます。しかし、フレームをカスタマイズする場合 図はフレームのサイズに合わせて調整 する必要があります。この例の図では、500 x 700 サイズの選択範囲内に収まり、残りのスペースに白い余白が埋め込まれています。

pasted_image_10c.png

必要に応じて、枠のカスタマイズを続行して余白を削除できます。この例では、図の上下に白い余白があることを知っているので、500から300までの高さを下げましょう。フレームは必要なサイズで、余白がありません。

pasted_image_11c.png

Confluence に図を挿入するときに、上記の機能に関係しない異常な量の空白があるように感じた場合は、support@lucidchart.com にメールで Lucidchart サポートに連絡し、以下の情報を提供してください。図がどのように表示されるかのスクリーンショットをLucidchart 内からの合流ページとその図への URL。