ConfEngineでプロポーザル出す時にSpeackerDeckの埋め込みでハマった

RSGT2019にプロポーザルを出しました。 confengine.com

RSGTではConfEngineを使ってプロポーザルを提出することができます。 confengine.com

このConfEngine、Slideや動画を乗せることができてなかなかに便利なのですがSpeakerDeckの埋め込みをしようと思った時にやり方わからなかったのでメモです。 埋め込みがうまくいくと下記のような感じでSpeakerDeckのSlideが表示されます。

プロポーザル編集画面でSlideのところにリンクを入れるわけですがこのリンクをひと手間かけてつくります。 SpeckerDeckの載せたいSlide画面を開き、右下のシェアっぽいアイコンを押すと何やらダイアログが開くのでEmbedを選択し、Copy embed codeします。

このようなscriptがコピーされるので、このなかのdata-idのみをコピーしなおします。 下記の場合c2036ff0d97140eebd736a8e017ff00eの部分です。

<script async class="speakerdeck-embed" data-id="c2036ff0d97140eebd736a8e017ff00e" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script>

あとは//speakerdeck.com/player/[your data-id]?feature=oembedの[your data-id]の部分を先程コピーしたdata-idに書き換えたリンクをプロポーザル投稿画面で入れてやることで、最初のような形で埋め込むことができます。