SlideShare una empresa de Scribd logo
1 de 47
Descargar para leer sin conexión
Creative Content
For BETTER DEVELOPER EXPERIENCE
Tomomi Imura (@girlie_mac)
日本語版!
@ girlie_mac
● Slack の DevRel チーム所属
● api.slack.com の中の人
● オープン web & テック アドボケイト
● JavaScript & Node.js コーダー
● くだらない Hack 大好き
● Code Chrysalis のアドバイザー
● サンフランシスコの住人
tomomi imura
@ 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
@ girlie_mac
I Write Articles on:
テクニカルエディターもしています
Awareness & Acquisition
開発者への
認識と獲得
検索
Tweets や
ニュースレター
クチコミ、
Slack など
API, Platform, Framework, Tools, etc.
How Do Developers Find Your...
@ girlie_mac
Awareness - どうやって開発者からの認識を得るか
開発者が新しい技術の情報を Tech Crunch や、その他の
テックニュースから受動的に知った場合
ええ感じやん!
@ girlie_mac
Awareness & Acquisition - 認識から獲得に
開発者が新しい技術を実際のユースケースや
チュートリアルで詳しく使い方を知った場合
ええ感じやん! 使ってみよう〜!
@ girlie_mac
Get Devs Hands Dirty! - 開発者に試してもらう
● ワークショップ
● ハッカソン
● ブログ & チュートリアル
○ Docs
○ ビデオ & スクリーンキャスト
○ Webinars
@ girlie_mac
Get Devs Hands Dirty!
● ワークショップ
● ハッカソン
● ブログ & チュートリアル
○ Docs
○ ビデオ & スクリーンキャスト
○ Webinars My focus!
Make It Practical!
実践的に!
@ girlie_mac
Practical & Fundamental
チュートリアルの例
● [Awesome API] はじめの一歩
● Beginner Guide of [Awesome API]
● [Node SDK] で [Awesome API] を使ってみよう
● [Awesome.JS Framework] で To-Do アプリを作る
● [Awesome API] Tips & Tricks
● [Awesome API] ベストプラクティス
@ girlie_mac
@ girlie_mac
@ girlie_mac
Make It Interesting!
興味を引くように!
@ girlie_mac
Interesting Projects
クリエイティブな内容にしてみよう
● Slackbot ダンボールロボット
● D3.js で Twitter のビジュアリゼーション
● Raspberry Pi でスパイカメラを作る
● “Alexa, Call My Mom”
● Pokémon Go リアルタイムマップ
@ girlie_mac
Brainstorming ideas
@ girlie_mac
Project Types
● ただ楽しいプロジェクト
○ Pokémon
○ IoT - cat camera
● コミュニティ・エコシステムに標的を絞ったもの
○ JavaScript - e.g. React, Angular, D3
○ MCU - e.g. Arduino, Raspberry Pi
○ Web standards - HTML5
○ Amazon Alexa
@ girlie_mac
@ girlie_mac
@ girlie_mac
https://medium.com/slack-developer-blog/building-a-sentiment-analysis-
bot-with-ibm-watson-and-raspberry-pi-eeb399bb8803
@ girlie_mac
アイデアを提供してあとは開発者に任せよう
「ポケモン?こんなんで会社の API が金になると
思ってんの!?」
「勘違いしないで。自分はアイデアを提
供しているだけ。」
@ girlie_mac
アイデアから実際のビジネスへの採用
{
id: 'pikachu-012',
lat: 37.7234,
lon: -122.472
}
{
id: 'taxi-012',
lat: 37.7234,
lon: -122.472
}
Go Social
@ girlie_mac
Get Carded on Social Media
3
1
1
2
@ 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
@ girlie_mac
Developer-Focused Social Space
Newsletters
Code Samples & Demo
Adoption & Retention
Improving Developer Experiences
採用と維持
@ girlie_mac
User-Experience
User-Experience (UX) focuses on having a
deep understanding of users, what they need,
what they value, their abilities, and also their
limitations.”
Source: usability.gov
“
@ girlie_mac
User-Experience
User-Experience (UX) focuses on having a
deep understanding of users, what they need,
what they value, their abilities, and also their
limitations.”
Source: usability.gov
“
@ girlie_mac
Developer-Experience
Developer-Experience (DX) focuses on having
a deep understanding of developers, what
they need, what they value, their abilities, and
also their limitations.”
Source: usability.gov
“
@ girlie_macs://twitter.com/wheelyweb/status/849969689388134400
@ girlie_macBy Jared Spool https://flic.kr/p/5ckBZq CC-BY-SA
@ girlie_mac
https://twitter.com/ryo_sasaki/status/560229808362102784
7-Eleven の大失敗
かっこだけよくて
ユーザビリティがゼロ
@ girlie_mac
Bad UX: User Reactions
1. わかりにくいインターフェースに混乱
2. とりあえず適当に試して失敗
3. イライラ
4. 2 - 3 繰り返し
5. 超ムカつく
@ girlie_mac
Bad DX: Developer Reactions
1. わかりにくい Docs や API に混乱
2. とりあえず適当にコードを試して失敗
3. イライラ
4. 2 - 3 繰り返し
5. 超ムカつく
@ girlie_mac
Poor Docs & Tuts DX Examples
● ドキュメンテーションがひどい。と言うかそれすらない。
● 初心者に優しくない
● リンクがなかったりでナビゲートしづらい
● スクリーンショットや図がない
● とにかく難しい
● スーツ姿の偉そうなオッサンの写真素材がなんかイヤ
● 全部 PDF (Docs != Whitepaper)
@ girlie_mac
Open Source Survey by GitHub
http://opensourcesurvey.org/2017/
#1 problem!
@ girlie_mac
Docs & Tuts Should be
● ナビゲートしやすい
● 実践的かつ興味ふかい
● 初心者に親切
○ “Hello, world” オンボーディング
○ 必須条件やセットアップの仕方が明確。
● コードサンプル
● 的確な情報でツールなどのDL先もわかりやすい
@ girlie_mac
User-Friendliness
https://twitter.com/kaz/status/757733261938298881
同じ内容なのに書き方が違う
と、使ってみたさ感に違いが出
てくるな
エラー。クライアントがこのリ
ソースにアクセスするには認証
が必要です。
このページを見るには
サインインをしてね。
@ girlie_mac
Developer-Friendliness
@ girlie_mac
Slack API Doc (Even More) Kawaii-fy Project (j/k!)
@ girlie_mac
TL;DR
● デベロッパーが使ってみたくなるように書こう
○ わかりやすくて使いやすい docs やチュートリアル
● コンテントをシンジケート
● ソーシャルメディアの活用
○ social media meta tags
○ デベロッパー・フォーカスなメディアに
● dev experience を常に心がけてデベロッパーを引き込も
う
@ girlie_mac
Developer Experience Matters!
really
@ girlie_mac
Thank you!
@girlie_mac
girliemac.com
github.com/girliemac
slideshare.net/tomomi
BY-SA
@ girlie_mac
Attribution:
Open Emoji by Emoji-One (CC-BY 4.0)

Más contenido relacionado

Similar a [日本語・Japanese] Creative Technical Content for Better Developer Experience

かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう
Shuhei Iitsuka
 
Application Architecture for Enterprise Win Store Apps with DDD Pattern
Application Architecture for Enterprise Win Store Apps with DDD PatternApplication Architecture for Enterprise Win Store Apps with DDD Pattern
Application Architecture for Enterprise Win Store Apps with DDD Pattern
Atsushi Kambara
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
 

Similar a [日本語・Japanese] Creative Technical Content for Better Developer Experience (20)

かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう
 
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
 
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
 
Application Architecture for Enterprise Win Store Apps with DDD Pattern
Application Architecture for Enterprise Win Store Apps with DDD PatternApplication Architecture for Enterprise Win Store Apps with DDD Pattern
Application Architecture for Enterprise Win Store Apps with DDD Pattern
 
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
 
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
 
Small Language Model Local Launch on AI Tour Tokyo
Small Language Model Local Launch on AI Tour TokyoSmall Language Model Local Launch on AI Tour Tokyo
Small Language Model Local Launch on AI Tour Tokyo
 
Angularreflex20141210
Angularreflex20141210Angularreflex20141210
Angularreflex20141210
 
[CTO Night & Day 2019] ML services: MLOps #ctonight
[CTO Night & Day 2019] ML services: MLOps #ctonight[CTO Night & Day 2019] ML services: MLOps #ctonight
[CTO Night & Day 2019] ML services: MLOps #ctonight
 
Power Appsで Excel関数を利用する3つの方法
Power Appsで Excel関数を利用する3つの方法Power Appsで Excel関数を利用する3つの方法
Power Appsで Excel関数を利用する3つの方法
 
クラウドではじめるリアルタイムデータ分析 #seccamp
クラウドではじめるリアルタイムデータ分析 #seccampクラウドではじめるリアルタイムデータ分析 #seccamp
クラウドではじめるリアルタイムデータ分析 #seccamp
 
Implementation Approach of Artifical Intelligence
Implementation Approach of Artifical IntelligenceImplementation Approach of Artifical Intelligence
Implementation Approach of Artifical Intelligence
 
Microsoft Graph APIを活用した社内アプリケーション開発
Microsoft Graph APIを活用した社内アプリケーション開発Microsoft Graph APIを活用した社内アプリケーション開発
Microsoft Graph APIを活用した社内アプリケーション開発
 
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来.NET の過去、現在、そして未来
.NET の過去、現在、そして未来
 
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
 
Intelligent cloud with Microsoft Graph.
Intelligent cloud with Microsoft Graph.Intelligent cloud with Microsoft Graph.
Intelligent cloud with Microsoft Graph.
 
WordPress と Bootstrap
WordPress と BootstrapWordPress と Bootstrap
WordPress と Bootstrap
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
 
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイドXPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
 
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Elastic on Azure Integration & Building React UI Based Search App Using Azure...Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
 

Más de Tomomi Imura

Más de Tomomi Imura (20)

ECMeowScript - What's New in JavaScript Explained with Cats (August 14th, 2020)
ECMeowScript - What's New in JavaScript Explained with Cats (August 14th, 2020)ECMeowScript - What's New in JavaScript Explained with Cats (August 14th, 2020)
ECMeowScript - What's New in JavaScript Explained with Cats (August 14th, 2020)
 
[POST.Dev Japan] VS Code で試みる開発体験の向上
[POST.Dev Japan] VS Code で試みる開発体験の向上[POST.Dev Japan] VS Code で試みる開発体験の向上
[POST.Dev Japan] VS Code で試みる開発体験の向上
 
[Japan M365 Dev UG] Teams Toolkit v4 を使ってみよう!
[Japan M365 Dev UG] Teams Toolkit v4 を使ってみよう![Japan M365 Dev UG] Teams Toolkit v4 を使ってみよう!
[Japan M365 Dev UG] Teams Toolkit v4 を使ってみよう!
 
[#DevRelAsia Keynote 2020] Developer Centric Design for Better Experience
[#DevRelAsia Keynote 2020] Developer Centric Design for Better Experience[#DevRelAsia Keynote 2020] Developer Centric Design for Better Experience
[#DevRelAsia Keynote 2020] Developer Centric Design for Better Experience
 
Engineering career is not a single ladder! - Alternative pathway to develope...
Engineering career is not a single ladder!  - Alternative pathway to develope...Engineering career is not a single ladder!  - Alternative pathway to develope...
Engineering career is not a single ladder! - Alternative pathway to develope...
 
Being a Tech Speaker with Global Mindset
Being a Tech Speaker with Global MindsetBeing a Tech Speaker with Global Mindset
Being a Tech Speaker with Global Mindset
 
#TinySpec2019 Slack Dev Meetup in Osaka & Tokyo (in Japanese)
#TinySpec2019 Slack Dev Meetup in Osaka & Tokyo (in Japanese)#TinySpec2019 Slack Dev Meetup in Osaka & Tokyo (in Japanese)
#TinySpec2019 Slack Dev Meetup in Osaka & Tokyo (in Japanese)
 
Slack × Twilio - Uniquely Powering Communication
Slack × Twilio - Uniquely Powering CommunicationSlack × Twilio - Uniquely Powering Communication
Slack × Twilio - Uniquely Powering Communication
 
[2019 Serverless Summit] Building Serverless Slack Chatbot on IBM Cloud Func...
 [2019 Serverless Summit] Building Serverless Slack Chatbot on IBM Cloud Func... [2019 Serverless Summit] Building Serverless Slack Chatbot on IBM Cloud Func...
[2019 Serverless Summit] Building Serverless Slack Chatbot on IBM Cloud Func...
 
[2019 south bay meetup] Building more contextual message with Block Kit
[2019 south bay meetup] Building more contextual message with Block Kit[2019 south bay meetup] Building more contextual message with Block Kit
[2019 south bay meetup] Building more contextual message with Block Kit
 
[TechWorldSummit Stockholm 2019] Building Bots for Human with Conversational ...
[TechWorldSummit Stockholm 2019] Building Bots for Human with Conversational ...[TechWorldSummit Stockholm 2019] Building Bots for Human with Conversational ...
[TechWorldSummit Stockholm 2019] Building Bots for Human with Conversational ...
 
Building a Bot with Slack Platform and IBM Watson
Building a Bot with Slack Platform and IBM WatsonBuilding a Bot with Slack Platform and IBM Watson
Building a Bot with Slack Platform and IBM Watson
 
[日本語] Slack Bot Workshop + Intro Block Kit
[日本語] Slack Bot Workshop + Intro Block Kit[日本語] Slack Bot Workshop + Intro Block Kit
[日本語] Slack Bot Workshop + Intro Block Kit
 
[DevRelCon Tokyo 2019] Developer Experience Matters
[DevRelCon Tokyo 2019] Developer Experience Matters [DevRelCon Tokyo 2019] Developer Experience Matters
[DevRelCon Tokyo 2019] Developer Experience Matters
 
[DevRel Summit 2018] Because we all learn things differently
[DevRel Summit 2018] Because we all learn things differently[DevRel Summit 2018] Because we all learn things differently
[DevRel Summit 2018] Because we all learn things differently
 
[DevRelCon July 2018] Because we all learn things differently
[DevRelCon July 2018] Because we all learn things differently[DevRelCon July 2018] Because we all learn things differently
[DevRelCon July 2018] Because we all learn things differently
 
[Japanese] Developing a bot for your workspace 翻訳ボットを作る!
[Japanese] Developing a bot for your workspace 翻訳ボットを作る![Japanese] Developing a bot for your workspace 翻訳ボットを作る!
[Japanese] Developing a bot for your workspace 翻訳ボットを作る!
 
[Forward4 Webinar 2016] Building IoT Prototypes w/ Raspberry Pi
[Forward4 Webinar 2016] Building IoT Prototypes w/ Raspberry Pi [Forward4 Webinar 2016] Building IoT Prototypes w/ Raspberry Pi
[Forward4 Webinar 2016] Building IoT Prototypes w/ Raspberry Pi
 
Future of the Web with Conversational Interface
Future of the Web with Conversational InterfaceFuture of the Web with Conversational Interface
Future of the Web with Conversational Interface
 
[DevRelCon Tokyo 2017] Creative Technical Content for Better Developer Experi...
[DevRelCon Tokyo 2017] Creative Technical Content for Better Developer Experi...[DevRelCon Tokyo 2017] Creative Technical Content for Better Developer Experi...
[DevRelCon Tokyo 2017] Creative Technical Content for Better Developer Experi...
 

Último

Último (12)

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

[日本語・Japanese] Creative Technical Content for Better Developer Experience