未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術...
Transcript of 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術...
![Page 1: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/1.jpg)
![Page 2: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/2.jpg)
未来のWebと必要な技術
KDDIウェブコミュニケーションズ 阿部 正幸
2017.06.17
CSS Nite in TOSA
![Page 3: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/3.jpg)
阿部 正幸(あべ まさゆき) KDDIウェブコミュニケーションズ ● ACE01/SmartRelease プロジェクトマネージャー ● エバンジェリスト ● CPIスタッフブログ編集長 ● テックアカデミー講師
![Page 4: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/4.jpg)
Venture Since 1998
Web Service Hosting
![Page 5: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/5.jpg)
![Page 6: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/6.jpg)
![Page 7: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/7.jpg)
目まぐるしいWebの世界
WWW概念提唱
1989年 1991年
世界初Webサイト誕生
1994年
W3C設立
Web2.0がバズワード
2005年
Web2.0
1997年
HTML4勧告
2014年
HTML5勧告
![Page 8: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/8.jpg)
目まぐるしいWebの世界
WWW概念提唱
1989年 1991年
世界初Webサイト誕生
1994年
W3C設立
Web2.0がバズワード
2005年
Web2.0
1997年
HTML4勧告
2014年
HTML5勧告
現在2017年 2年後、5年後どうなっているか……
(不安で仕方がない)
![Page 9: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/9.jpg)
● 未来のWebとしていくつか注目がある その一つがRESTful Webサービス ● RESTful Webサービスとは何か ● RESTful Webサービスが注目される理由 ●どのようなことに活用できるのか ● 導入のための第一歩
本日のセッションで伝えたいこと
![Page 10: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/10.jpg)
未来のWebとしていくつか注目がある その一つがRESTful Webサービス RESTful Webサービスとは何か
RESTful Webサービスが注目される理由 どのようなことに活用できるのか
導入のための第一歩
本日のセッションで伝えたいこと
今後が不安だという方など 参考にしていただけると幸いです
(私は極度の不安症です……)
![Page 11: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/11.jpg)
Chapter 1
注目される理由
![Page 12: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/12.jpg)
質問
皆さんの会社が保有するWebサイトは、 いくつありますか?
1)0~5サイト 2)6~10サイト 3)11~20サイト 4)20サイト以上
![Page 13: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/13.jpg)
![Page 14: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/14.jpg)
2017年 6月 1日 で「1,471,982 件」
![Page 15: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/15.jpg)
IoT
iPhone App
Signage
Android App
a Company
Product B
Recruit Event
IR
Product A
Corporate
Campaing
Blog
![Page 16: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/16.jpg)
IoT
iPhone App
Signage
Android App
a Company
Product B
Recruit Event
IR
Product A
Corporate
Campaing
Blog
増え続けるサイトとシステム
![Page 17: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/17.jpg)
多くの問題点
● 管理工数 ● アップデート工数 ● システムの混在 ● コンテンツの多重投稿
![Page 18: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/18.jpg)
iPhone App Signage Product A
Android App Product B Corporate
どうしたら良いか
![Page 19: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/19.jpg)
コンテンツ置き場
コンテンツ配信サーバー
iPhone App Signage Product A
Android App Product B Corporate
![Page 20: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/20.jpg)
コンテンツ配信サーバー
RESTful web サービス 1つのリソース(コンテンツ)に、 1つのURLが付けられ、リソースを 取得したり、編集したりすることが できるシステム
コンテンツ置き場
![Page 21: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/21.jpg)
コンテンツ配信サーバーメリット
● システムとデザインの分離 ● 様々なデバイスにコンテンツ配信 ● 他システムとの連携 ● 管理工数の削減
![Page 22: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/22.jpg)
![Page 23: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/23.jpg)
1. コンテンツ中心設計(personalized) 2. コンテンツの再利用 3. 柔軟なシステム 4. APIを通じてコンテンツの配信(REST) 5. ビジネスニーズ(UX、MA)
![Page 24: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/24.jpg)
![Page 25: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/25.jpg)
CMSは インタラクティブ と マルチチャネルプラットフォーム の
ための API に急速に進化
![Page 26: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/26.jpg)
Chapter 2
どのようなことが できるか
![Page 27: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/27.jpg)
コンテンツ配信サーバーのできること コンテンツ配信・管理
![Page 28: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/28.jpg)
コンテンツ置き場
コンテンツ配信サーバー
iPhone App Signage Product A
Android App Product B Corporate
![Page 29: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/29.jpg)
コンテンツ配信サーバーができること 他システムとの連携
![Page 30: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/30.jpg)
![Page 31: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/31.jpg)
![Page 32: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/32.jpg)
Amazonecho 動画を紹介しました
https://www.youtube.com/user/amazon/search?query=echo
![Page 33: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/33.jpg)
Amazon Echo + REST Serverの紹介動画
http://buytaert.net/cross-channel-user-experiences-with-drupal
![Page 34: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/34.jpg)
コンテンツサーバー
![Page 35: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/35.jpg)
SMSの送信
API連携で簡単に送信できる
![Page 36: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/36.jpg)
SMS送信用プログラム (Twilio)
![Page 37: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/37.jpg)
コンテンツ配信サーバーができること デザインとシステムの分離
![Page 38: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/38.jpg)
システムとデザインの分離
Back end Front end
JS HTML
CSS CMS
デザイナーはデザインに集中できる CMS特有のテンプレート構築が不要に
![Page 39: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/39.jpg)
Chapter 2-1
私には関係ないと思う デザイナーの方!!
![Page 40: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/40.jpg)
API連携可能な オープンデータ
![Page 41: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/41.jpg)
![Page 42: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/42.jpg)
例えばこんな所で活用できるかも ● 不動産サイト
地域の地盤や、環境を物件に合わせて 掲載する
![Page 43: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/43.jpg)
例えばこんな所で活用できるかも
同じ内容
![Page 44: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/44.jpg)
Chapter 3
意外と簡単にできる 導入の第一歩
![Page 45: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/45.jpg)
![Page 46: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/46.jpg)
![Page 47: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/47.jpg)
バックエンド(RESTful Web)
● CMSに標準搭載 WordPress、Drupal、Movable Type
● さくっと試したい方は 現在開発中の下記サーバーをお使いください http://chps1888.route-server.jp/ (欲しい方にAPIの仕様書をお渡しします)
![Page 48: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/48.jpg)
フロントエンド ● Riot.js JavaScriptフレームワーク
● Fetch API RESTful Webサーバーからコンテンツの取得
● サンプルコード https://github.com/abechiyo/example_d8_rest_module
![Page 49: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/49.jpg)
![Page 50: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/50.jpg)
- JavaScript UI フレームワーク‒
独自タグが作れる 軽量 / 明解
React / Polymer のいいとこ取り (JS フレームワークの長き因縁に終止符か?)
![Page 51: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/51.jpg)
index.html カスタムタグで、 ソースコードが 見やすい
riotテンプレート をマウント
![Page 52: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/52.jpg)
common.tag
<header> カスタムタグ
styleを指定し、 コンポーネントに適用
![Page 53: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/53.jpg)
![Page 54: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/54.jpg)
- Fetch API ‒
JSON取得などAjax に利用 HTMLの新たな標準仕様
XMLHttpRequest の後継と考えてよい
![Page 55: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/55.jpg)
index.html
Fetch APIで RESTよりデータ 取得
Riotにjson オブジェクトを マウント
![Page 56: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/56.jpg)
RESTサーバー
画面出力
Fetch API Riot.js
![Page 57: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/57.jpg)
将来的に様々な サービスと連携したい
![Page 58: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/58.jpg)
Internet
チャットシステム MAツール Other API CRM SMS
web hook
何かをフックに 他システム連動
![Page 59: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/59.jpg)
Webの未来
![Page 60: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/60.jpg)
Webの未来 コンテンツが中心の設計になる 現状1つのWebサイトに、1つのCMSが導入 されているが、将来はコンテンツサーバーが 中心となり、コンテンツを配信する。 それぞれのマルチデバイスが、コンテンツを 取得し画面に表示する。 近い将来(今も)コンンテンツ配信と、 受け取る技術が必要とされる。 ぜひ試してみてください !!
![Page 61: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/61.jpg)
Webの未来 画面が無くなる可能性も Amazon echo、Google homeなどの 登場により、音声のみで完結するWebが 出来上がりつつある。 見た目のデザインよりも、Webを通じて ビジネスをデザインすることに移行していくと 考えられる。
![Page 62: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/62.jpg)
おまけ
![Page 63: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/63.jpg)
https://www.empathywriting.com/ewm/ec/
![Page 64: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/64.jpg)
![Page 65: 未来のWebと必要な技術 · 2019-10-23 · 未来のWebと必要な技術 KDDIウェブコミュニケーションズ 阿部 正幸 2017.06.17 CSS Nite in TOSA](https://reader030.fdocument.pub/reader030/viewer/2022040600/5e8dbead73e27161bf098bff/html5/thumbnails/65.jpg)
ありがとうございました
ID:chiyo.abe 阿部 正幸
CPI LINE@