SlideShare a Scribd company logo
1 of 18
Download to read offline
自己紹介
• 狩野 裕介 (Kano Yusuke)
• tambourine.inc
• 元Flasher
• 現エンジニア
• PHP
• SalesForce 開発
• @usk
アジェンダ
1. Adobe Animate CCについて
2. Adobe Edge Animateについて
3. デモ
4. まとめ
Adobe Animate CC
• 2015年12月1日に発表
Adobe Animate CC
Flash終了のお知らせ
• 2015年12月1日に発表
• 次期アップデートで制作ツールの名前をAdobe Animate CC
に変更
• Flash Playerはそのまま
• HTML5 canvas、SVGの書き出し等の機能強化
• 2016年2月9日 リリース
Adobe Animate CC
Adobe Edge Animate
Adobe Edge Animate
• 2011年8月にプレビュー版を発表

(Adobe Edge)
• 2012年9月に正式版をリリース
FlashライクなインターフェースでHTML5コンテンツ
が作成出来ると期待されたが、マスクやシェイプトゥ
イーンなどが使用不可などアニメーション機能が貧弱
Adobe Edge Animate
• 2011年8月にプレビュー版を発表

(Adobe Edge)
• 2012年9月に正式版をリリース
Adobe Animate CCの発表に先立ち、
2015年11月を持って開発が終了
デモ
CREATEJS
気になった点
• プレビュー(⌘+Enter)での実行だと変更が反映
されない
• スクリプトのエラーやデバッグがFlash上では
出来ない
まとめ
まとめ
• canvasでの書き出しのため、UIアニメーショ
ンなんかは作りにくいかも
• スクリプトを多用したコンテンツは大変かも
• とはいえ、タイムラインでの作成は強力
ご清聴ありがとうございました
参考リンク
• ユーレカの日々[47]Adobeは判ってくれない/まつむらまきお
• HTML5アニメーション作成ソフト | Adobe Edge Animate CC
• Adobe Flash Professional を Adobe Animate CC に名称変更

More Related Content

What's hot

HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
 

What's hot (20)

HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザイン
 
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
 
HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライドHTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライド
 
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
 
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
 
Cod2013 Sapporo #1
Cod2013 Sapporo #1Cod2013 Sapporo #1
Cod2013 Sapporo #1
 
ARLT_25_Adobe CCで遊ぶ3D
ARLT_25_Adobe CCで遊ぶ3DARLT_25_Adobe CCで遊ぶ3D
ARLT_25_Adobe CCで遊ぶ3D
 
Angular1&2
Angular1&2Angular1&2
Angular1&2
 
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
 
オレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そうオレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そう
 
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
 
Enterprise x AngularJS
Enterprise x AngularJSEnterprise x AngularJS
Enterprise x AngularJS
 
Angular2
Angular2Angular2
Angular2
 
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
Material DesignをPolymerで表現しよう(神戸ITフェスティバル × HTML5fun@神戸)
 
サーバ管理はサーバレスで
サーバ管理はサーバレスでサーバ管理はサーバレスで
サーバ管理はサーバレスで
 
WorcCamp Kansai 2015 LT大会
WorcCamp Kansai 2015 LT大会WorcCamp Kansai 2015 LT大会
WorcCamp Kansai 2015 LT大会
 
イベント駆動AngularJS / 今から書くAngular 2.0
イベント駆動AngularJS / 今から書くAngular 2.0イベント駆動AngularJS / 今から書くAngular 2.0
イベント駆動AngularJS / 今から書くAngular 2.0
 
a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」a-sap08「a-blog cmsとMovable Type」
a-sap08「a-blog cmsとMovable Type」
 
【ABC2014Spring LT】AngularJSでWEBアプリ開発
【ABC2014Spring LT】AngularJSでWEBアプリ開発【ABC2014Spring LT】AngularJSでWEBアプリ開発
【ABC2014Spring LT】AngularJSでWEBアプリ開発
 
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
“なめらか”なメトロスタイルアプリを作るために ~WinRT の非同期性を活用したアプリ開発~
 

Similar to Adobe Animate CCを触ってみた

Adobe Flash Professional Toolkit for CreateJSをいじる
Adobe Flash Professional Toolkit for CreateJSをいじるAdobe Flash Professional Toolkit for CreateJSをいじる
Adobe Flash Professional Toolkit for CreateJSをいじる
kaboccha
 
知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画
知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画
知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画
Osamu Monoe
 
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
Kentaro Matsumae
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2special
Katsuhito Katoh
 
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
Yasunobu Ikeda
 

Similar to Adobe Animate CCを触ってみた (20)

アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
 
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
無償でここまで使えるアドビのWeb制作ツール for デブサミ2013
 
Adobe Flash Professional Toolkit for CreateJSをいじる
Adobe Flash Professional Toolkit for CreateJSをいじるAdobe Flash Professional Toolkit for CreateJSをいじる
Adobe Flash Professional Toolkit for CreateJSをいじる
 
どうなるflash!?
どうなるflash!?どうなるflash!?
どうなるflash!?
 
【Edge Animate】スマホアプリのインタラクティブコンテンツ
【Edge Animate】スマホアプリのインタラクティブコンテンツ【Edge Animate】スマホアプリのインタラクティブコンテンツ
【Edge Animate】スマホアプリのインタラクティブコンテンツ
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
 
HTML5 & The Web Platform
HTML5 & The Web PlatformHTML5 & The Web Platform
HTML5 & The Web Platform
 
Adobe Flash Player 終了に伴うコンテンツ変換の必要性
Adobe Flash Player 終了に伴うコンテンツ変換の必要性Adobe Flash Player 終了に伴うコンテンツ変換の必要性
Adobe Flash Player 終了に伴うコンテンツ変換の必要性
 
知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画
知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画
知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画
 
OSC2011 Tokyo/Spring 『Red5とFlexで「簡易電子会議室システム」を作ってみよう!』
OSC2011 Tokyo/Spring 『Red5とFlexで「簡易電子会議室システム」を作ってみよう!』OSC2011 Tokyo/Spring 『Red5とFlexで「簡易電子会議室システム」を作ってみよう!』
OSC2011 Tokyo/Spring 『Red5とFlexで「簡易電子会議室システム」を作ってみよう!』
 
モダンなWebとモダンな開発ツールの新ネタ
モダンなWebとモダンな開発ツールの新ネタモダンなWebとモダンな開発ツールの新ネタ
モダンなWebとモダンな開発ツールの新ネタ
 
Dreamweaver de HTML5 CS5 Ver.
Dreamweaver de HTML5 CS5 Ver.Dreamweaver de HTML5 CS5 Ver.
Dreamweaver de HTML5 CS5 Ver.
 
Creative Cloud デザイン製品アップデート (2014.1) 新機能まとめ
Creative Cloud デザイン製品アップデート (2014.1) 新機能まとめCreative Cloud デザイン製品アップデート (2014.1) 新機能まとめ
Creative Cloud デザイン製品アップデート (2014.1) 新機能まとめ
 
知っておきたい「Adobeソフトを選び、使いこなすポイント」
知っておきたい「Adobeソフトを選び、使いこなすポイント」知っておきたい「Adobeソフトを選び、使いこなすポイント」
知っておきたい「Adobeソフトを選び、使いこなすポイント」
 
Photoshop & illustrator はここがスゴイ!
Photoshop & illustrator はここがスゴイ!Photoshop & illustrator はここがスゴイ!
Photoshop & illustrator はここがスゴイ!
 
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2special
 
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
 
これからはじめるConcrete5 〜コンクリートファイブをわかりやすく解説〜
 これからはじめるConcrete5 〜コンクリートファイブをわかりやすく解説〜 これからはじめるConcrete5 〜コンクリートファイブをわかりやすく解説〜
これからはじめるConcrete5 〜コンクリートファイブをわかりやすく解説〜
 
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
 

Recently uploaded

Recently uploaded (12)

Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 

Adobe Animate CCを触ってみた