新しいOffice 2013jsでPowerPointでもOffice用アプリが使えるようになりました

先日新しいバージョンのOffice.js(Office用アプリ用JavaScriptライブラリー)が公開され、ついにPowerPoint用のOffice用アプリが作成できるようになりました。

丁度「PowerPoint用のOffice用アプリ」という記事を書いたばかりなのでタイミングが良いか悪いのかよく分かりませんが、何は兎も角これからはPowerPointでもOffice用アプリが使えます。

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

<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="TaskPaneApp">

  <Id>e55a0647-7551-42ab-b7d2-b24a5e8b190a</Id>

  <Version>1.0</Version>

  <ProviderName>kinuasa</ProviderName>

  <DefaultLocale>ja-JP</DefaultLocale>

  <DisplayName DefaultValue="こんにちは 世界" />

  <Description DefaultValue="Hello Worldアプリです。"/>

  <IconUrl DefaultValue="http://officeimg.vo.msecnd.net/_layouts/images/general/office_logo.jpg" />

  <Capabilities>

    <Capability Name="Presentation" />

  </Capabilities>

  <DefaultSettings>

    <SourceLocation DefaultValue="http://localhost/apps/HelloWorldPPT.html" />

  </DefaultSettings>

  <Permissions>ReadWriteDocument</Permissions>

</OfficeApp>

・Webページ(HelloWorldPPT.html)

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=Edge">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

        <script src="https://appsforoffice.microsoft.com/lib/1.0/hosted/office.js"></script>

        <script>

            Office.initialize = function(reason){}

            $(function(){

                $("#btnOK").click(function(){

                    Office.context.document.setSelectedDataAsync("Hello World!!");

                });

            });

        </script>

    </head>

    <body>

        <input id="btnOK" type="button" value="OK">

    </body>

</html>

上記コードのアプリをPowerPointドキュメントに挿入して「OK」ボタンをクリックすると、下図のように選択箇所に「Hello World!!」と入力されます。

"office2013 20216-1-28-1" 

「PowerPoint用のOffice用アプリ」ではinitializeさえ発生しませんでしたが、新しいライブラリーを使用することでドキュメントへの書込みすら行えるようになっていることが確認できます。

ちなみに新しいOffice.jsに関しては「Release notes for apps for Office」にもあるように、Microsoftが用意しているCDN(Contents Delivery Network)に設置されています(https://appsforoffice.microsoft.com/lib/1.0/hosted/office.js)ので、script要素のsrc属性の値を古いバージョンのファイル(https://az88874.vo.msecnd.net/api/1.0/office.js)から書き換えれば、すぐに利用することができます。

ますます広がるOffice用アプリ(apps for Office)、皆さんも是非お試しください!