Ryuzee.com はてな出張所

Ryuzee.comで書かないような与太話やコードの断片とか

Send to Kindle でmobiファイルの表紙がでない件

Send to Kindleを使ってメールでmobiファイルをKindle(iPhoneiPad)に登録した場合、表紙が無味乾燥な共通画像みたいになってしまうのが耐えられない。

これへの対応策は以下のようにすると楽

  • Dropboxなどにmobiファイルを入れておく
  • iPhoneiPadDropboxの該当ファイルを表示する
  • Export機能を使ってKindleにコピーする

WebサイトにTwitterの投稿を埋め込む際に、横幅を調節する

やりたいこと

TwitterWidgetでは幅が500ピクセルに固定されていますが、これをレスポンシブのサイトに埋め込むと酷くダサいことになるので、横幅をあわせたい。

実装

<script>
$(function(){
  var setWidth = function() {
    $('twitter-widget.twitter-tweet').each(function(index, element) {
      element.style.width = "100%";
      element.style.maxWidth = "100%";

      var tweet = element.shadowRoot.querySelector(".EmbeddedTweet");
      tweet.style.width = "100%";
      tweet.style.maxWidth = "100%";
    });
  };
  setInterval(function() {
    setWidth();
  }, 1000);
});
</script>

ポイント

JavaScriptshadowRootの要素を弄る。