Notice Me, Senpai! Get Discovered with Creative Technical Content

39
Notice Me, Senpai! Get Discovered with Creative Technical Content Tomomi Imura (@girlie_mac)

Transcript of Notice Me, Senpai! Get Discovered with Creative Technical Content

Page 1: Notice Me, Senpai! Get Discovered with Creative Technical Content

Notice Me, Senpai! Get Discovered with Creative Technical Content

Tomomi Imura (@girlie_mac)

Page 2: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Tomomi does:

● advocate open web & technology● code JavaScript & Node.js● writer & speak about tech● hack useless stuff● mentor & advisor● currently work at

Page 3: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Where I Have Been Doing DevRel at:

Slack API Nexmo SMS, Voice, 2FA API

HTML5 (W3C) & Windows Phone webOS Apps

PubNub Realtime API

Page 4: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

I Write & Have Written Articles on:

Technical editor for some books by:

Page 5: Notice Me, Senpai! Get Discovered with Creative Technical Content

Get Discovered by Developers!

Page 6: Notice Me, Senpai! Get Discovered with Creative Technical Content

SearchTweets, newsletters, etc.

Word of mouth, on Slack, etc.

API, Platform, Framework, Tools, etc.

How Do Developers Find Your...

Page 7: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Awareness

When devs find your shiny new stuff passively on TechCrunch, ProductHunt, announcement / marketing blog, etc:

Sounds awesome!

Page 8: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Awareness & Acquisition

When devs find your use cases, and with even better, easy-to-follow step-by-step tutorials on how to build:

Sounds awesome! I may wanna try!

Page 9: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Get Devs Hands Dirty!

● Workshops ● Hackathons● Blog & Tutorials

○ Docs

○ Diagrams and Illustrations

○ Videos & Screencasts

○ Webinars

My focus!

Page 10: Notice Me, Senpai! Get Discovered with Creative Technical Content

Make It Practical!

Page 11: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Practical & Fundamental

Tutorial examples:

● [Awesome API] 101● Beginner Guide of [Awesome API] ● Getting Started with [Awesome API] in [Node.js]● How to Build To-Do App with [Awesome.JS Framework]● [Awesome API] Tips & Tricks● [Awesome API] Best Practice

Page 12: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 13: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 14: Notice Me, Senpai! Get Discovered with Creative Technical Content

Make It Interesting!

Page 15: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Creative Projects (and How to Build Them!)

● GIPHY Chat App● Slack Message Analysis w/ Watson● Tweet Emotion: Sentiment Data Visualization w/ D3.js● Raspberry Pi Spy Cam w/ Facial Detection● Call Alexa from Phone● Robot Dance Party● Gotta Get’em All! Pokémon Go Relatime Mapping

Page 16: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_macBrainstorm

Page 17: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Project Types

● Purely fun○ Pokémon

○ IoT - cat camera

● Targeting a community / Ecosystem○ Programming Language, Platforms

○ Frameworks - e.g. Standard Web APIs, React, Angular, D3

○ Hardware - e.g. Arduino, Raspberry Pi

○ AI - e.g. Amazon Alexa, IBM Watson

Page 18: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 19: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 20: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 21: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 22: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Let Devs Adopt the Ideas

“Pokemon is not how we win the big $$$ companies”

“Don’t get me wrong. We are providing the ideas”

Page 23: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Adopting the Ideas for Real Apps

{

id: 'pikachu-012',

lat: 37.7234,

lon: -122.472

}

{

id: 'taxi-012',

lat: 37.7234,

lon: -122.472

}

Page 24: Notice Me, Senpai! Get Discovered with Creative Technical Content

Notice Me, Senpai!

Page 25: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

But Senpai doesn’t even know me...

Page 26: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Piggybacking on Bigger Players

● Partner with other companies● Be friend with their DevRel peeps● Apply to be an author● Pay sponsorship

Page 27: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 28: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 29: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

...and get THEIR Social Bandwagon!

Page 30: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 31: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Community is magic!

Page 32: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Page 33: Notice Me, Senpai! Get Discovered with Creative Technical Content

Go Social

Page 34: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Get Carded

3

1

1

2

Page 35: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

It’s So META!

<!-- Twitter Card data (with a large image) -->

<meta name="twitter:card" content="summary_large_image">

<meta name="twitter:title" content="Title Here">

<meta name="twitter:description" content="Page description">

<meta name="twitter:image" content="http://example.com/image.jpg">

<!-- FB Open Graph data -->

<meta property="og:title" content="Title Here">

<meta property="og:type" content="article">

<meta property="og:url" content="http://www.example.com/">

<meta property="og:image" content="http://example.com/image.jpg">

<meta property="og:description" content="Page description">

3

1

2

Page 36: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Developer-Focused Social Space

Newsletters

Code Samples & Demo

Page 37: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

TL;DR

● Create attractive content○ Make them practical / interesting

○ Focus on communities

○ Be inclusive

● Syndicate the content● Go social

○ Use social media meta tags

○ Use developer-focused social space

Page 38: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Thank you!

@girlie_mac

girliemac.com

github.com/girliemac

slideshare.net/tomomi

BY-SA

Page 39: Notice Me, Senpai! Get Discovered with Creative Technical Content

@girlie_mac

Attribution:

Open Emoji by Emoji-One (CC-BY 4.0)