Post on 24-Jun-2015
description
Office 用アプリでできること
Microsoft MVP(Office System)
@kinuasa
― 非開発者のためのOffice 用アプリ概要紹介
注意事項
今日お話しする内容は・・・
時点の内容です。
にしています。SharePoint 用アプリは対象にし
ていません。
本日の内容
1. Office 用アプリってなに？
2. Office 用アプリの仕組み・構成
3. Office 用アプリでできること
4. Office 用アプリの良いところ
5. Word向けアプリでできること
6. アプリ紹介
7. 本日のまとめ
8. 参考資料
1.Office用アプリってなに？
…まずはデモ
WordやExcelといったOfficeドキュメント上、Outlook上で動作するまったく新しい形のアドイン(のようなもの)
作業ウィンドウアプリ
http://technet.microsoft.com/ja-jp/library/jj219429.aspxより
コンテンツアプリ
http://technet.microsoft.com/ja-jp/library/jj219429.aspxより
メールアプリ
http://technet.microsoft.com/ja-jp/library/jj219429.aspxより
Office用アプリの種類
作業ウィンドウアプリ
コンテンツアプリ
メールアプリ
種類 WordExcel ,
Excel Web AppPowerPoint
Outlook ,Outlook Web App
ProjectProfessional
作業ウィンドウアプリ ○ ○ ○ ○
コンテンツアプリ ○
メールアプリ ○
2. Office 用アプリの仕組み・構成
HTML + JavaScript
JavaScript API for Office ライブラリを通してドキュメントの読み書き等を行う。
JavaScript
マニフェストファイル(XML)
カタログサーバー(Office ストア,共有フォルダ,
SharePoint)
Office用アプリ
Office製品(Word,Excel,…)
アプリ本体(Webページ)
Web サーバー(IIS, Apache,…)
１
３
２読込
実行
取得
アプリの情報が書かれている
マニフェストファイル(XML)＋
アプリの実体となる
Webページ＝Office 用アプリ
(例)マニフェストファイルアプリの種類
対象アプリケーション
実体となるWebページの場所
(例)Webページ
3. Office 用アプリでできること
Office 用アプリで・・・
ファイルを開いて操作する。
アプリケーションを開始・終了する。
コマンドバーやリボンの機能を呼び出す。
できると思いますか？
基本的にできません。
赤い色の文字列を挿入する。
大きいフォントサイズの文字列を挿入する。
選択文字列を装飾する。
じゃあ今度は・・・
できると思いますか？
一部のアプリを除いてできません。
・・・なら何ができるの？
基本的に です。
（・・・現時点では）
じゃあ、どうしたら良いの？
1. 最初にドキュメントを装飾しておく。
2. そのドキュメントにOffice用アプリを挿入する。
3. Office用アプリを挿入した状態のファイルを配布する。
例）Movie list apphttp://office.microsoft.com/en-us/templates/movie-list-app-TC104005416.aspx
4. Office 用アプリの良いところ
1. Web標準技術である。
2. マルチプラットフォーム。
3. 更新・配布が楽。
4. Office上で動く。
5. ストア公開で海外で勝負できる！
5. Word向けアプリでできること
Office用アプリでできること
データを書き込むメソッドの説明
http://msdn.microsoft.com/ja-jp/library/fp142145.aspxより
Office.context.document.setSelectedDataAsync(" ",{coercionType:" "}
);
var xmlCode = $('#xmlcode').val();Office.context.document.setSelectedDataAsync(
xmlCode,{coercionType:" "}
);
<textarea id="xmlcode" style="display:none;”>
</textarea>
6.アプリ紹介
IMG Effector
http://office.Microsoft.com/ja-jp/store/WA104070070.aspx
1. getSelectedDataAsyncメソッド(OOXML)で画像取得。
2. Base64エンコードされた画像をdata URI schemeで
アプリ上に表示。
3. CamanJSライブラリーで画像にエフェクトをかける。
4. setSelectedDataAsyncメソッド(OOXML)で画像を
Officeドキュメントに書き込み。
7.本日のまとめ
1. Office 用アプリの
2. できることは基本的に
3. 文字の装飾等を行いたい場合は、
4. Word向けアプリの場合は、
できる
Office用アプリで出来ることは限られている。
でも、工夫次第でいろいろ出来る。
8.参考資料
Office 用アプリによるソリューションの開発と展開(XPS/PDF/Word)
http://technet.microsoft.com/ja-jp/office/jj149945
※ これ1つでOffice 用アプリの概要～開発方法まで一通り把握できる。
JavaScript API for Office (wall poster)http://www.microsoft.com/en-us/download/details.aspx?id=36850
※ JavaScript API for Officeのオブジェクト、メソッド、プロパティ、イベントが一目でわかる。
公式フォーラム（英語）http://social.msdn.microsoft.com/Forums/offi
ce/en-US/home?forum=appsforoffice
Excel 2013 VBA and Macros
Beginning SharePoint 2013 Development
http://www.ka-net.org/blog/
※ Office用アプリ以外にもリボンのカスタマイズ等、
IT Pro向けのOffice開発情報を中心に取り扱っています。