アクセス権の見える化

アクセス権の見える化中野晴幸 @harunakano

この人のアクセス権は？

有効なアクセス権

100人のアクセス権、調べて！ (;o;)

グループをACLに追加

複雑になりがちな例

重複 DB1_Admin DB1_Reader

入れ子 DB1_GroupA DB1_TeamA DB1_TeamB

まずは表に落としてみた見えるけど…

もっとこんな風に！ DB1_GroupA DB1_TeamA

Cytoscape.js http://js.cytoscape.org/

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>

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>

できたのがこちら

重複

入れ子

こんなDBはいやだ(><)

ありがとうございました

アクセス権の見える化

アクセス権の見える化

Haruyuki Nakano

More Decks by Haruyuki Nakano

Other Decks in Programming

Featured

Transcript