プラットフォームとしてのOffice、問題＃1：10億のMicrosoft Officeユーザーがユーザーになる方法の概要

現在、世界中で10億人以上がOffice 365アプリケーションを使用しています。 これは、大型デスクトップPCから小型スマートフォンまで、さまざまなデバイスで利用できる最大のプラットフォームです。 新しいプラットフォーム機能により開発者のソリューションをすべてのオフィスアプリケーションのワークフローに直接統合できるため、Office 365の新しいバージョンのリリースにより、これらすべてのユーザーがユーザーになります！ オフィスのクロスプラットフォーム性とそのHTML5ベースのAPIにより、アプリケーションはiOS、Andoird、Windowsタブレットを含むすべてのプラットフォームで動作できるようになります。 Alexandra Bogdanovaからの最初の投稿をOffice 365の特別な開発コラムで歓迎します。-Microsoftロシアの技術エバンジェリスト、ウラジミールユネフ

WebとASP.NETに関する素晴らしいコラムは既にあります 。この動きをサポートし、Office 365に関する新しいシリーズの記事を始めることにしました。新しいオフィスAPI、アプリケーションの作成、オフィスを使用するためのさまざまな代替シナリオ-これらはすべて「Office」コラムプラットフォームのように。」











さまざまなオフィスアプリケーションとサービスに加えて、Office 365は開発者に興味深い機会を提供します。 ここでは 、Office 365の主な革新と機能について簡単に説明します。今日は、Office 365の開発ツールとExcelおよびWordのアプリケーションのいくつかの例を詳しく見ていきます。



Office 365は開発者に何を提供できますか？



まず、Office 365には、オフィスをアプリケーションに統合して、ファイルを操作するための機能を拡張できるAPIがあります。 Office 365 APIは、さまざまな電子メール、ファイル共有、カレンダー、および連絡先共有機能を提供します。 また、APIがWindows / Windows Phoneだけでなく、AndroidおよびiOSでも使用できることは素晴らしいことです。



第二に、さまざまな「アドオン」を作成することにより、オフィスプログラムの標準機能を拡張する機会があります。 たとえば、Outlookでビデオファイルを直接再生したり、レポートにBingマップを埋め込んだり、入力されたファイルを何らかの方法で処理したりする機能を追加できます。



さて、アプリケーションの「アドオン」に精通してから、オフィスアプリケーションの世界に正確に突入し始めましょう。

オフィスアプリケーションはどのように機能しますか？

最も単純なオフィスアプリケーションは、静的WebページとXMLアプリケーションマニフェストで構成されています。 HTMLページは、 Microsoft Azureなどの任意のWebサーバーまたはサービスでホストできます。 マニフェストファイルは、Webページの場所を指している必要があり、パブリックOfficeストア、内部SharePointリスト、またはネットワーク共有に公開されている必要があります。 マニフェストは、ユーザーインターフェイスとプログラムロジックを実装するWebページのURL、アプリケーションの名前、説明、識別子、バージョンと言語標準、このアプリケーションの許可レベルとデータアクセス要件など、アプリケーションのパラメーターと機能も定義します。







オフィスアプリケーションを作成するときに、どのような機会を利用できますか？

• JavaScriptを介してインタラクティブなユーザーインターフェイスとユーザーロジックを提供します。
• jQueryなどのJavaScriptプラットフォームを使用します。
• HTTPおよびAJAXを介してRESTエンドポイントおよびWebサービスに接続します。
• ASPやPHPなどのサーバー側スクリプト言語を使用してページが作成されている場合は、サーバー側のコードまたはロジックを実行します。

オフィスアプリケーションの全体的な構造は明確です。 次に、機能に応じてアプリケーションを分離する方法を見てみましょう。

Officeアプリケーションの種類

Officeアプリケーションは、次の3つのタイプに分類できます。

ご注意 これらすべてのアプリケーションは、デスクトップバージョンのOfficeとタブレットのモバイルWindows、iOS、Androidの両方で起動できます！ さらに、Outlookの拡張機能は、ユーザーのブラウザーのOffice 365からOultook.comおよびOutlookのオンラインバージョンでも機能します。

タスクパネルアプリケーション



作業ウィンドウアプリケーションは、Officeドキュメントと並行して動作し、コンテキスト情報と機能を提供して、ドキュメントの表示と作成の利便性を高めます。 たとえば、タスクペインアプリケーションは、ドキュメントで選択された製品名またはアイテムコードに基づいて、Webサービスから製品情報を検索および取得できます。







コンテンツアプリケーション



コンテンツアプリケーションを使用すると、インターネット上のデータの魅力的な視覚化を作成したり、組み込みのマルチメディア機能（YouTubeビデオプレーヤーや画像ギャラリーなど）を使用したり、他の外部コンテンツを使用したりできます。







メールアプリケーション



メールアプリケーションは、電子メールメッセージ（レターの表示、作成、削除）、カレンダー（イベントおよび予定の作成および削除）を操作できます。 メールアプリケーションは、レターからのデータを分析し、それらを操作できます。たとえば、レターからアドレスを「抽出」して、Bingカードに自動的に適用します。

オフィスアプリケーションを作成するために必要なもの

Visual StudioとNapaアプリケーション開発ツールの両方を使用してアプリケーションを作成できます。 Office 365用Napa開発ツールは、プロジェクトを作成し、コードを記述し、ブラウザーでアプリケーションを実行できるWebベースの環境です。 さらに、何もインストールする必要はありません-アプリケーションでのすべての作業はブラウザウィンドウで実行されます。



Visual Studioでアプリケーションを作成する場合は、アプリケーションの作成とテストに必要なすべてのファイルを含む特別なテンプレートを使用できます。



もちろん、別の方法があります-テキストエディターでアプリケーションを作成する。 この方法を選択した場合、4つのファイルを作成する必要があります。

• アプリケーションのユーザーインターフェイスを実装するHTMLファイル。
• WordまたはExcelでアプリケーションを表示および実行するために必要なメタデータを定義するXMLマニフェストファイル。
• アプリケーションのスタイルシートを定義するCSSファイル。
• JavaScript API for Office（Office.js）を使用できるJavaScriptプログラミングロジックを含むproject.jsファイル。

テキストエディターでアプリケーションを作成するのではなく、Napa開発ツールに慣れてから、Visual Studioでアプリケーションを作成します。

Napa開発ツールでオフィスアプリケーションを作成します

Napa開発環境でアプリケーションを作成するには、次のことが必要です。

• Office 365アカウント（開発者サブスクリプション）;
• Office 365用のNapa開発ツールアプリ。

以前にOffice 365とその開発に出会ったことがない場合は、開発者サイトを作成することから始めます。 これを行う方法については、 こちらの詳細な手順を参照してください 。



最初に行う必要があるのは、開発者のサイトにアクセスして、「アプリケーションの作成」アイコンをクリックすることです







作成するアプリケーションの種類（メール、コンテンツ、作業ウィンドウ、またはSharePoint）を選択します。 たとえば、コンテンツアプリケーションを作成します。







アプリケーションを作成すると、ページが開き、画面の左側にアプリケーションファイルが表示され、中央にアプリケーションコードが表示されます。







ここで、必要なコードを追加し、アプリケーションをコンパイルし、そのプロパティを変更して、オフィスアプリケーションストアにアップロードできます。 デフォルトでは、アプリケーションを起動すると（起動するには、パネルの左側にある[再生]ボタンをクリックします）、Excel Onlineの追加タブが開き、作成したアプリケーションをテストできます。 アドオンを作成するアプリケーションは、左側のパネルの[ プロパティ] -> [ 実行]で変更できます 。



標準的な例を修正し始めます。 Flickrサービスから画像をダウンロードするアプリケーションを作成します。 画像セクションを（コンテンツセクションの下の）HTMLページに追加し、get-data-from-selectionボタンの名前を「Flickrで検索」に変更します。 ネタバレの下に表示されるHTMLページの完全なボディコード。





選択したテキストに関連付けられた画像を表示する関数をプロジェクトのJSファイルに追加します。





getDataFromSelection（）関数で忘れずに初期化してください



すべて、アプリケーションの準備ができました。 Microsoft Wordで起動して、美しい写真をお楽しみください。 私は猫で訓練しました）







ですから、Napaの概要と、Officeアプリケーションを作成する際にNapaを使用する方法について理解していただければ幸いです。 Visual Studioでコードを作成することに慣れているので、それを使用してアプリケーションを作成する方法を見ていきます。

Visual Studioでオフィスアプリケーションを作成する

Visual Studioでオフィスアプリケーションを作成するときに必要なもの：

• Visual Studio（2012年以降）バージョン
• Visual Studio用のOfficeツール（2013バージョンについては、 こちらからダウンロードできます ）

新しいプロジェクトを作成します。 使用可能なプロジェクトのリストから、Visual C＃またはVisual Basicを選択してから、 Office / SharePoint- >アプリケーション-> Application for Officeを選択します。 また、Napaを使用してアプリケーションを作成する場合と同様に、作成するアプリケーションのタイプを選択する必要があります。 メール、コンテンツ、およびアプリケーションからタスク領域を選択することを思い出させてください。 次に、動作するアプリケーション（Word、Excel、Power Point）を指定します。







Excelブックのセルにデータを追加するアプリケーションを作成する方法を見てみましょう。



最初に、App- > Home-> Home.htmlのパスにあるHome.htmlファイルを開きます。



ファイルの上部にjQueryライブラリへのリンクを追加します。

 <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

<body>タグ内に、<div>要素を追加し、「Our first office application。」という碑文を書きます。 ボタンをクリックして、碑文がセルに追加されることを忘れないでください。

 <div>    </div> <button id="writeDataBtn">     </button><br />
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

Home.jsファイルで、セルにラベルを追加する機能と、この関数を呼び出すためのハンドラーを追加します。



セルにラベルを追加する関数は次のようになります。

 function writeData() { Office.context.document.setSelectedDataAsync("   ", function (asyncResult) { if (asyncResult.status === "failed") { writeToPage('Error: ' + asyncResult.error.message); } }); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

アプリケーションが起動すると、作成されたアプリケーションのパネルがシートの右側に開きます。 すべてを正しく行った場合、ボタンをクリックすると、予想どおり、選択したセルにテキストが追加されます。







最も簡単なアプリケーションの準備ができています。 作成されたオフィスアプリケーションの配布の問題に移りましょう。

アプリを公開する

モバイルアプリケーションを作成するとき、通常、適切なアプリケーションストアを介してアプリケーションを配布する信頼性の高い実績のある方法を選択するため、モバイルアプリケーションの配布方法の問題は通常発生しません。 オフィスアプリケーションでは、すべてがそれほど明白ではありません。 一般に、オフィスアプリケーションを配布するには4つの方法があります。



オフィスストア。 開発者が消費者と企業の両方に向けて設計された新しいアプリケーションソリューションをダウンロードするのに便利な場所です。 実際、これは私たちにとって通常のアプリケーションストアに類似しています。



SharePointのOfficeアプリケーションカタログ。 ミニオフィスアプリケーションストアを設定することにより、会社のアプリケーションカタログを直接設定できます。



Exchangeディレクトリ これは、メールアプリケーションが格納されているExchangeサーバーのユーザーが使用できるメールアプリケーション用のプライベートディレクトリです。 これにより、企業用にライセンスされた独自のアプリケーションやOfficeストア内のアプリケーションなど、企業の電子メールアプリケーションを公開および管理できます。



ネットワーク共有のアプリケーションフォルダー。 IT部門と開発者は、マニフェストファイルが保存されている共有ネットワークフォルダーにアプリケーションを展開することもできます。 ユーザーは、この共有フォルダを信頼できるディレクトリとして指定するか、このパックが信頼できるディレクトリである場合にアプリケーションを受信できます。



Napaで作成したアプリケーションとVisual Studioで作成したアプリケーションの両方を任意の方法で公開できます。



アプリケーションを公開するプロセスは3つのステップで構成され、アプリケーションの作成方法によって若干異なります。 Napaを使用して作成されたアプリケーションの場合、最初にアプリケーションをパックし、次にそのファイルをWebサーバーに配置してから、アプリケーションのXMLマニフェストファイルをOfficeストアにアップロードする必要があります。



Visual Studioのアプリケーションの場合、順序は次のとおりです。アプリケーションの公開ページを設定し、アプリケーションをパッケージ化して公開します（アプリケーションマニフェストXMLファイルをOfficeストアにアップロードします）。 公開手順の詳細については、 こちらをご覧ください 。

おわりに

Officeアプリケーションの作成の基本に精通し、最も簡単な例を見てみました-特別なNapa環境でWordアプリケーションを作成し、Visual Studioでオフィスアプリケーションを作成するためのテンプレートに基づいてExcelブックのセルを操作しました。 さまざまな「アドオン」を作成し、データでの作業を簡素化し、検索エンジンを統合して、Office 365をあなたとあなたの会社のニーズに合わせて調整します。 Office 365プラットフォームを使用して、ソリューションの10億人の新規ユーザーにアクセスしてください！

興味がある人のための追加リンク

Office開発センターのポータルで、Officeアプリケーションの作成に関する主要なドキュメントを表示できます。また、既製のアプリケーションの例をダウンロードすることもできます。



さらに、次の資料が役立つ場合があります。 アーキテクト向けの Office 365拡張ガイド 、新しいOffice 365パターンと実践資料、 Office 365 SDKを使用したネイティブiOSアプリケーション開発、アプリケーション開発用のOffice 365 API 。

著者について

Alexandra Bogdanova、プロジェクトマネージャー、カスタマーアンドパートナーエクスペリエンス、マイクロソフトロシア。 Microsoft Developer TourやMicrosoft Developer Conferenceなど、さまざまな会議、会議、ハッカソンの参加者。