Apps for Office (Office用アプリ) seminar document

1. 初心者向け
AppsforOffice
とその周辺情報(Office用アプリ)
Apps for Office 勉強会#1
2013年4月19日
勉強会予約サイト http://atnd.org/events/38117

2. Who Am I.
• 野呂 清二 (のろ せいじ）
– 株式会社エクシード・ワン
– http://www.facebook.com/seiji.noro
– snoro@exceedone.co.jp
• 宝塚歌劇団の近く[兵庫県伊丹市]生まれ
• 松阪牛の[三重県松阪市]育ち
• [ふなっしー]で有名な船橋の隣の[松戸市]在住

3. 本日の内容（初心者向け）
1. Office用アプリってな～に？
2. なにが作れるの？
3. どうやって開発するの？
4. アプリを作りませんか？
5. 参考資料

5. 簡単にいうとOfficeの中で
動作するWebアプリです！！
Officeに
Webアプリを
追加！

6. 仕組みは～

7. WebとOfficeを
JavaScriptで連携します！
このブラウザーは
Google Chromeです!
アプリ3
HTTP通信
Apps for Office
(HTML+JS)
アプリ2
アプリ1
アプリとOfficeは
JavaScriptで
連携します。
Web標準技術
HTML+JavaScriptの
採用がポイントね！

8. どうして必要なのか～

9. 日本は20人以下の小企業が多い！
大企業
11,793(0.3%)
中企業(300人以下)
54,479(12.7%)
小企業(20人以下)
3,776,863(87.1%)
わたしが
一番！！

10. 中小企業の業務の約90％はExcel！
• Excelのメリット
– ユーザが自由編集
– 複雑計算式など万能
– 入力が簡単・早い
– ほとんどのPCにインストール済み
– きれいな印刷が強い
• Excelデメリット
– データが共有しにくい
中小企業の業務に
万能なツール♪

11. 中小企業の万能ツールExcel
クラウド業者は
Excel撲滅を合言葉に！
クラウド業者
万能ツール 情報共有システム

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

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

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

15. いままでのおさらい
Excelは情報共有に弱い！
その通り！
ひとまずそれぞれの開発手法
のメリットを整理してみよう。

16. 今まで業務アプリは３択だった！
Excel(1982～)
将来：理想は不明
コスト高い！
なんでも作れるスーパーアプリ！
Web(1989～)、クラウド(2005～)
ローカルアプリ(1960～)
リーズナブル！
ユーザが自由に表現！
情報共有弱い！
印刷が強い
コスト安い！
ユーザがどこでも使える！
情報共有強い！

17. しかし
ときは２０１３年
まったく新しい
開発手法が誕生した！

18. ハイブリッドな第４の選択肢を発表
Office×Web=Apps for Office
クラウディアさんがまったく斬新なアイデア！
かつてなかった新しいハイブリッドな提案！！

19. 万能ツールExcelとWebとの
夢のコラボExcel
ユーザが自由に
フォーマットを編集可能
Web
どこでも
情報共有可能

20. Excelの最大の弱点を克服！
• 情報共有可能！
• Webサービスにもアクセス可能！
– 例) SalesForce, SharePoint, twitter
• OfficeWebAppsによりどんな端末にも対応!
– 例) iPad, Android

22. Apps for Excel

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

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

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

26. Apps for Word

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

28. Apps for PowerPoint

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

30. Apps for Outlook

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

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

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

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

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

36. Webサーバの実行環境

37. WebサーバはなんでもOK(例)
クラウド
オンプレミス
アプリ

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

39. ブラウザーで動作するので
端末はなんでもOK
Device
(デバイス)
Apps for Office
(Office用アプリ)
クラウド オンプレミス

41. 開発言語は～

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

43. 開発ツール
Napa

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

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

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

47. 開発ツール
Visual Studio 2012

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

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

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

51. 開発ツール
Eclipse

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

53. アプリを配置する方法

54. 配置するのはManifestファイル
注意) OutlookはExchangeに配置します。
Officeストア SharePoint2013 共有フォルダー
Manifestファイル Manifestファイル Manifestファイル
アプリのインストールとは
Manifestファイルを
Officeに追加することです！

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

56. アプリの配置先

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

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

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

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

61. OfficeにManifest参照先設定

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

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

65. アプリの可能性は無限です！
• 中小企業の業務はほとんどOfficeです！
– 多くのユーザがExcelに慣れています！
– １つのプログラムで多様な端末に対応できます！
– スーパーリッチなＵＩを短期間で作成できます！
• Officeストアで世界に販売できます！
– 日本だけでなく世界で販売できます！
– 標準技術採用なので技術者も多いです！

66. 今後の勉強会の目標設定(予定)
• ステップ
1. 技術者と情報共有してアプリを増やしたい！
2. エンドユーザへアプリを届けたい！
• 勉強会
– １か月～２か月間隔で開催する。
– 最初の方は、アプリを増やすため開発・環境・運用まわり
の勉強会を開催する。
– アプリが増えてきたらユーザーカンファレンス等行い、エ
ンドユーザへアプリを使って,どのようにして業務を成功
でききるのか、説明会を開催する。

67. 初めての方は一読したら
いいよ！

68. 参考文献
• Office 2013 の開発者のための新機能
– http://msdn.microsoft.com/ja-jp/library/office/jj229830.aspx
• Office 用アプリの作成
– http://msdn.microsoft.com/ja-jp/library/jj220060.aspx
• Office および SharePoint 用アプリの構築
– http://msdn.microsoft.com/ja-jp/office/apps/fp160950.aspx
• Office 用アプリのコード サンプル
– http://msdn.microsoft.com/ja-jp/library/jj220075.aspx
• Office Web Appsの対応状況
– http://technet.microsoft.com/en-us/library/jj819306.aspx
• SkyDriveの活用方法
– http://windows.microsoft.com/ja-jp/skydrive/at-work
• Office 2013用アプリ配信サイト“Officeストア”ってなに？
– http://weekly.ascii.jp/elem/000/000/127/127463/
• JavaScriptで誰でも簡単に作って稼げる「Officeアプリ」とは？ (1/4)
– http://www.atmarkit.co.jp/ait/articles/1301/25/news063.html
• 「Officeアプリ」の作り方と、できること／できないこと (1/4)
– http://www.atmarkit.co.jp/ait/articles/1303/04/news091.html
• Office 2013から追加される新しい開発モデル、Apps for Officeとは
– http://fantasticswallow.mo4ca.net/what-is-new-office-development-model-
apps-for-office/

69. この資料とブログの場所
• この資料(SlideShare)
– http://tech.exceedone.co.jp/fad-develop/apps-for-
office-seminar-1st-beginners/
• ブログ(エクシード・ワン技術ブログ)
– http://tech.exceedone.co.jp/apps-for-office/

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