koeだめ 過去アーカイブ[〜2013-12-14]

最新情報は https://www.pixiv.net/fanbox/creator/3780274 にて

Speaker Deckのスライドをはてなダイアリーに貼り付ける方法 2012/04/30版

2012/04/30現在、Speaker Deckが作ってくれるスニペットでははてなダイアリーにスライドを貼り付けられませんでした。

そこで、先達のスライドははてなダイアリーに貼り付けられていたので、HTMLソースみて下記の通りで貼り付けてみた。

今回貼り付けたいスライド

http://speakerdeck.com/u/bash0c7/p/shikadriven

方法

1. Speaker Deckのサイトで「Share」の「Embed」を押して、Speaker Deck提供のスニペットを取得

http://speakerdeck.com/u/bash0c7/p/shikadriven の場合、下記を取得できた。

<script async class="speakerdeck-embed" data-id="4f9ea0ff09f952001f01846b" data-ratio="1.3333333333333333" src="//speakerdeck.com/assets/embed.js"></script>
2. 下記にあてはめて、はてなダイアリーに貼り付ける
<script src="http://speakerdeck.com/embed/<data-idの値>.js"></script>

つまり、http://speakerdeck.com/u/bash0c7/p/shikadriven の場合は下記のようになる。

<script src="http://speakerdeck.com/embed/4f9ea0ff09f952001f01846b.js"></script>

…とりあえずできたけど、本当に正しい方法が知りたい。