タグ

TwitterとFacebookとJavaScriptに関するraimon49のブックマーク (3)

  • Ajax(pjax)遷移時におけるSNSボタン再構築

    Updated 2013.10.04 / Published 2013.10.04 HTML5のhistoryAPI(pushState)とAjaxを組み合わせた遷移(pjax)時に、Twitterのwidgets.jsで埋め込んだツイートボタンが更新されない事態に遭遇しました。pushStateでURLは変更できているにも関わらず、ツイートボタンを押しても取得されるタイトルとURLは最初にツイートボタンを表示したときの遷移前の状態であり、ごっそり入れ替えてもDOMが再構築されていない様子。 TwitterAPIドキュメントを探すも、Ajax遷移時にDOMを再構築させるような使い方はどこにも載っていない。そこで、検索語を「Tweet button Ajax」に変えてみると、Cannot update tweet button with AJaxという記事がヒット、回答欄に解決策を提示して

    Ajax(pjax)遷移時におけるSNSボタン再構築
    raimon49
    raimon49 2015/07/09
    生成された埋め込みコードを中身を見てクライアント側ページから初期化コードをフックしなきゃいけない。何だか本末転倒感が(しょうがないのだけど)。
  • 【翻訳】ソーシャルボタンはお友達さ! - MOL

    ども、実兄からFacebook友達申請きて承認を見送るt32kです。そんなソーシャル時代ですけどみなさんいかがお過ごしか?みなさんはこうは思わないだろうか?いいね!ボタンなどのソーシャルボタンはいっぱいあるけど、どうゆうふうに実装すればいいのよ!スニペット、コピペでいいの?ってね。そんなこと考えていたら、いい記事があったので翻訳してみたよの巻。 Original:Social button BFFs(2011-09-27)by Stoyan Stefanov TL;DR:JavaScriptの非同期読み込みはWebアプリのパフォーマンスにおいて重要な問題だ。以降に書かれている内容は一般的なソーシャルボタンに共通する取り扱い方についての記事であり、ソーシャルボタンに残りのコンテンツ読み込みをブロックさせないことを学べるだろう。結局のところ、ユーザーはあなたの コンテンツを最初 に見たいのであ

    【翻訳】ソーシャルボタンはお友達さ! - MOL
    raimon49
    raimon49 2012/08/07
    typeやasyncの属性指定は冗長。共通化するところまで。
  • さらなる「#!」URL批判 - karasuyamatenguの日記

    このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの? shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は: サイト内のロケーション情

    さらなる「#!」URL批判 - karasuyamatenguの日記
    raimon49
    raimon49 2011/02/12
    >#!はサイトのアーキテクチャを根本的に間違え(GoogleBotに見えなくなりSEO効果を逃し)たサイトに投げられた命綱だ。しかしFacebook、TwitterそしLifehackerなどのデベロッパはこの命綱をゴーサインと勘違いして#!街道を爆進しは
  • 1