You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
javascript, twitterFirebug が導入した console.log() は最近のブラウザで標準的に実装されつつあります。しかし、万が一、リリースコードに console.log が混じり込んでしまうと、古いブラウザや開発ツールが導入されていないブラウザで JavaScript エラーになってしまってとても悲しくなります。ということで、そういう場合にエラーを出さないようにするために、お手製の偽者 console オブジェクトを実装するテクニックがあります。ちょっと検索するといろいろ見つかります。 if (!window.console){ window.console = { log: function(){} }; } 確かに小さなプロジェクトでは、こういうおまじないを書いておくと安心だろうなー…と思っていたら、twitter のソースコードに次のようなコードを発見。
jQuery Text Change Eventってのを見つけた。jQuery のカスタムイベントを定義するプラグインで、テキストボックス、テキストエリアの内容が変わるたびにイベントが発生するようになる。 キー入力をイベントで処理するのってかなりめんどくさいんだけど、これで「テキストボックスに入力があるたびに何かする」みたいなことが簡単にできるようになる。 イベント一覧 具体的には以下の3つのイベントが発生するようになる。 textchange テキストの内容が変わったときに発生するイベント hastext テキストが空の状態から何か入力されたときに発生するイベント notext テキストが空でない状態から空になったときに発生するイベント 使い方はこんな感じ。 $('#inputbox').bind('textchange', function(event, previousText) {
現在実装作業中です。 ライブラリ使ってるんですけど、Javascriptだけの実装ってサンプル少なくて苦闘しています。 ちなみにTwitterクライアントのOAuth対応(Javascript編) | tomatomax.netを参考にしながら書いています その作業途中でライブラリー内のコードのtypoを見つけたのでメモ。 Javascript用のライブラリ 上のサイトからリンクで辿ったらある。 http://oauth.googlecode.com.iproxy.saverpigeeks.com/svn/code/javascript/ sha1.js*1 122行目 var hash = core_sha1(ipad.concat(str2binb(data)), 512 + data.length * chrsz); ipadと小文字になっているのをiPadに変更する。 一応、こうし
Follow NowというTwitterのリアルタイムフォロワー推薦ツールを公開しました。 このツール、サーバーサイド処理はこちらでは一切作っていません。HTML+JavaScript+CSSにWebAPIを組み合わせただけなのです。 Follow Nowの仕組み WebAPIとJavaScriptだけでどうやってレコメンドシステムを作っているか、というと、鍵となるのはJSONPでの出力に対応したWebAPIです。 JSONを使ってクロスドメイン通信をするJSONPでの出力に対応したWebAPIは今質量共にものすごい数に上っていて、中にはTwitterや、Yahooのキーフレーズ解析なども含まれています。これらを使うことで、かなりのことがWebAPIとJavaScriptだけでできます。 流れとしては次のようになります。 1.アカウント名をもとに、Twitterからユーザーの投稿を取得 2
【急募】twitterトップページのツイートをツイート(笑)に置換するグリモン notfunc on Twitter: "【急募】twitterトップページのツイートをツイート(笑)に置換するグリモン" というわけで書いてみた javascript:var r=document.evaluate("//text()[contains(., 'ツイート')]", document, null, 7, null);for(var i=0;i<r.snapshotLength;i++)r.snapshotItem(i).nodeValue=r.snapshotItem(i).nodeValue.replace(/ツイート/g, 'ツイート(笑)');void(0); Firefox 系と WebKit 系と Opera 系で動きます。たぶん。 ロケーションバー(URL が書いてあるところ)に貼付
最近、クロスドメインなJavaScriptを使ってWebブラウザだけで動くTwitterクライアント「twicli」というものを開発中です。 http://www.geocities.jp/twicli/ で公開しています。 動作はFirefox, Safari(iPhoneのMobileSafariでもOK), Operaで確認しています。IE7/8ではCookieのブロックの設定でtwitter.comのCookieをブロックしないよう変更が必要です。(Firefoxでも「サードパーティのCookieも保存する」が有効になっている必要があります(デフォルトは有効)。) twicliは専用サーバなしでWebベースのTwitterクライアントを実装できるか?というProof of Conceptとして開発しています。そのためHTMLファイル1つと画像数個あれば動くというシンプルな構成となっ
躓いたポイントとか forループ内でaddEventListenerを使う for文の中でaddEventListenerを使う - Ulmhaftを見て解決した。 (function() { var array = [0,1,2]; for(var i = 0;i < array.length; i++){ var f = closure(i); item.addEventListener("click", f, false); } function test(num){ alert(num); } function closure(n){ return function(){test(n)} } })(); クロージャを使うことで解決。 関数に引数を渡したい場合も同様に解決できた。 insertBefore関数の使い方 これはただ単に自分が理解出来ていなかっただけだった。 今後に向けて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く