Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
instagram Wallを作ったけど、技術的な解説。 instagram APIは、何が出来るのかから検証した。基本的にOAuthを使うと自分が投稿した写真の閲覧やコメントを書いたり、いいね!と追記したりといろんなことができる。当たり前だけど、写真の投稿は、iPhoneアプリからしかできない。 JSONでデータをやり取りするので、フロントエンドのみでもポピュラーの写真や特定のタグの写真は、取得可能。 ※ユーザー情報も取得できるけど、これは、うまく取得できなかった。 JavaScriptだけでの実装を想定したときに、一度に取得できるデータは32件分らしい。 スクロールして、何度取得、表示させると違う写真も取得できるみたい。英語のマニュアルを読むにも限度があったので、取得できるデータは、表示しないで、新しいものに関しては取得しようと考えた。 どうやって、検索するか・・・ 一度、表示され
JSONというデータフォーマットがありますな。JSONって何ぞや...というときは例えば、 → [Think It] 【これならわかる!JavaScript/Ajax】JSONなんて怖くない! と、こんな記事を読んでみたら大体わかります。まあ簡単にいうと、データフォーマットの一種です。 で、上の記事の中にもありますが、世の中にはデータをJSONで返してくれるWeb APIがあって、JSONPという手法を使えばお手軽に外部サイトからデータを得ることが出来るのですな。 JavaScriptで、JSONデータを処理するコールバック関数を作っておいて... function hoge( jsonData ){ /* 引数 jsonData に、相手から渡されたJSONデータが入ります */ /* あとはこのデータを煮るなり焼くなり出力するなり */ }
スクロールパネルを実装するjQueryプラグイン「jScrollPanel」を使用して、指定したユーザー(複数指定可)のTLをコンパクトに表示する方法が掲載されています。 マウスホイールイベントをJSで制御するjQueryプラグイン「jquery.mousewheel.js」を使用することで、マウスホイールでスクロールできるようになっています。 鳥アイコンやデザインはCSSで変更できるようになっています。角丸は画像でなく、CSS3を使用して実装されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml
jQueryを使用して指定したハッシュタグのつぶやきを取得する Twitterのつぶやきを表示しているWebサイトがだいぶ多くなってきた昨今。イベントサイトなどでは特定のハッシュタグのつぶやきを表示するといった使い方もされているようです。 ということでこの記事ではjQueryを使用して指定したハッシュタグのつぶやきを取得して表示してみます。 投稿日2010年12月11日 更新日2011年04月02日 Twitterのハッシュタグを検索し取得するURI Twitterからはさまざまな形式でデータを取得できますが、jQueryを使用するならjson形式が便利です。 ハッシュタグを取得するURIは下記です。 http://search.twitter.com/search.json?q=%23[ハッシュタグ名] [ハッシュタグ名]は取得したいハッシュタグ名に置き換えてください。 たとえば「#wo
少しのコードで実装可能な20のjQuery小技集素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! 追記:この記事で紹介されているいくつかの方法が、今では CSS のみで実装可能です!詳しくは「かつては JavaScript を利用していたものの、今では CSS のみで実装できる 10 の小技」をご覧ください。 jQuery の基本的な使い方まずはjQuery 本家から jQuery ファイルをダウンロードします。<head> 内に下記を記述し、jQuery ファイルを読み込みます。 <script type="text/javascript" src
解説 HTTPリクエスト(GETメソッド)を使用してデータを取得します。 データはJSONとして評価されます。 jQuery.get(url, [data], [handler], [dataType]) のラッパメソッドです。 以下の呼び出しと等価です。 指定したコールバック関数は、通信が成功した場合に実行されます。 通信エラー時、通信完了時のハンドリングを行うには、jQuery.ajax(settings) を使用してください。 JSONP callbackname=?形式のパラメータを送信クエリに付与すると、別ドメインのデータをJSONPを使用して取得することができます。 "?"の部分は、jQueryが、"jsonp" + 現在時刻文字列 の文字列に置き換えてクエリを送信し、内部でコールバック関数を実行してくれます。 引数 url : リクエスト先のURL。 [data] : サーバ
The Topsy Retweet Button allows your readers to retweet any page on your site, and shows a count of how many times the page has been retweeted. The button can be embedded on any page by adding the JavaScript code shown below. Already using the Topsy Retweet Button? The the old-style button will still work. But you can speed up your page loads by switching to the new version of the Topsy Retweet Bu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く