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

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

Office 365 unified APIをJavaScriptだけで呼び出す前のページ

Visual Studio Codeの使い方メモ次のページ

関連記事

  1. Office関連

    Excel 2016 Previewで追加された新しい関数

    ※ 下記情報はOffice 2016 Preview版を元にしています…

  2. Office関連

    [VBA]ファイルタブ(Backstage ビュー)の表示を禁止する。

    数年前ホームページで「ファイルタブボタンのクリックを禁止する(Offi…

  3. Office アドイン

    [Office用アプリ]第三回 Apps for Office 勉強会で登壇しました。

    10月4日(土)に開催されたOffice 用アプリの勉強会「第3回 A…

  4. Office アドイン

    「マイクロソフト Office 用アプリ開発スタートアップガイド」レビュー

    ※ 下記レビューはあくまでも個人的な感想です。日本初(恐らく)…

  5. Office関連

    テンプレートから簡単に新規文書を作成できるようにするWordテンプレート

    Wordで自作のテンプレートを利用して文書を作成するとき、2007以降…

コメント

  • コメント (0)

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

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

Time limit is exhausted. Please reload CAPTCHA.

Translate

Chinese (Simplified)Chinese (Traditional)EnglishFrenchGermanJapaneseKoreanRussianSpanish

最近の記事

アーカイブ

PAGE TOP