1. #Office365Dev
“Office アドイン” の紹介
Microsoft MVP for Office Development
@kinuasa
2018.10.27(Sat) 12018 Global Office 365 Developer Bootcamp Japan

2. #Office365Dev
自己紹介
1. HN：きぬあさ / @kinuasa
2. 職業：中小企業(従業員数100名規模)の情シス的な雑用係
3. Microsoft MVP
a. 2010年～ Office System
b. 2015年～ Outlook
c. 2016年～ Office Development
4. ブログ：初心者備忘録(https://www.ka-net.org/blog/)
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 2

3. #Office365Dev
Office アドインとは？
1. Office 2013で追加されたWeb連携機能の一つ。
2. HTMLやCSS、JavaScriptといったWeb標準技術を使って、
WordやExcel、PowerPoint等のOfficeアプリケーションの機
能を拡張することができる。
3. “Officeアプリケーション上で動作するWebアプリ”
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 3

4. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 4
• Wikipedia機能

5. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 5
• 翻訳機能

6. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 6
• Microsoft Flow(「個人用アドイン」から追加)
https://flow.microsoft.com/en-us/blog/introducing-microsoft-flow-integration-in-excel/ より

7. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 7
• アイデア

8. #Office365Dev
Office アドインの構成
1. 本体となるWebアプリと、アプリの各種情報が記載されたマ
ニフェストファイル(XML)の2つで構成される。
2. Webアプリ：専用のJavaScriptライブラリ(JavaScript API
for Officeライブラリ)読み込み。
3. マニフェストファイル：Webアプリの場所やID、説明やバー
ジョンといった、アドインの動作に必要な情報が記載。
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 8

9. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 9
XML
マニフェスト
HTML JS
Webアプリ
Office アドイン
• AppSource
• 共有フォルダ
• SharePoint など
カタログ
• Azure(IIS)
• Apache など
サーバー
• Word
• Excel
• PowerPoint など
Officeアプリプリケーション
• Office アドインの構成

10. #Office365Dev
Office アドインの強み
1. 実体がWebアプリ：Web標準技術で開発可能、Webサービス
やAPIとの連携が取りやすい。
2. クロスプラットフォーム：Windows用、Mac用、Office
Online、様々なOffice環境実行可能。
3. 配布：VBAマクロのように一台一台配布する必要がない。
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 10

11. #Office365Dev
Office アドインの種類
1. 作業ウィンドウ アドイン：Officeアプリケーションの右側のウィンドウ
(作業ウィンドウ)で動作するアドイン。
2. コンテンツ アドイン：Office文書に直接埋め込む形で動作するアドイン。
3. Outlook アドイン(メール アドイン)：OutlookやOutlook.com上で動作
するアドイン。
※今回のハンズオンでは取り扱いません。
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 11

12. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 12
• 作業ウィンドウ アドイン

13. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 13
• コンテンツ アドイン

14. #Office365Dev
Excel カスタム関数(Excel Custom Functions)
1. VBAで言うところの「ユーザー定義関数」のようにワークシート
上から使える独自関数を、JavaScriptで定義できる機能
2. 2018年10月時点ではまだPreview版。要Insider版Office
3. SUM関数やAVERAGE関数といった標準関数と同様の操作性で、
Cognitive Servicesなどの強力なAPIを利用できる。
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 14

15. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 15
• Excel カスタム関数
https://developer.microsoft.com/en-us/office/blogs/azure-machine-learning-javascript-
custom-functions-and-power-bi-custom-visuals-further-expand-developers-capabilities-with-
excel/ より

16. #Office365Dev
Office アドインの活かし方
1. VBA/VSTOとのすみ分け
a. 自分しか使わない、単発、小規模→VBA
b. 組織で使用、.Netの力を使いたい→VSTO
c. Office Onlineでも使いたい、Web連携機能要→Office アドイン
2. 強みはやはり「Webアプリ」＆「クロスプラットフォーム」
a. 自社製Webアプリケーション × Excel
b. Office混在環境：Windows＆Mac＆タブレット
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 16

17. #Office365Dev
「Office アドイン」ハンズオン
1. Lv.200~300：Web標準技術(HTML,CSS,JavaScript)、XML、Web
サーバーの基本的な知識があればOK！
2. 環境：Windows 10＆Office 2016以上推奨、余裕があれば
Node.js(npm)
3. Webサーバー：Portable版XAMPP
4. 資料＆サンプルコード：
https://github.com/kinuasa/OfficeAddInsHandsOn
2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 17

18. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 18
非開発者の方歓迎！ のんびり＆まったり進行
ルーム30D-31

19. 2018.10.27(Sat) 2018 Global Office 365 Developer Bootcamp Japan 19
#Office365Dev