Upgrade to Pro — share decks privately, control downloads, hide ads and more …

エヴァに最適化したプレゼンツールを作っている (vol6 #jsオジサン :5分)

n0bisuke
December 17, 2015

エヴァに最適化したプレゼンツールを作っている (vol6 #jsオジサン :5分)

Electron+Reveal.js+Milkcocoa+TwitterAPIでツール作ってます。

https://atnd.org/events/71991

n0bisuke

December 17, 2015
Tweet

More Decks by n0bisuke

Other Decks in Technology

Transcript

  1. おわび。TESSEL
    の話
    はしません。
    菅原のびすけ ( )
    @n0bisuke

    View Slide

  2. エヴァに最適化して
    プレゼンツー

    を作ってる
    菅原のびすけ ( )
    @n0bisuke

    View Slide

  3. 自己紹介
    菅原のびすけ ( )
    株式会社LIG
    2014
    年に岩手から状況
    Milkcocoa
    エバンジェリスト
    #IoTLT
    @n0bisuke

    View Slide

  4. 最近の活動
    IoT
    縛りの勉強会です。 #IoTLT
    は12/[email protected](
    六本木)
    次回

    View Slide

  5. CodeZine
    でWeb屋がはじめるIoT
    連載(
    準備中)

    View Slide

  6. View Slide

  7. 課外活動で勉強会を主催していたら
    会社の事業になった話 #IoTLT
    最近はエバンジェリスト的な活動が多いです。

    View Slide

  8. エバンジェリスト的な人って
    何をしてるのか
    技術系の記事執筆
    外部講演や登壇
    イベント(
    ハンズオンや勉強会)
    の企画や実施
    マー
    ケティング
    etc...

    View Slide

  9. 大変なポイントは資料作り
    記事
    登壇資料
    ハンズオン資料 etc...

    View Slide

  10. よくある流れ
    1.
    スライド作成
    2.
    発表 (
    当日リアクションが欲しい)
    3. speakerdeck
    等にアップ
    4.
    後日、
    発表内容をまとめた記事を執筆

    View Slide

  11. 記事を書いたらスライド資料にしてくれる
    ものを作ってみました。

    View Slide

  12. THIS IS DEMO

    View Slide

  13. 構成と作業フロー
    Kobito
    で執筆 ->
    記事+
    発表スライド+
    公開用資料ができる

    View Slide

  14. 当日のリアクション

    ハッシュタグツイー
    ト取得

    View Slide

  15. 既存のサー
    ビスではダメ?

    View Slide

  16. esa.io |
    マー
    クダウン ->
    スライド化できます。
    スライドの自由度が無い、PDF
    機能あるかな?、
    Kotori
    よりもKobito
    使いたい

    View Slide

  17. その他候補
    Slides: MD
    弱い、
    ある程度カスタマイズが
    Qiita
    そのまま: MD
    強い、
    カスタマイズできない

    View Slide

  18. 会場参加者との連動プレゼンはめちゃ盛り上がる

    View Slide

  19. ただ、
    そのタイミングだけツイッター
    側が
    盛り上がらなくなる可能性も(
    苦笑
    そんな感じで、
    この設計にしてみました笑

    View Slide

  20. おまけ
    ツイッター
    をインター
    フェイスにしても
    盛り上がるギミックを追加してみました。

    View Slide

  21. 一定時間ツイー
    トが無いと、
    スライドが消えます。
    (
    ここから先は全てです笑)

    View Slide

  22. もっとやりたいこと
    ツイー
    ト数をスライドごとに可視化
    ツイー
    ト表示
    独自マー
    クダウンエディタも付けたい
    アニメー
    ション
    etc..

    View Slide

  23. まとめ
    記事、
    スライド、
    公開資料作成が面倒
    MD
    からスライド作成したい
    そんなツー
    ル作りました
    Electron
    楽しい
    結果Tweet
    が盛り上がった! (?)

    View Slide