Enviar pesquisa
Carregar
Adobe JSX入門
•
2 gostaram
•
2,831 visualizações
silvers ofsilvers
Seguir
五反田の2社合同勉強会でLTした
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 40
Baixar agora
Baixar para ler offline
Recomendados
게임 애셋 스트리밍 패치
게임 애셋 스트리밍 패치
Seungjae Lee
3D internet
3D internet
Anurag Singh
Introduction to AR with Unity3D
Introduction to AR with Unity3D
Andreas Blick
Dockerizing An Angular Application Using Git, Jenkins & Docker! | DevOps Tuto...
Dockerizing An Angular Application Using Git, Jenkins & Docker! | DevOps Tuto...
Edureka!
Virtual reality
Virtual reality
Kshitij Mittal
[NDC17] Unreal.js - 자바스크립트로 쉽고 빠른 UE4 개발하기
[NDC17] Unreal.js - 자바스크립트로 쉽고 빠른 UE4 개발하기
현철 조
Javascript mémo.pdf
Javascript mémo.pdf
sofianePicanto
Holographic Data Storage
Holographic Data Storage
Likan Patra
Recomendados
게임 애셋 스트리밍 패치
게임 애셋 스트리밍 패치
Seungjae Lee
3D internet
3D internet
Anurag Singh
Introduction to AR with Unity3D
Introduction to AR with Unity3D
Andreas Blick
Dockerizing An Angular Application Using Git, Jenkins & Docker! | DevOps Tuto...
Dockerizing An Angular Application Using Git, Jenkins & Docker! | DevOps Tuto...
Edureka!
Virtual reality
Virtual reality
Kshitij Mittal
[NDC17] Unreal.js - 자바스크립트로 쉽고 빠른 UE4 개발하기
[NDC17] Unreal.js - 자바스크립트로 쉽고 빠른 UE4 개발하기
현철 조
Javascript mémo.pdf
Javascript mémo.pdf
sofianePicanto
Holographic Data Storage
Holographic Data Storage
Likan Patra
Hybrid application development
Hybrid application development
Knoldus Inc.
Python과 Git으로 만드는 모바일 게임 패치 시스템
Python과 Git으로 만드는 모바일 게임 패치 시스템
Youngtaek Oh
Doxygen 사용법
Doxygen 사용법
YoungSu Son
Software defined network
Software defined network
Deeptiman Mallick
Introduction à React JS
Introduction à React JS
Abdoulaye Dieng
Minecraft in 500 lines of Python with Pyglet
Minecraft in 500 lines of Python with Pyglet
Richard Donkin
Developing AR and VR Experiences with Unity
Developing AR and VR Experiences with Unity
Mark Billinghurst
Janus & docker: friends or foe
Janus & docker: friends or foe
Alessandro Amirante
Présentation des IoT
Présentation des IoT
Lakhdar Meftah
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
Tae wook kang
Introduction à spring boot
Introduction à spring boot
Antoine Rey
Tutorial ranorex
Tutorial ranorex
radikalzen
Native mobile application development with Flutter (Dart)
Native mobile application development with Flutter (Dart)
Randal Schwartz
[133] 브라우저는 vsync를 어떻게 활용하고 있을까
[133] 브라우저는 vsync를 어떻게 활용하고 있을까
NAVER D2
Introduction to Progressive Web App
Introduction to Progressive Web App
Binh Bui
Introduction to Extended Reality - XR
Introduction to Extended Reality - XR
Kumar Ahir
Zabbix, garder un oeil toujours ouvert
Zabbix, garder un oeil toujours ouvert
Look a box
NDC2017 언리얼엔진4 디버깅 101 - 게임 기획자, 프로그래머가 버그와 만났을 때 사용할 수 있는 지침들
NDC2017 언리얼엔진4 디버깅 101 - 게임 기획자, 프로그래머가 버그와 만났을 때 사용할 수 있는 지침들
영욱 오
Ionic Framework
Ionic Framework
Thinh VoXuan
Google flutter the easy and practical way
Google flutter the easy and practical way
Ahmed Abu Eldahab
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
HTML5&API総まくり
HTML5&API総まくり
Shumpei Shiraishi
Mais conteúdo relacionado
Mais procurados
Hybrid application development
Hybrid application development
Knoldus Inc.
Python과 Git으로 만드는 모바일 게임 패치 시스템
Python과 Git으로 만드는 모바일 게임 패치 시스템
Youngtaek Oh
Doxygen 사용법
Doxygen 사용법
YoungSu Son
Software defined network
Software defined network
Deeptiman Mallick
Introduction à React JS
Introduction à React JS
Abdoulaye Dieng
Minecraft in 500 lines of Python with Pyglet
Minecraft in 500 lines of Python with Pyglet
Richard Donkin
Developing AR and VR Experiences with Unity
Developing AR and VR Experiences with Unity
Mark Billinghurst
Janus & docker: friends or foe
Janus & docker: friends or foe
Alessandro Amirante
Présentation des IoT
Présentation des IoT
Lakhdar Meftah
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
Tae wook kang
Introduction à spring boot
Introduction à spring boot
Antoine Rey
Tutorial ranorex
Tutorial ranorex
radikalzen
Native mobile application development with Flutter (Dart)
Native mobile application development with Flutter (Dart)
Randal Schwartz
[133] 브라우저는 vsync를 어떻게 활용하고 있을까
[133] 브라우저는 vsync를 어떻게 활용하고 있을까
NAVER D2
Introduction to Progressive Web App
Introduction to Progressive Web App
Binh Bui
Introduction to Extended Reality - XR
Introduction to Extended Reality - XR
Kumar Ahir
Zabbix, garder un oeil toujours ouvert
Zabbix, garder un oeil toujours ouvert
Look a box
NDC2017 언리얼엔진4 디버깅 101 - 게임 기획자, 프로그래머가 버그와 만났을 때 사용할 수 있는 지침들
NDC2017 언리얼엔진4 디버깅 101 - 게임 기획자, 프로그래머가 버그와 만났을 때 사용할 수 있는 지침들
영욱 오
Ionic Framework
Ionic Framework
Thinh VoXuan
Google flutter the easy and practical way
Google flutter the easy and practical way
Ahmed Abu Eldahab
Mais procurados
(20)
Hybrid application development
Hybrid application development
Python과 Git으로 만드는 모바일 게임 패치 시스템
Python과 Git으로 만드는 모바일 게임 패치 시스템
Doxygen 사용법
Doxygen 사용법
Software defined network
Software defined network
Introduction à React JS
Introduction à React JS
Minecraft in 500 lines of Python with Pyglet
Minecraft in 500 lines of Python with Pyglet
Developing AR and VR Experiences with Unity
Developing AR and VR Experiences with Unity
Janus & docker: friends or foe
Janus & docker: friends or foe
Présentation des IoT
Présentation des IoT
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
오픈소스로 쉽게 따라해보는 Unreal과 IoT 연계 및 개발 방법 소개.pdf
Introduction à spring boot
Introduction à spring boot
Tutorial ranorex
Tutorial ranorex
Native mobile application development with Flutter (Dart)
Native mobile application development with Flutter (Dart)
[133] 브라우저는 vsync를 어떻게 활용하고 있을까
[133] 브라우저는 vsync를 어떻게 활용하고 있을까
Introduction to Progressive Web App
Introduction to Progressive Web App
Introduction to Extended Reality - XR
Introduction to Extended Reality - XR
Zabbix, garder un oeil toujours ouvert
Zabbix, garder un oeil toujours ouvert
NDC2017 언리얼엔진4 디버깅 101 - 게임 기획자, 프로그래머가 버그와 만났을 때 사용할 수 있는 지침들
NDC2017 언리얼엔진4 디버깅 101 - 게임 기획자, 프로그래머가 버그와 만났을 때 사용할 수 있는 지침들
Ionic Framework
Ionic Framework
Google flutter the easy and practical way
Google flutter the easy and practical way
Semelhante a Adobe JSX入門
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
HTML5&API総まくり
HTML5&API総まくり
Shumpei Shiraishi
関西FirefoxOS勉強会6thGiG「アプリ間通信」
関西FirefoxOS勉強会6thGiG「アプリ間通信」
Noritada Shimizu
Java/Androidセキュアコーディング
Java/Androidセキュアコーディング
Masaki Kubo
Java scriptでslideを作ってみた
Java scriptでslideを作ってみた
Katsuhito Yonao
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
Etsuji Nakai
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Takayoshi Tanaka
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
[出張!雲勉 in Tokyo] Swagger で簡単APIドキュメント作成
[出張!雲勉 in Tokyo] Swagger で簡単APIドキュメント作成
Tomoki Oyamatsu
全部入り!WGPで高速JavaScript+HML5体験
全部入り!WGPで高速JavaScript+HML5体験
AdvancedTechNight
JSX
JSX
Kazuho Oku
[デブサミ2012]趣味と実益の脆弱性発見
[デブサミ2012]趣味と実益の脆弱性発見
Yosuke HASEGAWA
HTML5最新動向
HTML5最新動向
Shumpei Shiraishi
Djangoフレームワークの紹介
Djangoフレームワークの紹介
Shinya Okano
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Naoya Ito
いまさらJavaScript
いまさらJavaScript
Naomichi Yamakita
前期講座08
前期講座08
Takenori Nakagawa
Nodejs
Nodejs
Masanobu Masuda
Semelhante a Adobe JSX入門
(20)
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
HTML5&API総まくり
HTML5&API総まくり
関西FirefoxOS勉強会6thGiG「アプリ間通信」
関西FirefoxOS勉強会6thGiG「アプリ間通信」
Java/Androidセキュアコーディング
Java/Androidセキュアコーディング
Java scriptでslideを作ってみた
Java scriptでslideを作ってみた
Web制作勉強会 #2
Web制作勉強会 #2
試して学べるクラウド技術! OpenShift
試して学べるクラウド技術! OpenShift
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
[出張!雲勉 in Tokyo] Swagger で簡単APIドキュメント作成
[出張!雲勉 in Tokyo] Swagger で簡単APIドキュメント作成
全部入り!WGPで高速JavaScript+HML5体験
全部入り!WGPで高速JavaScript+HML5体験
JSX
JSX
[デブサミ2012]趣味と実益の脆弱性発見
[デブサミ2012]趣味と実益の脆弱性発見
HTML5最新動向
HTML5最新動向
Djangoフレームワークの紹介
Djangoフレームワークの紹介
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
いまさらJavaScript
いまさらJavaScript
前期講座08
前期講座08
Nodejs
Nodejs
Mais de silvers ofsilvers
こんなチームにしたいなあ
こんなチームにしたいなあ
silvers ofsilvers
チームを作るワークショップ2015
チームを作るワークショップ2015
silvers ofsilvers
Scrum Overview
Scrum Overview
silvers ofsilvers
マイクロインタラクション読書会 4章
マイクロインタラクション読書会 4章
silvers ofsilvers
2014年と私と11 bot
2014年と私と11 bot
silvers ofsilvers
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
2013年と私 - 買ってよかった2013 -
2013年と私 - 買ってよかった2013 -
silvers ofsilvers
玉子屋のすすめ
玉子屋のすすめ
silvers ofsilvers
2012年と私
2012年と私
silvers ofsilvers
ロールオーバーのいろいろなやり方
ロールオーバーのいろいろなやり方
silvers ofsilvers
共有フォルダを汚くしないためにどうするか
共有フォルダを汚くしないためにどうするか
silvers ofsilvers
ウェブフォントが楽しいよという話
ウェブフォントが楽しいよという話
silvers ofsilvers
DeNA Creative Seminar #2 に行ってきた
DeNA Creative Seminar #2 に行ってきた
silvers ofsilvers
Mais de silvers ofsilvers
(13)
こんなチームにしたいなあ
こんなチームにしたいなあ
チームを作るワークショップ2015
チームを作るワークショップ2015
Scrum Overview
Scrum Overview
マイクロインタラクション読書会 4章
マイクロインタラクション読書会 4章
2014年と私と11 bot
2014年と私と11 bot
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
2013年と私 - 買ってよかった2013 -
2013年と私 - 買ってよかった2013 -
玉子屋のすすめ
玉子屋のすすめ
2012年と私
2012年と私
ロールオーバーのいろいろなやり方
ロールオーバーのいろいろなやり方
共有フォルダを汚くしないためにどうするか
共有フォルダを汚くしないためにどうするか
ウェブフォントが楽しいよという話
ウェブフォントが楽しいよという話
DeNA Creative Seminar #2 に行ってきた
DeNA Creative Seminar #2 に行ってきた
Último
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
Último
(9)
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Adobe JSX入門
1.
JSX入門 デザイン作業の自動化のために 2014/10/01
五反田合同勉強会 @silver_s / silvers
2.
What is JSX?
3.
What is JSX?
4.
✘What is JSX?
5.
What is JSX?
6.
✘What is JSX?
7.
What is JSX?
8.
What is JSX?
9.
JSX is
10.
JSX is •
AdobeのExtension Script • よくある作業なんかを自動化できる • javascriptで記述 • Photoshop 7.0からある • アクション機能やバッヂ処理より複雑なことができる
11.
vs Action
12.
vs Action •
少しばかりjavascriptの知識がいる • var, for, if-else, functionが分かれば十分 • もちろんアクションで表現できることはアクションでやる のが楽
13.
vs Action •
少しばかりjavascriptの知識がいる • var, for, if-else, functionが分かれば十分 • もちろんアクションで表現できることはアクションでやる のが楽 • 複雑な処理が記述可能 • アプリ情報、書類情報の取得 • それらの情報による条件分岐、繰り返し処理
14.
What you need
15.
What you need
• Adobe製品(Photoshopとか)
16.
What you need
• Adobe製品(Photoshopとか) • ExtendScript Toolkit
17.
What you need
• Adobe製品(Photoshopとか) • ExtendScript Toolkit • お好みのEditor
18.
What you need
• Adobe製品(Photoshopとか) • ExtendScript Toolkit • お好みのEditor • javascriptの知識
19.
What you need
• Adobe製品(Photoshopとか) • ExtendScript Toolkit • お好みのEditor • javascriptの知識 • ほんの少しの勇気
20.
ExtendScript Toolkit •
なくてもいいけどあると便利 • 好きなAdobeでスクリプトを実行できる • デバッグ機能付き • これだけでも書けるけど、Editorとして貧弱なので別 にEditorを用意すると吉
21.
ExtendScript Toolkit
22.
ExtendScript Toolkit 1.
コードを貼り付けて
23.
ExtendScript Toolkit 2.
対象のアプリを選んで 1. コードを貼り付けて
24.
ExtendScript Toolkit 2.
対象のアプリを選んで3. 再生ボタンで実行 1. コードを貼り付けて
25.
ExtendScript Toolkit 2.
対象のアプリを選んで3. 再生ボタンで実行 4. コンソール 1. コードを貼り付けて
26.
Samples
27.
よく使うもの // 対象のアプリでalertを出す
alert(‘こんにちは’); ! // 確認項目とか confirm(‘実行しますか?’); ! // ESTKのコンソールに吐く $.write(‘Step 1’); $.writeln(‘running…’);
28.
ドキュメント // 640x800、解像度72dpiのドキュメントを新規作成
app.documents.add(640, 800, 72, “test", NewDocumentMode.RGB); ! // アクティブなドキュメントのレイヤーを取得 var doc = app.activeDocument; alert(doc.layers.length); ! // WEB用に保存しつつ、ドキュメントは保存せずに閉じる doc.exportDocument( File(path), ExportType.SAVEOFWEB, new ExportOptionsSaveForWeb() ); doc.close(SaveOptions.DONOTSAVECHANGES);
29.
ドキュメント操作 // ドキュメントの複製
tmp_doc = doc.duplicate(); ! // 切り抜き tmp_doc.crop([10, 10, 20, 20]); ! // リサイズ tmp_doc.resizeImage(240, 80); ! // 左右反転 tmp_doc.flipCanvas(Diretion.HORIZONTAL);
30.
レイヤー var layers
= doc.layers; ! // レイヤの取得 var first_layer = layers[0]; var test_layer = layers.getByName(‘test’); ! // レイヤの表示/非表示 first_layer.visible = true; test_layer.visible = false; ! // アクティブレイヤの変更 doc.activeLayer = first_layer; ! // アクティブレイヤに合わせて切り抜き doc.crop(doc.activeLayer.bounds);
31.
この程度の知識があれば
32.
この程度の知識があれば • 何十体もいるキャラクタの
33.
この程度の知識があれば • 何十体もいるキャラクタの
• 服装や顔のパターンを自動で検出して
34.
この程度の知識があれば • 何十体もいるキャラクタの
• 服装や顔のパターンを自動で検出して • それぞれの組み合わせで(チェックボックスで選択も可)
35.
この程度の知識があれば • 何十体もいるキャラクタの
• 服装や顔のパターンを自動で検出して • それぞれの組み合わせで(チェックボックスで選択も可) • 全身、バストアップ、顔だけに切り取った画像を
36.
この程度の知識があれば • 何十体もいるキャラクタの
• 服装や顔のパターンを自動で検出して • それぞれの組み合わせで(チェックボックスで選択も可) • 全身、バストアップ、顔だけに切り取った画像を • 複数サイズで書き出し
37.
この程度の知識があれば • 何十体もいるキャラクタの
• 服装や顔のパターンを自動で検出して • それぞれの組み合わせで(チェックボックスで選択も可) • 全身、バストアップ、顔だけに切り取った画像を • 複数サイズで書き出し • みたいなのがさくっとできる
38.
ほかにもいろいろ 便利な機能が http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop_scriptref_js.pdf
39.
面倒な作業を自動化して 効率的に仕事しよう!
40.
ありがとうございました → 次回!Generator編!
Baixar agora