{"id":7956,"date":"2017-02-10T17:17:20","date_gmt":"2017-02-10T08:17:20","guid":{"rendered":"https:\/\/www.ka-net.org\/blog\/?p=7956"},"modified":"2017-02-13T14:19:00","modified_gmt":"2017-02-13T05:19:00","slug":"office-365%e3%81%a7visio-javascript-apis%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f%e3%80%82","status":"publish","type":"post","link":"https:\/\/www.ka-net.org\/blog\/?p=7956","title":{"rendered":"Office 365\u3067Visio JavaScript APIs\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002"},"content":{"rendered":"

\u6628\u5e74\u672b\u306bVisio Online\u306e\u6a5f\u80fd\u3092JavaScript\u3067\u62e1\u5f35\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u8a18\u4e8b\u3092\u66f8\u304d\u307e\u3057\u305f\u3002<\/p>\n

Visio Online\u306e\u6a5f\u80fd\u3092JavaScript\u3067\u62e1\u5f35\u3059\u308b\u65b9\u6cd5<\/a><\/div>
2016.12.16<\/span>
Visio Online\u306e\u6a5f\u80fd\u3092JavaScript\u3067\u62e1\u5f35\u3059\u308b\u65b9\u6cd5 <\/a><\/div>
@mokudai\u3055\u3093\u304b\u3089\u306e\u30d0\u30c8\u30f3\u3092\u5f15\u304d\u7d99\u304e\u307e\u3057\u3066\u3001\u300cOffice 365 Advent Calendar 2016\u300d\u300116\u65e5\u76ee\u306e\u8a18\u4e8b\u3092\u66f8\u304b\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\r\n(2\u65e5\u76ee\u306b\u66f8\u3044\u305f\u8a18\u4e8b\u306f\u4e0b\u8a18\u53c2\u7167)\r\n\r\n\r\n\r\n\u4eca\u56de\u53d6\u308a\u6271\u3046\u306e\u306f\u300cVisio\u300d\u3067\u3059\u3002\r\n\r\nVisi...<\/div><\/div>
<\/div><\/div>\n

\u300cOffice Dev Center – Visio JavaScript APIs Preview<\/a>\u300d\u306b\u3088\u308b\u3068\u3001\u3064\u3044\u306b\u65b0\u3057\u3044Visio JavaScript APIs\u304c\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u307f\u305f\u3044\u306a\u306e\u3067\u3001\u3055\u3063\u305d\u304f\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n

\u203b \u4e0b\u8a18\u624b\u9806\u306fOffice 365 Enterprise E3\u74b0\u5883\u3067\u78ba\u8a8d\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002<\/span><\/p>\n

    \n
  1. Office 365\u306e\u958b\u767a\u8005\u5411\u3051\u30b5\u30a4\u30c8<\/a>\u3092\u958b\u304d\u307e\u3059\u3002<\/li>\n

    \"\"<\/p>\n

  2. \u300c\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/span>\u300d\u306bvsdx\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<\/li>\n

    \"\"<\/p>\n

  3. Visio Online\u3067\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u305fvsdx\u30d5\u30a1\u30a4\u30eb\u3092\u958b\u304d\u3001URL(https:\/\/*****.sharepoint.com\/sites\/dev\/_layouts\/15\/WopiFrame.aspx?sourcedoc={********-****-****-****-************}&action=interactivepreview<\/span>)\u3092\u30b3\u30d4\u30fc\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/li>\n
  4. \u300c\u30b5\u30a4\u30c8 \u30b3\u30f3\u30c6\u30f3\u30c4<\/span>\u300d\u304b\u3089\u300c\u30b5\u30a4\u30c8\u306e\u30da\u30fc\u30b8<\/span>\u300d\u3092\u958b\u304d\u307e\u3059\u3002<\/li>\n

    \"\"<\/p>\n

  5. \u300c\u65b0\u898f<\/span>\u300d\u304b\u3089\u300cWeb \u30d1\u30fc\u30c4 \u30da\u30fc\u30b8<\/span>\u300d\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n

    \"\"<\/p>\n

  6. \u300c\u65b0\u3057\u3044 Web \u30d1\u30fc\u30c4 \u30da\u30fc\u30b8\u300d\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u305f\u3089\u3001\u540d\u524d\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3001\u4fdd\u5b58\u5834\u6240\u3092\u9078\u629e\u3057\u3001\u300c\u4f5c\u6210<\/span>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002(\u79c1\u306f\u300c\u30da\u30fc\u30b8\u5168\u4f53, \u7e26\u578b<\/span>\u300d\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u9078\u629e\u3057\u307e\u3057\u305f\u3002)<\/li>\n

    \"\"<\/p>\n

  7. \u30da\u30fc\u30b8\u306e\u7de8\u96c6\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u305f\u3089\u300cWeb \u30d1\u30fc\u30c4\u306e\u8ffd\u52a0<\/span>\u300d\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n

    \"\"<\/p>\n

  8. \u300c\u30e1\u30c7\u30a3\u30a2\u304a\u3088\u3073\u30b3\u30f3\u30c6\u30f3\u30c4<\/span>\u300d\u304b\u3089\u300c\u30b9\u30af\u30ea\u30d7\u30c8 \u30a8\u30c7\u30a3\u30bf\u30fc<\/span>\u300d\u3092\u9078\u629e\u3057\u3001\u300c\u8ffd\u52a0<\/span>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n

    \"\"<\/p>\n

  9. \u300c\u30b9\u30cb\u30da\u30c3\u30c8\u3092\u7de8\u96c6<\/span>\u300d\u304b\u3089\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u300c\u633f\u5165<\/span>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n
    <script src='https:\/\/visioonlineapi.azurewebsites.net\/visio.js' type='text\/javascript'><\/script>\r\n\r\nEnter Visio File Url:<br\/>\r\n<script language="javascript">\r\ndocument.write("<input type='text' id='fileUrl' size='120'\/>");\r\ndocument.write("<input type='button' value='InitEmbeddedFrame' onclick='initEmbeddedFrame()' \/>");\r\ndocument.write("<br \/>");\r\ndocument.write("<input type='button' value='SelectedShapeText' onclick='getSelectedShapeText()' \/>");\r\ndocument.write("<textarea id='ResultOutput' style='width:350px;height:60px'> <\/textarea>");\r\ndocument.write("<div id='iframeHost' \/>");\r\n\r\nvar textArea;\r\n\/\/ Loads the Visio application and Initializes communication between devloper frame and Visio online frame\r\nfunction initEmbeddedFrame() {\r\n        textArea = document.getElementById('ResultOutput');\r\n    var url = document.getElementById('fileUrl').value;\r\n    if (!url) {\r\n        window.alert("File URL should not be empty");\r\n    }\r\n    \/\/ APIs are enabled for EmbedView action only.   \r\n    url = url.replace("action=view","action=embedview");\r\n    url = url.replace("action=interactivepreview","action=embedview");\r\n\r\n       var session = new OfficeExtension.EmbeddedSession(url, { id: "embed-iframe",container: document.getElementById("iframeHost") });\r\n       return session.init().then(function () {\r\n        \/\/ Initilization is successful \r\n        textArea.value  = "Initilization is successful";\r\n        OfficeExtension.ClientRequestContext._overrideSession = session;\r\n    });\r\n     }\r\n\r\n\/\/ Code for getting selected Shape Text using the shapes collection object\r\nfunction getSelectedShapeText() {\r\n    Visio.run(function (ctx) {  \r\n       var page = ctx.document.getActivePage();\r\n       var shapes = page.shapes;\r\n       shapes.load();\r\n           return ctx.sync().then(function () {\r\n               textArea.value = "Please select a Shape in the Diagram";\r\n               for(var i=0; i<shapes.items.length;i++)\r\n            {\r\n              var shape = shapes.items[i];\r\n                  if ( shape.select == true)\r\n               {\r\n                textArea.value = shape.text;\r\n                    return;\r\n                   }\r\n            }\r\n      });\r\n     }).catch(function(error) {\r\n        textArea.value = "Error: ";\r\n        if (error instanceof OfficeExtension.Error) {\r\n            textArea.value += "Debug info: " + JSON.stringify(error.debugInfo);\r\n        }\r\n    });\r\n}\r\n<\/script><\/pre>\n
    Visio JavaScript APIs reference<\/a> \u3088\u308a<\/p>\n
    \"\"<\/p>\n
  10. \u300c\u7de8\u96c6\u306e\u7d42\u4e86<\/span>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u30da\u30fc\u30b8\u306e\u7de8\u96c6\u3092\u7d42\u4e86\u3057\u307e\u3059\u3002<\/li>\n
    \"\"<\/p>\n
  11. \u300cEnter Visio File Url<\/span>\u300d\u30dc\u30c3\u30af\u30b9\u306b\u624b\u98063.\u3067\u30b3\u30d4\u30fc\u3057\u305fvsdx\u30d5\u30a1\u30a4\u30eb\u306eURL\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u300cInitEmbeddedFrame<\/span>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n
    \"\"<\/p>\n
  12. \u300cInitilization is successful<\/span>\u300d\u3068\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u305f\u3089\u8aad\u307f\u8fbc\u307f\u6210\u529f\u3067\u3059\u3002<\/li>\n
    \"\"<\/p>\n
  13. \u57cb\u3081\u8fbc\u307e\u308c\u305fVisio\u306e\u30d5\u30ec\u30fc\u30e0\u4e0a\u3067\u30b7\u30a7\u30a4\u30d7\u3092\u9078\u629e\u3057\u3001\u300cSelectedShapeText<\/span>\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u306b\u30b7\u30a7\u30a4\u30d7\u306e\u6587\u5b57\u5217\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n
    \"\"\n<\/ol>\n
    \u4ee5\u4e0a\u306e\u624b\u9806\u3067\u3001Visio JavaScript APIs\u306e\u52d5\u4f5c\u78ba\u8a8d\u3092\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n
    \n
    2017\/2\/13 \u8ffd\u8a18\uff1a<\/span>
    \n\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u30ba\u30fc\u30e0\u3084\u30b7\u30a7\u30a4\u30d7\u306e\u5217\u6319\u3001\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u60c5\u5831\u306e\u53d6\u5f97\u3059\u308b\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n
    Visio JavaScript API\u3067\u904a\u3093\u3067\u307f\u307e\u3057\u305f\u3002<\/a><\/div>
    2017.02.13<\/span>
    Visio JavaScript API\u3067\u904a\u3093\u3067\u307f\u307e\u3057\u305f\u3002 <\/a><\/div>
    \u524d\u56de\u306e\u8a18\u4e8b\u3067\u30d7\u30ec\u30d3\u30e5\u30fc\u7248\u304c\u30ea\u30ea\u30fc\u30b9\u3055\u308c\u305f\u300cVisio JavaScript API\u300d\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u304c\u3001\u3053\u306eAPI\u3067\u3069\u3093\u306a\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u304b\u3001\u8efd\u304f\u904a\u3093\u3067\u307f\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002\r\n\r\nJavaScript\u30b3\u30fc\u30c9\r\n\r\n\u203b \u30b3\u30fc\u30c9\u306e\u52d5\u4f5c\u624b\u9806\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044...<\/div><\/div>
    <\/div><\/div>\n
    \n
    \n