SlideShare a Scribd company logo
A360 クラウド プラットフォーム
Web サービス API のご紹介
オートデスク 株式会社
Autodesk Developer Network
伊勢崎 俊明
© 2014 Autodesk
1. 多様化する 3D
2. クラウドの登場
3. A360 Web サービス API
アジェンダ - ご紹介する内容
© 2014 Autodesk
© 2014 Autodesk
© 2014 Autodesk
設計者/デザイナー専⽤ソフトウェア
専⾨家⽤ソフトウェア
© 2014 Autodesk
© 2014 Autodesk
http://autodesk360.com
© 2014 Autodesk
ReCap 360 クラウド サービス
https://recap360.autodesk.com
 写真合成による 3D モデル生成
© 2014 Autodesk
http://autodesk360.com
A360:プロジェクト管理サービス
© 2014 Autodesk
様々なファイル形式への対応
© 2014 Autodesk
A360 のビューワー表示機能
1. A360 クラウドに各種ファイルをアップロード
2. クラウド内で中間ファイルを自動生成
3. Web ブラウザやモバイル専用無償アプリで表示
検索 アクティビティ表⽰プロジェクト データアイデンティティ
IaaS – Infrastructure as a Service
PaaS – Platform as a Service
SaaS – Software as a Service
© 2014 Autodesk
検索、表示、データの統合
拡張する⾒つける ⾒る
Empower your application with Autodesk Web Services  
© 2014 Autodesk
View & Data サービス API
WebGL
Three.js
View & Data Web Service
© 2014 Autodesk
View & Data サービス API の特徴
 ゼロ クライアント
 WebGL 対応ブラウザがあれば OK
 HTML5 実装
 最新の Web テクノロジ
 ストリーミング
 大規模モデルの表示が高速
 高品質表示
 陰影、マテリアル等を高度に表現
 対応ファイル形式
 多様なファイル形式をサポート
© 2014 Autodesk
View & Data サービス API - 2 種類の API を用意
 サーバー & 管理 API
ファイル アップロード
ライフサイクルと変換処理
アクセス権限
OAuth 2.0 - REST API
 WEB クライアント API
Three.js ベースの表示テクノロジ
HTML5 アプリケーションへの埋め込みと表示制御
ドキュメントへのアクセス、オブジェクト操作、カメラ …
JavaScript API
© 2014 Autodesk
 3D 表示機能
 選択、プロパティ表示、ズーム、パン、オービット、
独立表示、ハイライト、フォーカス…
 3D モデル配下へのアクセス(メッシュ、マテリアル)
 2D 表示機能
 ラスター イメージ化した図面アクセス – ズームとパンのみ
 ベクトル情報へのアクセス
 選択、プロパティ表示、ズーム、パン、
独立表示、フォーカス、ハイライト
View & Data サービス API の機能
© 2014 Autodesk
View & Data サービス API ワークフロー
© 2014 Autodesk
オートデスク デベロッパ ポータル
https://developer.autodesk.com
ドキュメント
キーの取得
サンプル コード
GitHib
API Console
© 2014 Autodesk
クラウド コミュニケーション REST API
ステップ 1:アプリの登録と作成(キー取得)
Consumer Key / Secret が必須
Callback URL はダミーでも OK
(アクセス トークン取得用)
© 2014 Autodesk
 Header
 Content-Type: application/x-www-form-urlencoded
 Body
client_id=xxxxxxxxxxxx
&client_secret=xxxxxxxxxxxx
&grant_type=client_credentials
 POST https://developer.api.autodesk.com/authentication/v1/authenticate
クラウド コミュニケーション REST API
ステップ 2:アクセス トークンの取得
© 2014 Autodesk
 Header
 "Content-Type: application/json"
 "Authorization: Bearer xxxxxxxxxxxx"
 Body
'{¥"bucketKey¥":¥"mybucket¥",¥"policy¥":¥"transient¥"}'
 POST
https://developer.api.autodesk.com/oss/v1/buckets
 バケット ポリシー
 Transient: 24 時間のみ維持
 Temporary: 30 日間維持
 Persistent: 削除されるまで維持
クラウド コミュニケーション REST API
ステップ 3:バケットの作成
© 2014 Autodesk
 Header
 "Authorization: Bearer xxxxxxxxxxxxxxxx"
 "Content-Length: 308331"
 "Content-Type: application/octet-stream"
 Body
 ファイル コンテンツ
 PUT
https://developer.api.autodesk.com/oss/v1/buckets/{bu
cketkey}/objects/{objectkey}
クラウド コミュニケーション REST API
ステップ 4:ファイルのアップロード
© 2014 Autodesk
 URN の取得
{
"bucket-key": "mybucket",
"objects": [ {
"location":
https://developer.api.autodesk.com/oss/v1/buckets/mybucket/objects/s
kyscpr1.3ds",
"size": 308331,
"key": "skyscpr1.3ds",
"id": "urn:adsk.objects:os.object:mybucket/skyscpr1.3ds",
"sha-1": "e84021849a9f5d1842bf792bbcbc6445c280e15b",
"content-type": "application/octet-stream"
} ]
}
 URN = Base64 エンコードされた ID
クラウド コミュニケーション REST API
アップロード レスポンス
© 2014 Autodesk
 Header
 "Content-Type: application/json "
 "Authorization:Bearer xxxxxxxxxxxx“
 Body
 "{¥"urn¥":¥“{前のステップで Base64 でエンコードされた ID}¥"}“
 POST
https://developer.api.autodesk.com/viewingservice/v1/register
クラウド コミュニケーション REST API
ステップ 5:表示用にデータを登録
© 2014 Autodesk
 Header
 "Authorization: Bearer xxxxxxxxxxxx"
 GET
https://developer.api.autodesk.com/viewingservice/v1/{URN}
クラウド コミュニケーション REST API
チェック処理
 いくつかのパーツだけが "complete" ステータスを持つ場合でも
登録されたデータをビューアで表示することができることに注意
© 2014 Autodesk
 Header
 "Authorization: Bearer xxxxxxxxxxxx"
 GET
https://developer.api.autodesk.com/viewingservice/v1/t
humbnails/{URN}
クラウド コミュニケーション REST API
サムネイル画像の取得
© 2014 Autodesk
 WebGL カンバス
 A360 ビューワでのモデル表示で必須
 WebGL サポート ブラウザ
クライアント側 JavaScript 実装
View & Data サービスのシステム要件
© 2014 Autodesk
 HTML5 ページか Web アプリケーションを作成
 CSS と JavaScript の参照を追加
<link rel="stylesheet"
href="https://developer.api.autodesk.com/viewingservice/v1/
viewers/style.css" type="text/css">
<script
src="https://developer.api.autodesk.com/viewingservice/v1/
viewers/viewer3D.min.js"></script>
クライアント側 JavaScript 実装
JavaScript ビューワへの表示
© 2014 Autodesk
 HTML コンテナへの追加
<body onload="initialize()">
<div id="viewer"></div>
</body>
 現在のところ div セクションへの表示を想定(Canvas ではなく)
クライアント側 JavaScript 実装
JavaScript ビューワへの表示
© 2014 Autodesk
 ビューワの初期化
クライアント側 JavaScript 実装
JavaScript ビューワへの表示
function initialize () {
var options ={ "document" : "urn:XXXXXXXXXX“ } ;
var viewerElement =document.getElementById ("viewer") ;
var viewer =new Autodesk.Viewing.Viewer3D (viewerElement, {}) ;
viewer.initialize () ;
Autodesk.Viewing.Initializer (options, function () {
loadDocument (
viewer,
getURLParameterByName ("accessToken"),
options.document) ;
}) ;
}
© 2014 Autodesk
 ビューワへのモデル ロード
function loadDocument (viewer, auth, documentId) {
// Find the first 3d geometry and load that.
Autodesk.Viewing.Document.load (documentId, auth,
function (doc) {
var geometryItems =[] ;
geometryItems=Autodesk.Viewing.Document.getSubItemsWithProperties(
doc.getRootItem (), { "type" : "geometry", "role" : "3d" }, true
) ;
if ( geometryItems.length > 0 )
viewer.load (doc.getViewablePath (geometryItems [0])) ;
},
function (errorMsg) {
alert ("Load Error: " + errorMsg) ;
}) ;
}
クライアント側 JavaScript 実装
JavaScript ビューワへの表示
© 2014 Autodesk
 モデル階層
 メタデータ / プロパティ
 イベント処理
 カメラ / ズーム / ナビゲーション
 ジオメトリやテクスチャへのアクセス
 検索
 …
クライアント側 JavaScript 実装
その他の実装
© 2014 Autodesk
Google Cardboard のコンテンツ例
© 2014 Autodesk
 ディスカッション フォーラム
http://forums.autodesk.com/t5/view-and-data-api/bd-p/95
 Cloud and Mobile
http://adndevblog.typepad.com/cloud_and_mobile/
 Through the Interface
http://through-the-interface.typepad.com/
 Technology Perspective from Japan
http://adndevblog.typepad.com/technology_perspective
開発についての参照(フォーラム、ブログ)
© 2014 Autodesk
http://www.3dwebfest.com/
3D Web Festival のお知らせ
© 2014 Autodesk
http://spark.autodesk.com
 クラウドを利用した 3D プリンタ API
 オープン ソース
 3rd Party ソリューションの構築が可能
 Ember
 オートデスク製 3D プリンタ
 光造形方式を採用
Spark
© 2013 Autodesk, Inc. All rights reserved.
Autodesk is a registered trademark of Autodesk, Inc., and/or its subsidiaries and/or affiliates in the USA and/or other countries. All other brand names, product names, or trademarks belong to their respective
holders. Autodesk reserves the right to alter product and services offerings, and specifications and pricing at any time without notice, and is not responsible for typographical or graphical errors that may appear
in this document.

More Related Content

Viewers also liked

informal city
informal cityinformal city
informal city
Bogdan
 
デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦
デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦
デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦
Developers Summit
 
Estospace 2010 Oct
Estospace 2010 OctEstospace 2010 Oct
Estospace 2010 Oct
Kristo Reinsalu
 
Twitter Basics
Twitter BasicsTwitter Basics
Gajahs Surprise
Gajahs SurpriseGajahs Surprise
Gajahs Surprise
guest7c909d
 
The Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesThe Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective Websites
Caryn Brown
 
Maratonijooksjaks saamisest
Maratonijooksjaks saamisestMaratonijooksjaks saamisest
Maratonijooksjaks saamisestKristo Reinsalu
 
Pioneer Bluff Master Plan
Pioneer Bluff Master PlanPioneer Bluff Master Plan
Pioneer Bluff Master Plan
Megan
 
Pdf Final
Pdf FinalPdf Final
Pdf FinalBogdan
 
2010 BMW M6 Boston
2010 BMW M6 Boston2010 BMW M6 Boston
2010 BMW M6 Boston
BMW of Peabody
 
2010 BMW X5M Boston
2010 BMW X5M Boston2010 BMW X5M Boston
2010 BMW X5M Boston
BMW of Peabody
 
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
Developers Summit
 
The Engineering Of Consent
The Engineering Of ConsentThe Engineering Of Consent
The Engineering Of Consent
jillohayon
 
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略Developers Summit
 
2010 BMW 528i Boston
2010 BMW 528i Boston2010 BMW 528i Boston
2010 BMW 528i Boston
BMW of Peabody
 
How to Harness the Power of Social Media for Your Business
How to Harness the Power of Social Media for Your BusinessHow to Harness the Power of Social Media for Your Business
How to Harness the Power of Social Media for Your Business
Caryn Brown
 
Coregraphic garden
Coregraphic gardenCoregraphic garden
Coregraphic garden
Bogdan
 
世足分組(A組)
世足分組(A組)世足分組(A組)
世足分組(A組)jj1au0cd3ky9
 
A Humanist perspective on Higher Learning collaboration between South-East As...
A Humanist perspective on Higher Learning collaboration between South-East As...A Humanist perspective on Higher Learning collaboration between South-East As...
A Humanist perspective on Higher Learning collaboration between South-East As...
Jean Jacques Bernatas
 

Viewers also liked (19)

informal city
informal cityinformal city
informal city
 
デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦
デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦
デブサミ2013 【15-B-3】 ICTでクルマと社会をつなぎ、安全・快適で低炭素なモビリティー社会の実現に向けたHondaの挑戦
 
Estospace 2010 Oct
Estospace 2010 OctEstospace 2010 Oct
Estospace 2010 Oct
 
Twitter Basics
Twitter BasicsTwitter Basics
Twitter Basics
 
Gajahs Surprise
Gajahs SurpriseGajahs Surprise
Gajahs Surprise
 
The Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesThe Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective Websites
 
Maratonijooksjaks saamisest
Maratonijooksjaks saamisestMaratonijooksjaks saamisest
Maratonijooksjaks saamisest
 
Pioneer Bluff Master Plan
Pioneer Bluff Master PlanPioneer Bluff Master Plan
Pioneer Bluff Master Plan
 
Pdf Final
Pdf FinalPdf Final
Pdf Final
 
2010 BMW M6 Boston
2010 BMW M6 Boston2010 BMW M6 Boston
2010 BMW M6 Boston
 
2010 BMW X5M Boston
2010 BMW X5M Boston2010 BMW X5M Boston
2010 BMW X5M Boston
 
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
 
The Engineering Of Consent
The Engineering Of ConsentThe Engineering Of Consent
The Engineering Of Consent
 
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略
 
2010 BMW 528i Boston
2010 BMW 528i Boston2010 BMW 528i Boston
2010 BMW 528i Boston
 
How to Harness the Power of Social Media for Your Business
How to Harness the Power of Social Media for Your BusinessHow to Harness the Power of Social Media for Your Business
How to Harness the Power of Social Media for Your Business
 
Coregraphic garden
Coregraphic gardenCoregraphic garden
Coregraphic garden
 
世足分組(A組)
世足分組(A組)世足分組(A組)
世足分組(A組)
 
A Humanist perspective on Higher Learning collaboration between South-East As...
A Humanist perspective on Higher Learning collaboration between South-East As...A Humanist perspective on Higher Learning collaboration between South-East As...
A Humanist perspective on Higher Learning collaboration between South-East As...
 

Similar to 【19-E-6】a360 クラウドプラットフォーム webサービスapiのご紹介

View and Data API のご紹介 @ WebGL Meetup #2
View and Data API のご紹介 @ WebGL Meetup #2View and Data API のご紹介 @ WebGL Meetup #2
View and Data API のご紹介 @ WebGL Meetup #2
Isezaki Toshiaki
 
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Akira Inoue
 
APIMeetup 20170329_ichimura
APIMeetup 20170329_ichimuraAPIMeetup 20170329_ichimura
APIMeetup 20170329_ichimura
Tomohiro Ichimura
 
[Japan Tech summit 2017] CLD 006
[Japan Tech summit 2017]  CLD 006[Japan Tech summit 2017]  CLD 006
[Japan Tech summit 2017] CLD 006
Microsoft Tech Summit 2017
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
 
Azure IoT Edge で Custom Vision
Azure IoT Edge で Custom VisionAzure IoT Edge で Custom Vision
Azure IoT Edge で Custom Vision
Yoshitaka Seo
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
 
AppiumのWebViewアプリテストの仕組みとハマりどころ
AppiumのWebViewアプリテストの仕組みとハマりどころAppiumのWebViewアプリテストの仕組みとハマりどころ
AppiumのWebViewアプリテストの仕組みとハマりどころ
Masayuki Wakizaka
 
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
日本マイクロソフト株式会社
 
Parse触ってみた
Parse触ってみたParse触ってみた
Parse触ってみた
Naoya Harasawa
 
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
Naoki (Neo) SATO
 
AWS Blackbelt 2015シリーズ AWS Lambda
AWS Blackbelt 2015シリーズ AWS LambdaAWS Blackbelt 2015シリーズ AWS Lambda
AWS Blackbelt 2015シリーズ AWS Lambda
Amazon Web Services Japan
 
Azure Kubernetes Service Overview
Azure Kubernetes Service OverviewAzure Kubernetes Service Overview
Azure Kubernetes Service Overview
Takeshi Fukuhara
 
Infrastructure as code for azure
Infrastructure as code for azureInfrastructure as code for azure
Infrastructure as code for azure
Keiji Kamebuchi
 
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話Akira Inoue
 
Data API 2.0
Data API 2.0Data API 2.0
Data API 2.0
Yuji Takayama
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
 
Open Source x AI
Open Source x AIOpen Source x AI
Open Source x AI
Tsukasa Kato
 
Osc fukuoka xAI Meetup
Osc fukuoka xAI MeetupOsc fukuoka xAI Meetup
Osc fukuoka xAI Meetup
ru pic
 

Similar to 【19-E-6】a360 クラウドプラットフォーム webサービスapiのご紹介 (20)

View and Data API のご紹介 @ WebGL Meetup #2
View and Data API のご紹介 @ WebGL Meetup #2View and Data API のご紹介 @ WebGL Meetup #2
View and Data API のご紹介 @ WebGL Meetup #2
 
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
 
APIMeetup 20170329_ichimura
APIMeetup 20170329_ichimuraAPIMeetup 20170329_ichimura
APIMeetup 20170329_ichimura
 
[Japan Tech summit 2017] CLD 006
[Japan Tech summit 2017]  CLD 006[Japan Tech summit 2017]  CLD 006
[Japan Tech summit 2017] CLD 006
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
 
Azure IoT Edge で Custom Vision
Azure IoT Edge で Custom VisionAzure IoT Edge で Custom Vision
Azure IoT Edge で Custom Vision
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
 
AppiumのWebViewアプリテストの仕組みとハマりどころ
AppiumのWebViewアプリテストの仕組みとハマりどころAppiumのWebViewアプリテストの仕組みとハマりどころ
AppiumのWebViewアプリテストの仕組みとハマりどころ
 
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
【de:code 2020】 「あつまれ フロントエンドエンジニア」 Azure Static Web Apps がやってきた
 
Parse触ってみた
Parse触ってみたParse触ってみた
Parse触ってみた
 
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
 
AWS Blackbelt 2015シリーズ AWS Lambda
AWS Blackbelt 2015シリーズ AWS LambdaAWS Blackbelt 2015シリーズ AWS Lambda
AWS Blackbelt 2015シリーズ AWS Lambda
 
Azure Kubernetes Service Overview
Azure Kubernetes Service OverviewAzure Kubernetes Service Overview
Azure Kubernetes Service Overview
 
Infrastructure as code for azure
Infrastructure as code for azureInfrastructure as code for azure
Infrastructure as code for azure
 
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
 
Data API 2.0
Data API 2.0Data API 2.0
Data API 2.0
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
 
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
 
Open Source x AI
Open Source x AIOpen Source x AI
Open Source x AI
 
Osc fukuoka xAI Meetup
Osc fukuoka xAI MeetupOsc fukuoka xAI Meetup
Osc fukuoka xAI Meetup
 

More from Developers Summit

【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
Developers Summit
 
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
Developers Summit
 
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
Developers Summit
 
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
Developers Summit
 
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
Developers Summit
 
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
Developers Summit
 
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
Developers Summit
 
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
Developers Summit
 
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
Developers Summit
 
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
Developers Summit
 
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
Developers Summit
 
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
Developers Summit
 
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
Developers Summit
 
【15-A-1】ドラゴンクエストXを支える失敗事例
【15-A-1】ドラゴンクエストXを支える失敗事例【15-A-1】ドラゴンクエストXを支える失敗事例
【15-A-1】ドラゴンクエストXを支える失敗事例
Developers Summit
 
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
Developers Summit
 
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
Developers Summit
 
【B-5】モダンな開発を実現するツールチェーンのご紹介
【B-5】モダンな開発を実現するツールチェーンのご紹介【B-5】モダンな開発を実現するツールチェーンのご紹介
【B-5】モダンな開発を実現するツールチェーンのご紹介
Developers Summit
 
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
Developers Summit
 
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
Developers Summit
 
【B-2】AI時代におけるエンジニアの生存戦略
【B-2】AI時代におけるエンジニアの生存戦略【B-2】AI時代におけるエンジニアの生存戦略
【B-2】AI時代におけるエンジニアの生存戦略
Developers Summit
 

More from Developers Summit (20)

【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
 
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・小林様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
 
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
【C-2・醍醐様】AIとAPIがITインフラにもたらす変化 ~プログラマブルなクラウド型Wi-Fi~
 
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
【B-4】オープンソース開発で、フリー静的解析ツールを使ってみる
 
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
【B-6】Androidスマホの生体認証の脆弱性、調べてみたらよくある話だった。
 
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
【13-B-6】Hondaの生産技術屋さんがソフトウェア開発でアジャイルを初導入し組織変革に挑戦
 
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
 
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
【15-E-7】セキュアな環境でDevOpsを実現する厳選ツール
 
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
【14-E-3】セキュリティ・テストの自動化によるDevSecOpsの実現 (デモ有)
 
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
【15-D-2】デンソーのMaaS開発~アジャイル開発で顧客との協調・チームビルディング・実装概要~
 
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
【14-C-8】みんなの暮らしを支えるAmazon S3の裏側、お伝えします
 
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
【14-C-7】コンピュータビジョンを支える深層学習技術の新潮流
 
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
【15-B-7】無意味なアラートからの脱却 ~ Datadogを使ってモダンなモニタリングを始めよう ~
 
【15-A-1】ドラゴンクエストXを支える失敗事例
【15-A-1】ドラゴンクエストXを支える失敗事例【15-A-1】ドラゴンクエストXを支える失敗事例
【15-A-1】ドラゴンクエストXを支える失敗事例
 
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
【15-A-5】ゲーミフィケーションエバンジェリストが説く、アプリ開発で見落としがちな「おもてなし」とは~面白さを伝える × 面白く魅せる~
 
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
【B-2】福岡発Node.jsで支える大規模システム!〜「誰ガ為のアルケミスト」と歩んだ三年〜
 
【B-5】モダンな開発を実現するツールチェーンのご紹介
【B-5】モダンな開発を実現するツールチェーンのご紹介【B-5】モダンな開発を実現するツールチェーンのご紹介
【B-5】モダンな開発を実現するツールチェーンのご紹介
 
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
 
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
【A-2】とあるマーケティング部隊とデータエンジニアのデータドリブンへの道
 
【B-2】AI時代におけるエンジニアの生存戦略
【B-2】AI時代におけるエンジニアの生存戦略【B-2】AI時代におけるエンジニアの生存戦略
【B-2】AI時代におけるエンジニアの生存戦略
 

【19-E-6】a360 クラウドプラットフォーム webサービスapiのご紹介

  • 1. A360 クラウド プラットフォーム Web サービス API のご紹介 オートデスク 株式会社 Autodesk Developer Network 伊勢崎 俊明
  • 2. © 2014 Autodesk 1. 多様化する 3D 2. クラウドの登場 3. A360 Web サービス API アジェンダ - ご紹介する内容
  • 8. © 2014 Autodesk ReCap 360 クラウド サービス https://recap360.autodesk.com  写真合成による 3D モデル生成
  • 11. © 2014 Autodesk A360 のビューワー表示機能 1. A360 クラウドに各種ファイルをアップロード 2. クラウド内で中間ファイルを自動生成 3. Web ブラウザやモバイル専用無償アプリで表示
  • 13. IaaS – Infrastructure as a Service PaaS – Platform as a Service SaaS – Software as a Service
  • 15. © 2014 Autodesk View & Data サービス API WebGL Three.js View & Data Web Service
  • 16. © 2014 Autodesk View & Data サービス API の特徴  ゼロ クライアント  WebGL 対応ブラウザがあれば OK  HTML5 実装  最新の Web テクノロジ  ストリーミング  大規模モデルの表示が高速  高品質表示  陰影、マテリアル等を高度に表現  対応ファイル形式  多様なファイル形式をサポート
  • 17. © 2014 Autodesk View & Data サービス API - 2 種類の API を用意  サーバー & 管理 API ファイル アップロード ライフサイクルと変換処理 アクセス権限 OAuth 2.0 - REST API  WEB クライアント API Three.js ベースの表示テクノロジ HTML5 アプリケーションへの埋め込みと表示制御 ドキュメントへのアクセス、オブジェクト操作、カメラ … JavaScript API
  • 18. © 2014 Autodesk  3D 表示機能  選択、プロパティ表示、ズーム、パン、オービット、 独立表示、ハイライト、フォーカス…  3D モデル配下へのアクセス(メッシュ、マテリアル)  2D 表示機能  ラスター イメージ化した図面アクセス – ズームとパンのみ  ベクトル情報へのアクセス  選択、プロパティ表示、ズーム、パン、 独立表示、フォーカス、ハイライト View & Data サービス API の機能
  • 19. © 2014 Autodesk View & Data サービス API ワークフロー
  • 20. © 2014 Autodesk オートデスク デベロッパ ポータル https://developer.autodesk.com ドキュメント キーの取得 サンプル コード GitHib API Console
  • 21. © 2014 Autodesk クラウド コミュニケーション REST API ステップ 1:アプリの登録と作成(キー取得) Consumer Key / Secret が必須 Callback URL はダミーでも OK (アクセス トークン取得用)
  • 22. © 2014 Autodesk  Header  Content-Type: application/x-www-form-urlencoded  Body client_id=xxxxxxxxxxxx &client_secret=xxxxxxxxxxxx &grant_type=client_credentials  POST https://developer.api.autodesk.com/authentication/v1/authenticate クラウド コミュニケーション REST API ステップ 2:アクセス トークンの取得
  • 23. © 2014 Autodesk  Header  "Content-Type: application/json"  "Authorization: Bearer xxxxxxxxxxxx"  Body '{¥"bucketKey¥":¥"mybucket¥",¥"policy¥":¥"transient¥"}'  POST https://developer.api.autodesk.com/oss/v1/buckets  バケット ポリシー  Transient: 24 時間のみ維持  Temporary: 30 日間維持  Persistent: 削除されるまで維持 クラウド コミュニケーション REST API ステップ 3:バケットの作成
  • 24. © 2014 Autodesk  Header  "Authorization: Bearer xxxxxxxxxxxxxxxx"  "Content-Length: 308331"  "Content-Type: application/octet-stream"  Body  ファイル コンテンツ  PUT https://developer.api.autodesk.com/oss/v1/buckets/{bu cketkey}/objects/{objectkey} クラウド コミュニケーション REST API ステップ 4:ファイルのアップロード
  • 25. © 2014 Autodesk  URN の取得 { "bucket-key": "mybucket", "objects": [ { "location": https://developer.api.autodesk.com/oss/v1/buckets/mybucket/objects/s kyscpr1.3ds", "size": 308331, "key": "skyscpr1.3ds", "id": "urn:adsk.objects:os.object:mybucket/skyscpr1.3ds", "sha-1": "e84021849a9f5d1842bf792bbcbc6445c280e15b", "content-type": "application/octet-stream" } ] }  URN = Base64 エンコードされた ID クラウド コミュニケーション REST API アップロード レスポンス
  • 26. © 2014 Autodesk  Header  "Content-Type: application/json "  "Authorization:Bearer xxxxxxxxxxxx“  Body  "{¥"urn¥":¥“{前のステップで Base64 でエンコードされた ID}¥"}“  POST https://developer.api.autodesk.com/viewingservice/v1/register クラウド コミュニケーション REST API ステップ 5:表示用にデータを登録
  • 27. © 2014 Autodesk  Header  "Authorization: Bearer xxxxxxxxxxxx"  GET https://developer.api.autodesk.com/viewingservice/v1/{URN} クラウド コミュニケーション REST API チェック処理  いくつかのパーツだけが "complete" ステータスを持つ場合でも 登録されたデータをビューアで表示することができることに注意
  • 28. © 2014 Autodesk  Header  "Authorization: Bearer xxxxxxxxxxxx"  GET https://developer.api.autodesk.com/viewingservice/v1/t humbnails/{URN} クラウド コミュニケーション REST API サムネイル画像の取得
  • 29. © 2014 Autodesk  WebGL カンバス  A360 ビューワでのモデル表示で必須  WebGL サポート ブラウザ クライアント側 JavaScript 実装 View & Data サービスのシステム要件
  • 30. © 2014 Autodesk  HTML5 ページか Web アプリケーションを作成  CSS と JavaScript の参照を追加 <link rel="stylesheet" href="https://developer.api.autodesk.com/viewingservice/v1/ viewers/style.css" type="text/css"> <script src="https://developer.api.autodesk.com/viewingservice/v1/ viewers/viewer3D.min.js"></script> クライアント側 JavaScript 実装 JavaScript ビューワへの表示
  • 31. © 2014 Autodesk  HTML コンテナへの追加 <body onload="initialize()"> <div id="viewer"></div> </body>  現在のところ div セクションへの表示を想定(Canvas ではなく) クライアント側 JavaScript 実装 JavaScript ビューワへの表示
  • 32. © 2014 Autodesk  ビューワの初期化 クライアント側 JavaScript 実装 JavaScript ビューワへの表示 function initialize () { var options ={ "document" : "urn:XXXXXXXXXX“ } ; var viewerElement =document.getElementById ("viewer") ; var viewer =new Autodesk.Viewing.Viewer3D (viewerElement, {}) ; viewer.initialize () ; Autodesk.Viewing.Initializer (options, function () { loadDocument ( viewer, getURLParameterByName ("accessToken"), options.document) ; }) ; }
  • 33. © 2014 Autodesk  ビューワへのモデル ロード function loadDocument (viewer, auth, documentId) { // Find the first 3d geometry and load that. Autodesk.Viewing.Document.load (documentId, auth, function (doc) { var geometryItems =[] ; geometryItems=Autodesk.Viewing.Document.getSubItemsWithProperties( doc.getRootItem (), { "type" : "geometry", "role" : "3d" }, true ) ; if ( geometryItems.length > 0 ) viewer.load (doc.getViewablePath (geometryItems [0])) ; }, function (errorMsg) { alert ("Load Error: " + errorMsg) ; }) ; } クライアント側 JavaScript 実装 JavaScript ビューワへの表示
  • 34. © 2014 Autodesk  モデル階層  メタデータ / プロパティ  イベント処理  カメラ / ズーム / ナビゲーション  ジオメトリやテクスチャへのアクセス  検索  … クライアント側 JavaScript 実装 その他の実装
  • 35. © 2014 Autodesk Google Cardboard のコンテンツ例
  • 36. © 2014 Autodesk  ディスカッション フォーラム http://forums.autodesk.com/t5/view-and-data-api/bd-p/95  Cloud and Mobile http://adndevblog.typepad.com/cloud_and_mobile/  Through the Interface http://through-the-interface.typepad.com/  Technology Perspective from Japan http://adndevblog.typepad.com/technology_perspective 開発についての参照(フォーラム、ブログ)
  • 38. © 2014 Autodesk http://spark.autodesk.com  クラウドを利用した 3D プリンタ API  オープン ソース  3rd Party ソリューションの構築が可能  Ember  オートデスク製 3D プリンタ  光造形方式を採用 Spark
  • 39. © 2013 Autodesk, Inc. All rights reserved. Autodesk is a registered trademark of Autodesk, Inc., and/or its subsidiaries and/or affiliates in the USA and/or other countries. All other brand names, product names, or trademarks belong to their respective holders. Autodesk reserves the right to alter product and services offerings, and specifications and pricing at any time without notice, and is not responsible for typographical or graphical errors that may appear in this document.