Microsoft Office Apps for Office

1. ゼロからわかる
Office用アプリ
(Apps for Office)
技術ひろば.net 2013年9月 勉強会 2013年9月21日
この資料の場所 http://www.slideshare.net/seijinoro/20130921
勉強会サイト http://hiroba-tech.net
1

2. 自己紹介
• 株式会社エクシード・ワン
 http://www.facebook.com/seiji.noro
 snoro@exceedone.co.jp
• 宝塚歌劇団の近く[兵庫県伊丹市]生まれ
• 松阪牛の[三重県松阪市]育ち
• [ふなっしー]で有名な船橋の隣の[松戸市]在住
2

3. 目次
• まずはイメージ
• メリット
• 主な特徴
• 開発についての概要
• 開発デモ
• アプリの課金
3

4. まずはイメージ
まずはイメージをみせます！！
4

5. いくつか動かしてみよう！！
5

6. メリット
Apps for Officeが”利用ユーザ”と”開発者”にどのようなメリットがあ
るのかがわかります。
6

7. 最初に
歴史的背景
7

8. 1979年 ＰＣ（世界初）の
キラーアプリVisiCalc登場！
これでAppleIIも売れまくる。 8

9. 1982年
Microsoft Multiplan発売
Lotus1-2-3と激戦を繰り広げる
（AppleII、MS-DOSで動作） 9

10. 1985年
Microsoft Excel 1.0発売
ビジネスの標準ツールになる！
(Windows対応!) 10

11. 1994年
Excel5.0 VBAリリース
Excelでプログラムできるようになり
開発ツールでも使用されるようになる！ 11

12. 結果、業務の約90％は
Excelになってしまった!?
メリット
自由に編集
複雑な計算
入力が簡単
印刷が強い
デメリット
データが共有しにくい
12

13. そして１9年が過ぎ
ネットの時代に
13

14. クラウド
業者
万能ローカル
ツール
情報共有
システム
クラウドの繁栄
業者はExcel撲滅を合言葉に！
14

15. Excel依存だと
意思決定が遅れる！
SAP社(ERP大手)
15

16. サイボウズ社(グループウェア大手)
Excelだと情報共有不便、困る 16

17. エクセルが生み出す痛み！
MakeLeaps(請求書クラウド)
17

18. Excelは便利だが、
情報共有に弱い！
開発はＷｅｂの時代に!
18

19. もうちょっと整理すると
Excel(1982～)
コスト高い！
なんでも作れるスーパーアプリ！
Web(1989～)、クラウド(2005～)
ローカルアプリ(1960～)
リーズナブル！
ユーザが自由に表現！
情報共有弱い！
印刷が強い
コスト安い！
ユーザがどこでも使える！
情報共有強い！ 19

20. そして2013年
Office が Webと融合！
Excel
自由に
編集可能
Web
どこでも
情報共有
20

21. メリットについて説明
21

22. エンドユーザのメリット
• 現在使用しているOfficeのフォーマットを活
用して、データ共有するアプリを作れます。
22

23. 開発者のメリット
• Excelのフォーマットを利用することによっ
て少ないプログラミングでリッチなUIのア
プリを作成できます。
• 作成したアプリをOfficeストアから世界に販
売することができます。
23

24. 技術的メリット
• 情報共有可能！
• Webサービスにもアクセス可能！
• どんな端末にも対応!
24

25. 主な特徴
いままでのOfficeにない主な特徴を知ることができます。
25

26. Office用アプリとＶＢＡの違い
• 言語の違い
 Web標準言語HTML+JavaScript+CSS3で
プログラミングします。
 VBAはなんでもできるが、
Office用アプリはデータの取得、設定、イ
ベント処理しか現在は、機能がない。
• 配布方法
 アプリはWebサーバに配置されるため、プ
ログラムの再配布が不要です。
26

27. アプリをストアで販売
27

28. Office Web Apps でも動作
この画面はChrome+SkyDriveです！
Bingマップアプリ計算機アプリ 検索アプリ
ほとんどのブラウザー
から動くよ！
28

29. どんなアプリが
作れるのか？
どのようなアプリを実際に作成することができるのかがわ
かります。
29

30. App for Excel
30

31. セルを選択すると辞書検索
検索アプリ
アクティブセルのキーワード
を自動で取得しWebで検索
31

32. 連動アプリ
条件設定アプリ
計算アプリ
２つのアプリの
ハーモニー！
32

33. App for Word
33

34. Apps for Word
検索アプリ
App for Excelと
ほとんど同じ～
34

35. App for PowerPoint
35

36. App for PowerPoint
バーコードアプリ
App for Excelと
ほとんど同じ～
36

37. App for Outlook
37

38. App for Outook
Bingマップアプリ
メールの文章の内容によって
最適なアプリが自動で選択されるよ
♪
住所ならBingMap表示！
URLならHTML表示！
38

39. 作ったら便利そうな業務アプリ
(例)
39

40. 複雑なローン計算ができるアプリ！
[Excel]
複雑計算も短時間で作成
クラウド
[アプリ]
クラウド接続アプリ
Excelなので複雑な
計算も簡単！
40

41. 可視性のよい勤務表アプリ！
[Excel]
簡単に作成可能
きれいなレポート
だって簡単
オフラインでもOK
クラウド
[アプリ]
クラウド接続アプリ
Excelなので
可視性がよく
入力も簡単！
41

42. 見積/請求アプリ！
[Ｅｘｃｅｌ]
ユーザが自由に編集
クラウド
[Excel]
フォーマットを固定
ユーザ用予備項目を
用意しておく
請求アプリBook
印刷用シート 入力用シート アプリ
Excelなのでユーザが
自由にフォーマット
を
変更可能！
42

43. 開発についての
概要
開発をどのようにすればよいのかわかります。
43

44. 開発言語は～
44

45. Web標準技術を採用！
どんなブラウザー
どんな端末でも
動くようにするために
HTMLとJavaScriptにしたよ！
iPadでも、Androidでも動くよ！
45

46. 開発ツール
Napa
46

47. ちょ～簡単Napa 1/3
SharePoint2013の
SharePointアプリ
の”Napa”で
開発できるよ！
47

48. サンプルソースを自動生
成してくれて
すぐ実行できる！
ちょ～簡単Napa 2/3
48

49. ちょ～簡単Napa 3/3
Office Web Appsで
実行されたよ！
49

50. 開発ツール
Visual Studio 2012
50

51. 強力なVisual Studio 1/3
Visual Studioの
Projectテンプレートが
あるよ！
51

52. コードが自動生成され
た！
そのまま、デバック実
行！
強力なVisual Studio 2/3
52

53. 強力なVisual Studio 3/3
JavaScript, ASPXも
デバックができて
ちょー便利！
53

54. 開発ツール
その他
54

55. ちなみに、
Web(サーバサイド)の
開発は、ノートパッド
でも
なんでもOKですよ！
オープン系で大人気のEclipse
55

56. Webサーバの実行環境
56

57. WebサーバはなんでもOK(例)
アプリ
57

58. クライアント端末の実行環境
58

59. 端末はなんでもOK
59

60. アプリの配置
60

61. アプリの位置関係
61
Webサーバ アプリカタロ
グ
Office用アプリOffice
https Request Manifestファイル
• Webサーバの場所
• セキュリティ情報
アプリのインストールとは、
OfficeにManifestファイルを
インポートすることです。

62. 配置するアプリのManifestファイル
アプリのURL
アプリの作成者、バージョ
ン
アプリのセキュリティ
などの情報です！
62

63. Manifestファイルの置き場所
注意) OutlookはExchangeに配置します。
Officeストア SharePoint2013 共有フォルダー
Manifestファイル Manifestファイル Manifestファイル
63

64. Office Store(オフィスストア)
マイクロソフトが用意した
アプリ購入サイトに
アプリのManifestファイル
を
配置できます。
64

65. Office365
Office365のアプリカタログ
に
アプリのManifestファイル
を
配置できます。
65

66. オンプレミスSharePoint2013
オンプレミス
SharePoint2013の
アプリカタログに
アプリのManifestファイル
を
配置できます。
66

67. 共有フォルダー
共有フォルダーに
アプリのManifestファイル
を
配置できます。
67

68. OfficeにManifest参照先設定
68

69. OfficeにManifest参照先設定 1/2
Officeに
アプリのManifestファイルの
場所を設定します。
(アプリカタログや共有フォルダー)
69

70. OfficeにManifest参照先設定 2/2
個人用アプリ (Officeストア)
自分の所属組織(アプリカタログ)
共有フォルダー(共有フォルダー)
アプリのManifestファイルを
参照できるようになりました。
70

71. 開発デモ
初めての方でもVisaul Studio2012を用いた開発方法がわか
ります。
71

72. Visual Studio 2012でデモします。
• VS2012でプロジェクト新規作成
• Excel, Wordにてローカルデバック動作させ
ます。
72
http://www.slideshare.net/seijinoro/apps-foroffice-seminar-20130617-
handson?ref=http://www.appsforoffice.net/study-meeting/study-meeting-2st/
前回MS様にてハンズオンしたときの資料になります(Azure+Office365)

73. 新規作成
73

74. 起動：各種Office, 独自Tmplate
74

75. Manifestファイル
75

76. Home.html (コアはoffice.js)
76

77. Home.js データ取得プログラム
77

78. アプリの課金
アプリの課金について初めての方でもわかります。
78

79. セラーダッシュボード
79
https://sellerdashboard.microsoft.com

80. アプリ登録
80

81. アプリ統計情報
81

82. 会社登録
82

83. いくつか動かしてみよう！！
83

84. ご清聴ありがとうございました！84

85. 参考資料
• 初心者備忘録（きぬあささん）
 http://www.ka-net.org/blog/?page_id=2760
• Office365情報(エクシード・ワン)
 http://www.office365room.com/
• 技術情報サイト(エクシード・ワン)
 http://tech.exceedone.co.jp
• Apps for Officeサイト(エクシード・ワン)
 http://www.appsforoffice.net
• Appli-a(エクシード・ワンのアプリ)
 http://www.appli-a.com/quotation-and-bill/
85