Office アドイン

Visual Studio CodeでOffice アドイン(旧Office 用アプリ)のコードを書いてみる。

以前書いた記事で、Visual Studio Codeを使ってjQueryのコードを書いてみたわけですが、そのとき“TypeScriptの型定義ファイルを参照すればインテリセンスが効くようになる”ことが分かりました。
(この方法が真っ当な方法かどうかは分かりませんが、とりあえずインテリセンスが使えればそれで良しとします。)

そしてふと思ったのが、

“Office アドイン(旧Office 用アプリ)用の型定義ファイルがあれば、Visual Studio Codeでもインテリセンス機能を使ってコードが書けるのではないか?”

ということ。
早速試してみることにしました。

Office アドイン用の型定義ファイル

まずは一番重要なOffice アドイン用の型定義ファイルですが、Napaの動作を調べていたら、下記場所にファイルがあるのを見つけました。

やっぱりNapaもTypeScriptの型定義ファイルを参照していたわけですね!

Visual Studio Codeでのコーディング

Office アドイン用の型定義ファイルの場所が分かったので、いよいよVisual Studio CodeでOffice アドインのコードを書いてみます。

上記URLからファイルをダウンロードし、「Visual Studio CodeでjQueryのコードを書いてみる。」と同様に、referenceディレクティブで型定義ファイルを参照すると、

OfficeAddIns_02_01

下図の通り、インテリセンスが有効になりました。
「Office.context.document.setSelectedDataAsync」なんて、手入力すると長くて鬱陶しくなるようなコードもサクサク入力できてしまいます。

OfficeAddIns_02_02

OfficeAddIns_02_03

使い勝手はまさに“オフライン・Napa”!!

デバッグが少々やり辛いのですが、普通のテキストエディタでコードを書くよりは遥かに楽にコードを書くことができます。

Napaと違ってサインインする手間もありませんので、手早くコードを書きたいときには便利かもしれません。

興味がある方は是非一度お試しください。

関連記事

  1. Office関連

    ブラウザで簡単にOfficeドキュメントを確認できる「Office Web ビューアー」

    @seinoro さんのツイート(下記)で知ったサービス「View O…

  2. アイコン一覧

    Office 365アイコン(imageMso)一覧(N)

    Office 365のデスクトップ版Officeアプリケーション(Wo…

  3. アイコン一覧

    Office 365アイコン(imageMso)一覧(F)

    Office 365のデスクトップ版Officeアプリケーション(Wo…

  4. Office関連

    Office 2019 Commercial Preview版のインストール方法

    「Microsoft、「Office 2019 Commercial …

  5. Office関連

    クイックアクセスツールバーから履歴を表示するWordテンプレート

    Word MVPの新田さんのブログで「【Word 2013】クイックア…

  6. Office アドイン

    Office アドインの概要と開発方法を学ぶための自習書

    2018年10月27日(土)、品川の日本マイクロソフト本社で「2018…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

Time limit is exhausted. Please reload CAPTCHA.

最近の記事

アーカイブ

RapidSSL_SEAL-90x50
PAGE TOP