2018/2/28

1

（研究課題V）先端情報技術プラットフォーム

構築に関する研究

経営情報学部 前田和昭

1

クリエイティブ・コモンズ 表示-継承ライセンスの下で利用可能です

前田和昭の個人情報

� 職名：教授� 所属：経営情報学部� Email：kaz@isc.chubu.ac.jp� Webサイト：http://edu.isc.chubu.ac.jp/kaz/

� 論文リスト：http://edu.isc.chubu.ac.jp/kaz/papers/� Facebook（使用頻度低い）：

https://www.facebook.com/kazuaki.maeda.98� 授業科目：データ構造とデータベース

プログラミング入門，ネットワーク活用

2クリエイティブ・コモンズ 表示-継承ライセンスの下で利用可能です

2018/2/28

2

前田の紹介

3

プログラミング言語処理系(C#, VB, Java, C++, SQL, VHDL)

ソフトウェア開発プログラミング

プログラミング言語処理系XML（パーザ，応用）Webアプリケーション分散環境（RPC, Webサービス）

教育

研究

開発

発表の流れ

1. ものづくりとソフトウェア

2. Webコンテンツの再利用

3. Webを活用したプレゼンテーション

4. 興味深い技術

5. おわりに

4

2018/2/28

3

１．ものづくりとソフトウェア

5

6

https://ja.wikipedia.org/wiki/ものづくり

2018/2/28

4

ソフトウェア業界

� IBM Now Has More Employees in India Than in the U.S.◦ 13万人：インドの従業員数（約1/3, 全体38万人）� The New York Times, Sept. 28, 2017� https://www.nytimes.com/2017/09/28/technology/ibm-

india.html

� FAANG◦ Facebook, Amazon, Apple, Netflix, Google◦米国市場における「主要テクノロジー銘柄」� http://tech.nikkeibp.co.jp/it/atclact/active/15/102900129/01150

0120/

7

8

https://www.srgresearch.com/articles/cloud-growth-rate-increases-amazon-microsoft-google-all-gain-market-share

2018/2/28

5

２．Webコンテンツの再利用

9

インフォグラフィックス

http://neomam.com/infographics/10-curious-customs-from-dinner-tables-around-the-world

10

2018/2/28

6

インフォグラフィックス

http://neomam.com/infographics/10-curious-customs-from-dinner-tables-around-the-world

11

infogra.me/en/infographics/13055� 50 Things A Traveller Should Know [Infographic]

� 利用規約

◦ infogra.meにより表示されている場合を除き，ダウンロード禁止

◦事前の書面による同意なくコピー，複製，出版，配布，放送を禁止

12

2018/2/28

7

Webコンテンツをスライドへ

� コピー（カット）＆ペースト

◦カットしてスライドで再利用

� ハイパーリンクからWebブラウザ起動

◦ https://neomam.com/infographics/10-curious-customs-from-dinner-tables-around-the-world

13

初めての訪問

14https://ja.wikipedia.org/wiki/アンコールワット#/media/File:Angkor-Wat-from-the-air.JPG

2018/2/28

8

初めての訪問

� Google Mapへ◦ https://www.google.co.jp/maps/place/アンコール・ワット

15https://ja.wikipedia.org/wiki/アンコールワット#/media/File:Angkor-Wat-from-the-air.JPG

Webコンテンツをスライドへ

� コピー（カット）＆ペースト◦カットしてスライドで再利用

� ハイパーリンクからWebブラウザ起動◦ https://neomam.com/infographics/10-curious-customs-

from-dinner-tables-around-the-world

� Webフレンドリ（前田作）◦ソフトウェアがWebと十分に統合されていること

=> PowerPointには制限が多い

=> PowerPointはWebフレンドリでない

16

2018/2/28

9

３．Webを活用したプレゼンテーション

（１）Prezi

17

Prezi

� 2009年4月に初版リリース

◦ハンガリーでPrezi社がスタート

◦クラウド上のサービス

◦ズームイン・ズームアウト

� 世界中の利用者

◦ 2015年：6,000万人� News | Prezi Surpasses One Billion Views and 60 Million Customers | Spectrum Equity,Spectrum Equity Management

◦ 2016年：7,500万人� With 75M users, Prezi targets businesses with new collaboration and analytics tools for presentations |

VentureBeat

◦ 2017年：8,500万人� Preziについて | 会社案内・ヒストリー | Prezi, https://prezi.com/about/

18

2018/2/28

10

作成例 => Webブラウザへ

19

https://prezi.com/pricing/

20

2018/2/28

11

https://prezi.com/pricing/

21

３．Webを活用したプレゼンテーション

（２）Impress.js

22

2018/2/28

12

Impress.js

23

Webページでスライド作成

impress.js

� ３次元空間にスライド配置

◦位置：data-x, data-y, data-z◦拡大縮小：date-scale◦回転：data-rotate-x, data-rotate-y, data-rotate-z

24

2018/2/28

13

４．興味深い技術

- Jupyter-WebAssembly- ChromeとFirefoxのビルド

25

Jupyter� Jupyter = Julia, Python, R

� 文書作成のためのWebベース環境◦ライブコード，可視化などを含む

� 説明◦ IPythonからJupyterが派生し，Webブラウザ上で会話的にプログラムを試しながら，文書を作成できるようになりました．

◦ Jupyterがあれば，Mathematicaノートブックの使い勝手が，多数のプログラミング言語で使えるようになります．

26

2018/2/28

14

PythonとJupyterの歴史

� 1991年: Python (by Guido van Rossum)◦ Amoebaプロジェクトに関与 (Andrew Tanenbaum)

� 2001年: IPython (by Fernando Perez)◦ Python対話的実行のためのシェル

� 2011年IPython Notebook

� 2015年Jupyterが分離

27

Jupyter ダッシュボード

28

2018/2/28

15

29

30!X

2018/2/28

16

31

https://ja.wikipedia.org/wiki/WebAssembly

32

https://ja.wikipedia.org/wiki/WebAssembly

2018/2/28

17

Webブラウザは大規模

� Chromium（非公式，目安）

◦ ダウンロード：40分◦ 容量：12.5GB◦ C++ソース：37万個

◦ C++行数：1251行◦ ビルド：10時間（失敗が多い）

� Firefox（非公式，目安）

◦ ダウンロード：30分◦ 容量：5.7GB◦ C++ソース：3千個

◦ C++行数：132万行

◦ ビルド：1時間

33

５．おわりに

34

2018/2/28

18

おわりに

� Webフレンドリなソフトウェアを目指す◦ ソフトウェアがWebと十分に統合されていること

=> PowerPointには制限が多い

⇒PowerPointはWebフレンドリでない

� Webを活用したプレゼンテーション◦ Prezi と impress.js

� 次のステップ◦ Webフレンドリなソフトウェア開発のためのプラットフォーム？

35