Notice Me, Senpai! Get Discovered with Creative Technical Content
- 2. @girlie_mac
Tomomi does:
● advocate open web & technology
● code JavaScript & Node.js
● writer & speak about tech
● hack useless stuff
● mentor & advisor
● currently work at
- 3. @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
- 9. @girlie_mac
Get Devs Hands Dirty!
● Workshops
● Hackathons
● Blog & Tutorials
○ Docs
○ Diagrams and Illustrations
○ Videos & Screencasts
○ Webinars
My focus!
- 11. @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
- 15. @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
- 17. @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
- 22. @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”
- 35. @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
- 37. @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