Y-Ken Studio

新しもの好きのデータエンジニアが四方山話をお届けします。

はてなブログにSpeakerdeckのスライドを載せる方法

はてなダイアリーではEmbedボタンから発行されるタグをそのまま使っても貼り付けることが出来ませんでした。 そのため、はてなブログも同様かと思い、貼り付け方を調べましたが見当たりません。

もしやと思い、発行されたタグをそのまま貼り付けると、驚くほど簡単に出来ました！

事前準備：編集モードの確認

はてなブログの設定から、「Markdownモード」になっていることを確認します。

f:id:yoshi-ken:20140209131252p:plain

  • 「見たままモード」で貼り付ける場合
    id:uhe_uhe_uheさんの記事が参考になります。data-idの中身を抜き出してタグを作る必要があるようです。

  • 「はてな記法モード」で貼り付ける場合 こちらは試していないので、ぜひどちらの方法で貼り付けられたか教えてください。

はてなブログにSpeakerdeckのスライドを載せる方法

サイドバーにある「Embed」のリンクを押すと出る以下のボックスに表示されているタグが、そのまま使えます。

f:id:yoshi-ken:20130421222836p:plain

以前アップしたスライドで例を挙げます。

タグ

<script async class="speakerdeck-embed" data-id="188131408cbd0130d60c12313b030061" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>

表示例

はてなダイアリーにSpeakerdeckのスライドを載せる方法

参考までに紹介します。