タグ

2014年5月16日のブックマーク (3件)

  • Ajaxで動的に追加したSNSボタンを表示させる方法と、SNSボタンの再読み込みについて | Yuhiisk

    どうも、イソップです。 Ajaxで読み込んだコンテンツの中にSNSボタンがあったとしても、レンダリングされません。 さぁ、困りました。 でも調べてみたら、表示させる方法がちゃ〜んと用意されていましたよ。 ボタンだけを再読み込み(リロード)したいときにも使えます。 Twitter JavaScript Interfaces for Twitter for Websites | Twitter Developers HTML <!-- 事前にtwitter-widgetの読み込み --> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s

    Ajaxで動的に追加したSNSボタンを表示させる方法と、SNSボタンの再読み込みについて | Yuhiisk
  • 最近のDOMの取得について整理してみた

    自分は普段からJavascriptを書く機会が多いのですが、Webサイト構築ではDOMを扱うことがほとんどです。 最近はjQueryなどのライブラリを利用する方が多いのではないでしょうか。 今回はDOMを取得する際のパフォーマンスに着眼して、今一度整理してみたいと思います。 とりあえずテストしてみた JSPerfで要素を取得するメソッドをそれぞれ追加しました。 basic DOM selector test | JSPerf そして、自分の所持している PC , SP の各ブラウザからRUNボタンをポチポチ押します。 テスト項目 テスト項目は以下の通りです。 ピュアなJSでの取得とjQueryでの取得を選択しています。 getElementById getElementsByTagName getElementsByClassName querySelector querySelector

    最近のDOMの取得について整理してみた
    ytkwsm
    ytkwsm 2014/05/16
    要素の取得について。速度など
  • スマホ向けオーディオスプライトライブラリを作った

    仕事でスマホで音声再生をすることになって、 単音なら大丈夫かーと思っていたら、仕様的に何個も音を鳴らすことになり、 いろいろ試した結果、オーディオスプライトでの実装が一番安定していたので、 ここ のスクリプトを元に、単音再生用の汎用的なJSライブラリを作った。 audioSprite.js ※サポートブラウザはiOS5+(mobile safari), Android2.3+(標準ブラウザ) PCでもひと通り動作検証済み。iOS7に関しては未検証。 オーディオスプライト オーディオスプライトは、CSSスプライトをご存知の方はイメージしやすいかもしれない。 一定の感覚で音声を配置して、シークポイントを変えて再生することで1ファイルで複数のバリエーションの音声を再生することができる。 iOS における HTML5 の audio 要素に関する制約を克服する 使い方 // 初期化 var pla

    スマホ向けオーディオスプライトライブラリを作った
    ytkwsm
    ytkwsm 2014/05/16
    audioタグで同時に複数の音源を再生する