\nOffice Development MVP<\/a>\u3068\u3057\u3066\u3001\u4eca\u5e74\u306f\u300cOffice 365 Advent Calendar 2016<\/a>\u300d\u306b\u53c2\u52a0\u3057\u3066\u307f\u3088\u3046\uff01\u30fb\u30fb\u30fb\u3068\u3044\u3046\u308f\u3051\u3067\u3001\u4eca\u56de\u306fOffice 365<\/span>\u7d61\u307f\u306e\u30cd\u30bf\u3092\u66f8\u3044\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n
Microsoft Graph JavaScript SDK<\/h4>\n
\u4e0b\u8a18\u306e\u3088\u3046\u306b\u5f53\u30d6\u30ed\u30b0\u3067\u3082\u3044\u304f\u3064\u304b\u8a18\u4e8b\u3092\u66f8\u3044\u3066\u3044\u307e\u3059\u304c\u3001Microsoft Graph(\u65e7Office 365 unified API)\u3092\u4f7f\u3046\u3068\u3001\u5358\u4e00\u306e\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u4ecb\u3057\u3066OneDrive\u3084Outlook\u3001Excel\u7b49\u3001\u69d8\u3005\u306aMicrosoft\u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30d3\u30b9\u306e\u6a5f\u80fd\u3092\u547c\u3073\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
<\/a><\/div>
<\/a><\/div>
<\/a><\/div><\/a><\/div>\u958b\u767a\u3092\u697d\u306b\u3057\u3066\u304f\u308c\u308bSDK<\/a>\u3082\u516c\u958b\u3055\u308c\u3066\u3044\u3066\u3001\u3082\u3061\u308d\u3093\u3001JavaScript\u7528\u306eSDK<\/a>\u3082\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n \u4eca\u56de\u306f\u3053\u306eMicrosoft Graph JavaScript SDK\u3092\u5229\u7528\u3057\u3066\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u30d9\u30fc\u30b9\u306eWeb\u30a2\u30d7\u30ea\u304b\u3089\u3001Office 365\u306eAPI\u3092\u547c\u3073\u51fa\u3057\u3066\u307f\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n Office 365 API\u3092\u547c\u3073\u51fa\u3059\u306b\u5f53\u305f\u308a\u3001Office 365\u30a2\u30ab\u30a6\u30f3\u30c8\u3068Azure AD\u306e\u7d10\u4ed8\u3051<\/a>\u3084\u3001Azure AD\u3078\u306e\u30a2\u30d7\u30ea\u306e\u767b\u9332<\/a>\u3092\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u3053\u3067\u306f\u3001Office 365\u30a2\u30ab\u30a6\u30f3\u30c8\u3068Azure AD\u306e\u7d10\u4ed8\u3051\u304c\u3059\u3067\u306b\u7d42\u308f\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u524d\u63d0\u3068\u3057\u3066\u8a71\u3092\u9032\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n \u4ee5\u4e0a\u3067\u3001Azure AD\u3078\u306e\u30a2\u30d7\u30ea\u306e\u767b\u9332\u4f5c\u696d\u306f\u7d42\u4e86\u3067\u3059\u3002<\/p>\n \u4e0b\u6e96\u5099\u304c\u7d42\u308f\u3063\u305f\u3089\u3001\u6b21\u306f\u3044\u3088\u3044\u3088\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n \u4ee5\u4e0a\u306e\u3088\u3046\u306b\u3001SDK\u3092\u4f7f\u3046\u3068\u77ed\u3044\u30b3\u30fc\u30c9\u3067\u7c21\u5358\u306bAPI\u3092\u547c\u3073\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u3067\u3001\u975e\u5e38\u306b\u4fbf\u5229\u3067\u3059\u3002Azure AD\u3078\u306e\u30a2\u30d7\u30ea\u306e\u767b\u9332<\/h4>\n
\n
![\"microsoftgraphjavascriptsdk_sample_01\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_01.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_02\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_02.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_03\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_03.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_04\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_04.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_05\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_05.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_06\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_06.png\")
\n<\/ol>\nOffice 365 API\u3092\u547c\u3073\u51fa\u3059\u30a2\u30d7\u30ea\u306e\u4f5c\u6210\u3068\u52d5\u4f5c\u78ba\u8a8d<\/h4>\n
\n
<!DOCTYPE html>\r\n<html>\r\n <head>\r\n <meta charset="UTF-8">\r\n <meta http-equiv="X-UA-Compatible" content="IE=Edge">\r\n <title>Microsoft Graph JavaScript SDK Sample<\/title>\r\n <script src="https:\/\/ajax.aspnetcdn.com\/ajax\/jquery\/jquery-3.1.1.min.js"><\/script>\r\n <script src=".\/lib\/graph-js-sdk-web.js"><\/script>\r\n <script>\r\n var access_token;\r\n var client;\r\n var client_id = '(app id)'; \/\/\u30af\u30e9\u30a4\u30a2\u30f3\u30c8 ID(\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3 ID) \u203b\u8981\u5909\u66f4\r\n var resource_uri = 'https:\/\/graph.microsoft.com\/';\r\n var url_auth = 'https:\/\/login.microsoftonline.com\/common\/oauth2\/authorize' +\r\n '?response_type=token' +\r\n '&client_id=' + client_id +\r\n '&resource=' + encodeURIComponent(resource_uri) +\r\n '&redirect_uri=' + encodeURIComponent(location.protocol + "\/\/" + location.host + location.pathname);\r\n \r\n \/\/\u30e1\u30fc\u30eb\u60c5\u5831 \u203b\u8981\u5909\u66f4\r\n var mail_subject = '\u30c6\u30b9\u30c8\u30e1\u30fc\u30eb'; \/\/\u4ef6\u540d\r\n var mail_to_name = '\u30c6\u30b9\u30c8\u82b1\u5b50\u69d8'; \/\/\u5b9b\u5148\u540d\r\n var mail_to_address = '(mail address)'; \/\/\u5b9b\u5148\u30a2\u30c9\u30ec\u30b9\r\n var mail_body = "\u3044\u3064\u3082\u5927\u5909\u304a\u4e16\u8a71\u306b\u306a\u3063\u3066\u304a\u308a\u307e\u3059\u3002\\n\u30c6\u30b9\u30c8\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002"; \/\/\u30e1\u30fc\u30eb\u672c\u6587\r\n \r\n $(function(){\r\n \/\/access_token\u306e\u53d6\u5f97\r\n if(location.hash){\r\n var hashary = location.hash.substr(1).split('&');\r\n $.each(hashary,function(i, v){\r\n var ary = v.split('=');\r\n if(ary[0] == 'access_token'){\r\n access_token = ary[1];\r\n $('#exec, #mail').prop('disabled', false);\r\n \/\/SDK\u521d\u671f\u5316\r\n client = MicrosoftGraph.init({\r\n authProvider: (done) => {\r\n done(null, access_token);\r\n }\r\n });\r\n return false;\r\n }\r\n });\r\n }\r\n \r\n $('#login').click(function(){\r\n location.href = url_auth;\r\n });\r\n \r\n \/\/API\u547c\u3073\u51fa\u3057\r\n $('#exec').click(function(){\r\n client.api('\/me').select('displayName').get((err, res) => {\r\n if(err){\r\n console.log(err);\r\n return;\r\n }\r\n \/\/console.log(res); \/\/\u78ba\u8a8d\u7528\r\n alert(res.displayName);\r\n });\r\n });\r\n \r\n \/\/\u30e1\u30fc\u30eb\u9001\u4fe1\r\n $('#mail').click(function(){\r\n \/\/\u30e1\u30c3\u30bb\u30fc\u30b8\u4f5c\u6210\r\n const mail = {\r\n subject: mail_subject,\r\n toRecipients: [{\r\n emailAddress: {\r\n name: mail_to_name,\r\n address: mail_to_address\r\n }\r\n }],\r\n body: {\r\n content: mail_body,\r\n contentType: 'Text'\r\n }\r\n }\r\n \r\n \/\/\u30e1\u30fc\u30eb\u9001\u4fe1\r\n client.api('\/me\/sendMail').post({message: mail}, (err, res) => {\r\n if(err){\r\n console.log(err);\r\n return;\r\n }\r\n alert('\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3057\u307e\u3057\u305f\u3002');\r\n });\r\n });\r\n \r\n });\r\n <\/script>\r\n <\/head>\r\n <body>\r\n <div id="contents">\r\n <button id="login">Login<\/button>\r\n <button id="exec" disabled="disabled">Show DisplayName<\/button>\r\n <button id="mail" disabled="disabled">Send Mail<\/button>\r\n <\/div>\r\n <\/body>\r\n<\/html><\/pre>\n<script src=".\/lib\/graph-js-sdk-web.js"><\/script><\/pre>\n
![\"microsoftgraphjavascriptsdk_sample_07\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_07.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_08\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_08.png\")
<\/p>\nclient = MicrosoftGraph.init({\r\n authProvider: (done) => {\r\n done(null, access_token);\r\n }\r\n});<\/pre>\nclient.api('\/me').select('displayName').get((err, res) => {\r\n if(err){\r\n console.log(err);\r\n return;\r\n }\r\n alert(res.displayName);\r\n});<\/pre>\n![\"microsoftgraphjavascriptsdk_sample_09\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_09.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_10\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_10.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_11\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_11.png\")
<\/p>\n![\"microsoftgraphjavascriptsdk_sample_12\"](\"https:\/\/www.ka-net.org\/blog\/wp-content\/uploads\/MicrosoftGraphJavaScriptSDK_Sample_12.png\")
\n<\/ol>\n
\n\u8a73\u3057\u3044\u4f7f\u3044\u65b9\u3084\u3001\u305d\u306e\u4ed6\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306fGitHub<\/a>\u306b\u8f09\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u8208\u5473\u304c\u3042\u308b\u65b9\u306f\u305d\u3061\u3089\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002<\/p>\n