Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

アクセス権の見える化

285 views

Published on

アクセス制御リスト(ACL)のエントリを見るだけでは、グループに含まれている特定の個人に付与されたアクセス権がわからないし、グループのメンバーにグループが登録されているような「入れ子状態」になっていると調べる事も大変です。
そこで Cytoscape.js を使い、入れ子構造をイメージしやすく表示できるようにした、というお話です。

Published in: Software
  • Be the first to comment

  • Be the first to like this

アクセス権の見える化

  1. 1. アクセス権の見える化 中野晴幸 @harunakano
  2. 2. この人のアクセス権は?
  3. 3. 有効なアクセス権
  4. 4. 100人のアクセス権、調べて! (;o;)
  5. 5. グループをACLに追加
  6. 6. 複雑になりがちな例
  7. 7. 重複 DB1_Admin DB1_Reader
  8. 8. 入れ子 DB1_GroupA DB1_TeamA DB1_TeamB
  9. 9. まずは表に落としてみた 見えるけど…
  10. 10. もっとこんな風に! DB1_GroupA DB1_TeamA
  11. 11. Cytoscape.js http://js.cytoscape.org/
  12. 12. html のサンプル(1) <html> <head> <meta charset=utf-8 /> <meta name="viewport" content="width=device-width, user-scalable=no" /> <title>アクセス制御 階層</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.2.7/cytoscape.min.js"></script> <style> #cy { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } </style> </head> <body> <div id="cy"></div>
  13. 13. html のサンプル(2) <script> var cy = cytoscape({ container: document.getElementById('cy'), elements: [ { data: { id: "0", label: "ACL“, shape: "star" }, group: "nodes", }, { data: { id: "6", label: "DB1_GroupA", shape: "hexagon" }, group: "nodes", }, { data: { id: "6-0", source: "6", target: "0", }, group: "edges", }, ], style: [ { selector: 'node', style: { 'shape': 'data(shape)', 'background-color': '#666', 'content': 'data(label)', 'text-valign': 'center', 'color': 'white', 'text-outline-width': 2, 'text-outline-color': '#888', } }, { selector: 'edge', style: { 'curve-style': 'bezier', 'target-arrow-shape': 'triangle-backcurve', } }, ] }); var options = { name: 'cose', fit: true, animate: false }; cy.layout( options ).run(); </script> </body> </html>
  14. 14. できたのがこちら
  15. 15. 重複
  16. 16. 入れ子
  17. 17. こんなDBはいやだ(><)
  18. 18. ありがとうございました

×