[JS]超軽量で設置も簡単！Facebook, Twitter, Google+のボタンを設置するスクリプト -SocialCount
デモページ：カウント付きで縦並び SocialCountの使い方 使い方のステップは、2つ。 これ以上ないくらいに簡単です。 Step 1: 外部ファイル スタイルシートとスクリプトを外部ファイルとして設置します。 まずは、スタイルシートをhead内に。 <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコンを使用する場合は、もう一つ外部ファイル（socialcount-icons.css）を加えます。 続いて、スクリプトをページの下の</body>の上に。 ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
ツイッターのつぶやきをリアルタイム検索してサイトに表示できるjQueryプラグイン「liveTwitter」:phpspot開発日誌
elektronaut/jquery.livetwitter @ GitHub ツイッターのつぶやきをリアルタイム検索してサイトに表示できるjQueryプラグイン「liveTwitter」。 Twitter標準のつぶやきをリアルタイムで表示できるウィジェットがありますが、俺はみんなが使ってるデザインは嫌だぜ、という方はこうしたプラグインでちょっと見栄えを変えて表示することが出来ます。 JS単体で動くということで自分のサーバにもやさしい。 関連エントリ Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」 PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI Bootstrap」 FacebookやTwit
2012年10月 Twitter APIの変更によりjQueryでつぶやきが表示できなくなったので解決策
Posted: 2012.10.11 / Category: javascript / Tag: API, jQuery, Twitter このブログでjQueryでTwitter APIを使用する方法をいくつか紹介してきましたが、2012年10月現在、今までの方法が使用できなくなりました。 とりあえずの解決策です。 今までタイムラインはこのように取得していましたが。 http://twitter.com/statuses/user_timeline/xxxxxxxxxxxxxxx.json こうなります。 https://api.twitter.com/1/statuses/user_timeline.json?screen_name=xxxxxxxxxxxxxxxxx リクエストURLに「1」と書いてありますが、これはTwitterAPIのバージョン1を使用しているということです。 す
Sharrre – TwitterやFacebookのソーシャルボタンのデザインを変更できるjQueryプラグイン – creamu
SharrreTwitterやは、Facebookのソーシャルボタンのデザインを変更できるjQueryプラグインです。 こういうデザインに変更できます。いい感じ。IE6に対応。 Sharrre
[JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam
Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottam Social jQuery Plugin [ad#ad-2] Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます。 7種類のテーマがあり、CSSベースでカスタマイズも可。 カウントの表示はスタティック・アニメーションに対応。 カラーは簡単に変更できます。 より大きいカウント用に省略表記も対応。 MITライセンスのため、あらゆるブログ・サイトに使用しても無料！ Koottamのデモ
Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」の検索結果をリアルタイム表示したものです。 このプラグインはやや古いもので、現在では公式の検索ウィジェットもありますが、公式のものは日本語の設定が面倒なのとデザインが限られるので、意外にこちらの方が使いやすいかもしれません。 １．機能 Twitterの検索APIとjQueryプラグインを組み合わせてウィジェットをウェブサイトに表示し、ウィジェットに検索結果をリアルタイムで表示します。 ウィジェットは1つのページに複数設置できます。設定方法については４項以降で解説します。 ２．公式サイトのデモ 公式サイトでデモを確認できるので、操作方法を紹介します。 公式サイトの「monitter」にアクセスします。 ページ左上にある「tweets containing
サーバサイドがなくともここまで出来る！jQuery Mobileを使ったTwitterクライアント·Twitter-Mobile MOONGIFT
Twitter-MobileはjQuery Mobileを使ってHTML/JavaScriptだけで作られたTwitterクライアントです。 Twitterクライアントは何を使っていますか？それぞれのOSに対してネイティブなもの、Webアプリケーション、他のソフトウェアのアドオンとして組み込まれるものなどたくさんあります。今回紹介するのはHTML/JavaScriptだけで作られたスマートフォン向けのTwitterクライアント、Twitter-Mobileです。 まずTwitter認証を行います。 戻ってきました。タイムラインが読めています。 リプライもできます。 Retweetの時には確認ダイアログが表示されます。 リプライではない通常のツイートもできます。 メッセージを入力して送信します。 エラーが表示されましたが実際にはツイートされていました。ちなみにこれは検索機能です。 DMも送信
jQueryでTwitterの自分のつぶやきを表示する
jQueryでTwitterの自分のつぶやきを表示する すでに多くのTwitterライブラリがあるので必要があるかは微妙なところですが、jQueryを使用してTwitterの自分のタイムラインを表示してみます。 文字情報だけを取得することができれば、自由にスタイルが設定できるのでデザインとかも統一できるじゃないですか！？ 投稿日2010年07月04日 更新日2012年10月12日 ※2012.10.11現在Twitter API変更によりこの方法は使用できなくなりました。 新API（var1）に対応した方法は下記をご覧ください。 2012年10月 Twitter APIの変更によりjQueryでつぶやきが表示できなくなったので解決策 まずは読み込むべきデータの確認をしてみましょう。 下記のURIで自分のタイムラインの情報を見ることができます。[USERNAME]には自分のアカウント名に置き
Twitterのタイムラインを省スペースで簡単表示！「Tweet Slider」
twitter facebook hatena google pocket Facebookの勢いが著しいですが、まだまだ国内ではTwitterが優勢です。 Tweet Slider V2.1 Now a Lightweight jQueryを利用するとブログなどのサイドバーといった省スペースで表示できるので使い勝手が良さそうです。 これを利用すると自動で定期的にツイートも更新してくれます。 sponsors 使用方法 Tweet Slider V2.1 Now a Lightweight jQueryからファイルをダウンロード。 <link rel="stylesheet" href="style.css" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/ja
jQueryとtempo.jsでTwitterのjsonをレンダリングしてタイムラインを表示
twitter facebook hatena google pocket 昨今jsonで値を返すところが増えています。 Tempo :: The tiny JSON rendering engineを使用すると直感的に操作できます。 今回はこれを利用し、Twitterのタイムラインを表示してみます。 sponsors 使用方法 Tempo :: The tiny JSON rendering engineからファイル一式をダウンロードします。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="tempo.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(do
Google+1/Twitter/facebookいいね!/facebook Share/mixiチェック/mixiイイネ!/GREEいいね/Evernote/はてブのボタンを超カンタンに作れる jQuery.socialbutton プラグインを作ったよ
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6～IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー（複数可）のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示（パラメータは全対応）。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化
サイトにTwitterの機能を組み込むためのjQueryプラグイン集:phpspot開発日誌
Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高まってきているのではないでしょうか？ そんな際に便利に使えるプラグイン集です。 Twitterのサイトが落ちた時にサイトが重くなってしまうという点に注意して使いたいですね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 ajaxファイルアップロードに使えるjQueryプラグインいろいろ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」
[JS]Twitterのように残りの文字数をカウント表示するスクリプト -charCount
TwitterのUIのように、入力できるテキストの残りの文字数をカウントして表示するスクリプトをcss globeから紹介します。 Simplest Twitter-like dynamic character count for textareas and input fields デモページ 上記デモページではデフォルト版とカスタム版の二種類があり、デフォルト版は残りの文字数をカウントして表示し、カスタム版は設定した残りの文字数を超えると表示が強調されるようになっています。 スクリプトのオプションでは入力可能な文字数、強調表示する文字数の設定と、カウンターを配置する要素やクラス名やテキストデータを設定できます。 charCountはjQueryのプラグインのため、実装にはjquery.jsが必要です。
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」:phpspot開発日誌
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」 2010年01月08日- jQuery 'Notify bar' Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」。 ページの上部にアニメーションされながら表示されるあの通知バーです。 時間がたつとアニメーションしながらスマートに消えてくれます。ページデザインがどんなものであろうと影響を受けません。 色を変えて、エラーモードにしてみたり、成功モードにしてみたり自由にできます。 実装は超簡単で、次のように初期化するだけです。 $(function () { $.notifyBar({ html: "メッセージ", delay: 2000, // 表示するミリ秒数 animationSpeed: "norm
Twitterのつぶやきをサイトへクールに表示させるjQueryプラグイン「EmTweet」
ブログやサイトにTwitterでの自分のつぶやきや、検索結果を表示させているサイトが増えてきていますよね。 そのため、他とは違う物がよいとか、邪魔にならない部分へ表示させたいといったニーズもあるはず。 そんなことを実現してくれるjQueryプラグインをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Twitterのつぶやきをサイトへクールに表示する「EmTweet」「emTweet」は、サイト上にTwitterユーザー名で絞り込んだつぶやきや、検索結果の最新のつぶやきをサイトの右上の部分に表示してくれるjQuery プラグイン。 いくつかの項目を設定するだけで、カンタンにjQueryのコードを発行してくれます。 表示サンプル ↑このページにも表示させていますが、画像のように最近のつぶやき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Bootstrap 101: The Carousel
IDEA * IDEA
ブログ – H2O space
Twitterのような通知バーを実装するjQueryプラグイン – creamu