Office 2016で進化したOffice アドイン

ホーム
Office アドイン, Office関連, Office 2016
Office 2016で進化したOffice アドイン

Office アドイン

2015.09.25

Office 2016で進化したOffice アドイン

今日OfficeDevを眺めていて気が付いたのが「OfficeJS Snippet Explorer」。

Office 2016が登場して、知らぬ間にJavaScript API for Officeも進化していたようです。

とりあえず新しいAPIを試してみるかー！ということで、さっそく試してみました。

テスト環境

Windows 10 Enterprise 64ビット
Microsoft Word 2016 MSO (16.0.4266.1003) 32ビット

アプリ本体(Sample.html)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>動作確認用Office アドイン</title>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>
    <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>
    <script>
      Office.initialize = function(reason){}
      $(function(){
        $("#btnSample").click(function(){
          Word.run(function(context){
            context.document.body.insertHtml("<h1>Hello world.</h1>", Word.InsertLocation.start);
          });
        });
      });
    </script>
  </head>
  <body style="font-size:14px;">
    <h3>■ 動作確認用Office アドイン</h3>
    <input id="btnSample" type="button" value="OK">
  </body>
</html>

マニフェストファイル(Sample.xml)

※ Id要素(GUID)は「GUIDを作成するVBScript」等で作成したものを使用してください。

<?xml version="1.0" encoding="UTF-8"?>
<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="TaskPaneApp">
  <Id>cd56ccfd-3e1e-4d7f-ba69-843d8fb79de9</Id>
  <Version>1.0</Version>
  <ProviderName>@kinuasa</ProviderName>
  <DefaultLocale>ja-jp</DefaultLocale>
  <DisplayName DefaultValue="Sample Add-in" />
  <Description DefaultValue="Sample Task pane Add-in"/>
  <Hosts>
    <Host Name="Document" />
  </Hosts>
  <DefaultSettings>
    <SourceLocation DefaultValue="http://localhost/oa/Sample.html" />
  </DefaultSettings>
  <Permissions>ReadWriteDocument</Permissions>
</OfficeApp>

サンプルコードを参考に簡単なアプリを書いたところ、下図のように意図した通りに動きました。