Node.js and Photoshop Generator - JSConf Asia 2013

Making Generator plugins for Photoshop with Node.js - slides for a talk I gave at JSConf Asia in Manila.

Technology Art & Photos

Server-side Node.js
programming with...
Photoshop?
Andy Hall JSConf.Asia 2013

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

@fenomas
aphall.com
§ 

Developer evangelist at Adobe Japan

§ 

Studied physics → web dev → Flash dev →
various stuff at Adobe

§ 

Other: video games, jazz, whisky, etc..

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Okay, so let s talk about Photoshop!

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Generator
KVLR
ExtendScript

Node.js

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Generator architecture
KVLR
Node.js
generator-core
plugin..

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

plugin..

What smart people do with this...

(demo 1)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Generate > Image Assets

Pros:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Very useful! J

What I did...

(demo 2)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Generator architecture
KVLR
Node.js

Node.js

generator-core

generator-core

plugin..

plugin..

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

plugin..

plugin..

> node generator-core/
-f generator-plugins/

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Now to talk about the code:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

a few words about julius

julius.sourceforge.jp/en_index.php
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

a few words about julius
awesome.grammar:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

a few words about julius
awesome.voca:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Voice command chain
Ignore everything
except preface
Okay Photoshop
[command]
Thank you
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Side note:
Q: Wouldn t everyone feel
kind of stupid talking to
Photoshop?
A:

(demo 3)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Working with multiple VMs
KVLR
Node.js

Node.js

generator-core

generator-core

plugin..

plugin..

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

plugin..

plugin..

Working with multiple VMs

main.js:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Working with multiple VMs
Useful tip:

main.js:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

Digression:
My dream:

self-sorting bookshelves.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

photo: www.ﬂickr.com/photos/haroldbakker/2738462048/

One last gratuitous demo:

(demo 4)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

That s it!

•  Plugin source:
github.com/andyhall/generator-awesome
•  Generator core:
github.com/adobe-photoshop/generator-core

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

@fenomas

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

For 15 years we've been constrained by a event model on the web that assumes that a mouse is the only possible pointing device that an application could need. In this presentation I talk about how touch is becoming the dominant pointer in use on the web, some things we have learned about the best practices for this reality, and how Pointer Events will help us make the web applications truly touchable.

Adobe Gaming Solutions by Tom Krchamochimedia

Track B-2: Advancing Collaboration & eLearning to Achieve Mission Goals, ...

scoopnewsgroup

Adobe Summit EMEA 2012 : 16706 Optimise Mobile Experience

Ben Seymour

Smartphones and tablets come in all shapes and sizes, with screen sizes from 4 to 10 inches and varying support for rich media formats. How are you approaching this challenge to support highly engaging user experiences across the expanding range of mobile devices? Find out how Adobe Scene7 can help you optimise content for multiple screens to ensure high engagement and conversion. Learn about: - Best practices for optimising mobile experiences -Emerging trends for immersive mobile experiences, including video and interactive catalogues - Examples from clients who have optimised their rich media for tablets and smartphones

MMT 28: Adobe »Edge to the Flash«

MMT - Multimediatreff

Content needs to be written differently when you primary delivery is on smart phones or tablets. Shorter sentence structure and reduced word count, as well as principles from SEO are recommended. Unfortunately, most of us don't write this way; we write until we fill up a laptop or computer screen. Also, our eyes can "remember" more on a sheet of paper or large screen than we can in transient "thumb fuls" of smart phone paragraphs. Try the exercises developed by Maxwell Hoffmann of Adobe, and you will be surprised at how easy it is to "think different / write diffe

ColdFusion 11 Overview - CFSummit 2013

Rupesh Kumar

Adobe Shadow - Amsterdam Adobe CampMihai Corlan

Concurrent Programming with ActionScript workers

Paul Robertson

For additional notes, code example, and links see: http://probertson.com/articles/2012/10/31/slides-and-code-concurrent-programming-with-actionscript-workers/ One of the most frequent and oldest feature requests for the Flash Platform is the ability to execute code "in the background." In Flash Player 11.4/AIR 3.4 (released in August 2012) this request was finally answered, in the form of ActionScript workers. This presentation covers why concurrent programming is useful, how to use ActionScript workers in their current implementation, and looks at the short- and long-term future for concurrent programming in ActionScript.

Over the air 2.5 - Adobe AIR for Android

Michael Chaize

What's new in Juno

Tomasz Zarna

Brownbag on basics of node.js

Jason Park

Adobe MAX 2015 - Giving Flash Professional Another Look

Joseph Labrecque

See how Flash Professional CC lets you create assets and animations for virtually any use case, device, browser or platform. Too often, users confuse the Flash Professional application with the Flash runtimes and believe they can target only certain browsers and devices with their content. Not so! Adobe has been enhancing the creative toolset within Flash Professional while building support for custom platforms. Get current with the modern, creative capabilities of this amazing tool. Recording: http://max.adobe.com/sessions/max-online/#/video/4870

Developing Modern Web Interfaces with Dreamweaver CC

jameswillweb

Starting mobile development

Open Development - an Engineering Manager's Perspective

Michael Marth

adobe-video-editor.docx

ssuser1eca7d

Securing Android Applications

Infosys

dotFes KYOTO - スマホ開発にAIR ＆ PhoneGapを勧める5つの理由

Debugging mobile websites and web apps

FITC2014 モダンなWeb

ソーシャルゲーム市場とアドビFlash戦略

Similar to Node.js and Photoshop Generator - JSConf Asia 2013

Oop2012 keynote Design Driven Development

Michael Chaize

Tom Krcha: Building Games with Adobe Technologies

DevGAMM Conference

CEDEC2012 Starling開発

CEDEC2012 Starling 開発

Andy Demo

JSXKazuho Oku

Lavacon12 rethink content paper to tablet

Maxwell Hoffmann

ColdFusion 11 Overview - CFSummit 2013

Rupesh Kumar

Adobe Shadow - Amsterdam Adobe CampMihai Corlan

Concurrent Programming with ActionScript workers

Paul Robertson

Over the air 2.5 - Adobe AIR for Android

Michael Chaize

What's new in Juno

Tomasz Zarna

Brownbag on basics of node.js

Jason Park

Adobe MAX 2015 - Giving Flash Professional Another Look

Joseph Labrecque

Developing Modern Web Interfaces with Dreamweaver CC

jameswillweb

Starting mobile development

Open Development - an Engineering Manager's Perspective

Michael Marth

adobe-video-editor.docx

ssuser1eca7d

Securing Android Applications

Infosys

dotFes KYOTO - スマホ開発にAIR ＆ PhoneGapを勧める5つの理由

Debugging mobile websites and web apps

Similar to Node.js and Photoshop Generator - JSConf Asia 2013 (20)

Oop2012 keynote Design Driven Development

Tom Krcha: Building Games with Adobe Technologies

CEDEC2012 Starling開発

CEDEC2012 Starling 開発

JSX

Lavacon12 rethink content paper to tablet

ColdFusion 11 Overview - CFSummit 2013

Adobe Shadow - Amsterdam Adobe Camp

Concurrent Programming with ActionScript workers

Over the air 2.5 - Adobe AIR for Android

What's new in Juno

Brownbag on basics of node.js

Adobe MAX 2015 - Giving Flash Professional Another Look

Developing Modern Web Interfaces with Dreamweaver CC

Starting mobile development

Open Development - an Engineering Manager's Perspective

adobe-video-editor.docx

Securing Android Applications

dotFes KYOTO - スマホ開発にAIR ＆ PhoneGapを勧める5つの理由

Debugging mobile websites and web apps

Recently uploaded

Search and Society: Reimagining Information Access for Radical Futures

Bhaskar Mitra

The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.

AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...

UiPath Test Automation using UiPath Test Suite series, part 3

DianaGray10

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

Sri Ambati

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

GraphRAG is All You need? LLM & Knowledge Graph

Guy Korland

Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs. 1. Unifying Large Language Models and Knowledge Graphs: A Roadmap. https://arxiv.org/abs/2306.08302 2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs: https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/

Mission to Decommission: Importance of Decommissioning Products to Increase E...

PHP Frameworks: I want to break free (IPC Berlin 2024)

Ralf Eggert

In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development. This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.

Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...