20220302_DevRel Meetup in Tokyo vol.72

by 1ft-seabass

Slide 1

Slide 1 text

DevRel Meetup in Tokyo #72 〜一段上のプレゼンテーションを目指して〜エンジニアであり技術も伝えたい私が登壇で大事にしていることワンフットシーバス田中正吾

Slide 2

Slide 2 text

私の話はスライドを後ほど共有します。話す内容に注力いただいて大丈夫です！

Slide 3

Slide 3 text

田中正吾（たなかせいご）屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近ではWEBフロントエンドをベースにしながらも、情報とインターフェースが合わさるアプローチという視点でIoTやMixed Realityといった技術も取り入れながら活動しています。

Slide 4

Slide 4 text

エンジニアであり技術も伝えたい人です日々のエンジニアスキルや経験をうまく技術を楽しく伝える方向に持って行って DevRel につなげたい！

Slide 5

Slide 5 text

大事にしていること実際の事例を交えて

Slide 6

Slide 6 text

Seeing and believing 百聞は一見にしかず言葉と図表で聞いてもらうことはもちろん大切動かして見せて伝えることも大事にしてます

Slide 7

Slide 7 text

DevRelCon Tokyo 2021 DevRelCon Tokyo 2021 に登壇してきました https://www.1ft-seabass.jp/memo/2021/07/06/summary-devrelcon-tokyo-2021/

Slide 8

Slide 8 text

リアルタイムデモ英語プレゼンとしても頑張ったが今回のフォーカスはリアルタイムデモ

Slide 9

Slide 9 text

当日はこんな感じ HoloLens と IoT のデモを見せて「ローコードツールの Node-RED でいろんな技術がつながる」例 https://www.youtube.com/watch?v=_Oa4sV9Wi_M

Slide 10

Slide 10 text

今日も M5Stack でイベントテキストなリアルタイムデモ！ササっとみせます！

Slide 11

Slide 11 text

リアルタイムデモの良いところ

Slide 12

Slide 12 text

目で見て伝わる力があり参加者に印象が伝わりやすいやすいツイートなどで言及してくれやすかったり、こう動くから実際に使ってみようというアクションにつながる

Slide 13

Slide 13 text

参加者の満足度も高い傾向 TECH Street さん主催の Node-RED エンジニア勉強会イベントなど他の登壇の場でもリアルタイムデモの満足度は高いと伺っていて出来るだけチャレンジしてる（そもそも、そういう見せ方が好き）

Slide 14

Slide 14 text

難易度が高いけど伝わるとインパクトある言葉と静止画で伝えるよりも、伝える側の動きや技術が楽しそうな表情。なによりも技術が実際動くという「技術」そのものの感動がそのまま届けられるのは大きい。

Slide 15

Slide 15 text

プレゼンは時間内に良い感じに圧縮して相手にお届けするかが大事なのでデモは効果的早く話して情報を詰め込む手法ももちろんあるが、人間は時空は越えられなく身体的限界はあるので、違うアプローチとしてデモ手法を模索しているところもあります！

Slide 16

Slide 16 text

言葉を越えて伝わるのも大きなメリット日本語登壇だけでなく英語登壇でも、デモは非言語的になるため伝わりやすい印象。「そうか技術って言葉がなくても世界で使ってるし伝わるんだよな～！」とめっちゃ可能性を感じるところ。 (^_^)/

Slide 17

Slide 17 text

リアルタイムデモのコツ

Slide 18

Slide 18 text

手を動かしながら説明する練習をすることでいかに伝えるかの振り返りができるどう見せるか、どうつくるか、どう魅力を引き出すか。伝える抜け漏れが少なくなり流れが滑らかになる、その上でメリハリが出せる。伝える解像度が上がり、良い伝え方を磨ける！

Slide 19

Slide 19 text

事前にブログにまとめるのも良い流れが作れる万が一、うまくいかなくても「これ見てください」って言えるし、なにより考えがまとまる https://www.1ft-seabass.jp/memo/2022/02/21/recording-keiganmotor-and-nodered-with-microsoft- power-automate-desktop-automation/

Slide 20

Slide 20 text

静止画→動画→デモと段階を踏んで見る人への案内を丁寧にして伝わりやすくしてますリスクヘッジ。このルーティーンを用意できると失敗しない、出来てないと失敗しやすい。不思議！

Slide 21

Slide 21 text

デモの前は心技体は整えておくこと大事技術を伝える心・技術を伝える技・技術を伝える体だいじ。どこかが濁ると失敗しやすい。

Slide 22

Slide 22 text

エクストラ時間があれば話してみたい ● リアルタイムデモのオンライン・オフラインでの違いでがんばってること（機材・仕掛け・心構えなど） ● リアルタイムデモするときの参加者との一体感 ● リアルタイムデモが失敗した時のエピソード ● リアルタイムデモでエンジニアとしてのスキルアップ ● リアルタイムデモは登壇中のどこでやる？

Slide 23

Slide 23 text

よりステップアップしようとしてること最近の事例

Slide 24

Slide 24 text

SORACOM Device Meetup vol.6 で reTerminal というデバイスでの登壇 https://soracom.connpass.com/event/231689/

Slide 25

Slide 25 text

こんな登壇

Slide 26

Slide 26 text

リアルタイムデモをいろいろ見せていく流れ

Slide 27

Slide 27 text

この時点でも反響は良かった！

Slide 28

Slide 28 text

Node-RED によるライブコーディングにも挑戦！

Slide 29

Slide 29 text

当日の動画もあります https://www.youtube.com/watch?v=Owdk3W6spjk

Slide 30

Slide 30 text

より楽しんでみていただきました！

Slide 31

Slide 31 text

ライブコーディングで気づいたこと

Slide 32

Slide 32 text

リアルタイムデモは完成品を見せるのでつくるプロセスが見えない弱みはあるもちろんつぎつぎデモを繰り出していくことでも魅力は伝わるが、違うアプローチもあるとよいなと

Slide 33

Slide 33 text

ライブコーディングはつくるプロセスがみえるつくってみたくなる気持ちをうまく応援できるひとつのアプローチ

Slide 34

Slide 34 text

説明できる良い粒度のデモがあればライブコーディングへも移行しやすい気づきもしかするとリアルタイムデモの後半にライブコーディングを絡めたので伝える段階がうまく踏めたのかも！

Slide 35

Slide 35 text

ローコード・ノーコードなツールでライブコーディングだとやりやすかった実はコード書くライブコーディングは伝えるのが難しくて避けてたが、これなら GUI で視覚的に伝わる。新たな視点。

Slide 36

Slide 36 text

まとめ

Slide 37

Slide 37 text

エンジニアであり技術も伝えたい人としてうまく両立できる伝達手段をいろいろ試行錯誤実際に動かして試すエンジニア力が活用できるリアルタイムデモやライブコーディングで伝えるのが楽しい

Slide 38

Slide 38 text

ライブコーディングもリアルタイムデモもエンジニア力が試されてヒリつく感じが楽しい実際にやってみるからこそ、その技術の良さも使いにくさも伝わるし、なによりその場でどうなっていくかという緊張感があって見入ってもらえる！

Slide 39

Slide 39 text

Seeing and believing 百聞は一見にしかず言葉と図表で聞いてもらうことはもちろん大切動かして見せて伝えることも大事にしてます