Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？
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’
Greasemonkey :: WORKLINE
こちらでは、Greasemonkeyスクリプトを配布しています。 ここで配布されているスクリプトを導入するには、あらかじめGreasemonkeyを入れたFirefoxが必要です。一部のスクリプトに関しては、Google Chromeにも対応しています。 基本的に俺得スクリプト（しかも大体Twitter向け）で、自分が欲しいと思った機能をマイペースに付加してます。そういった旨をご理解の上でご利用くださいね…。 New twitter preview extender 新デザインとなったTwitterのプレビュー機能を拡張して、日本でよく使われている画像・動画投稿サイトを中心に、外部コンテンツをプレビューできるようにします。 例えば、ニコニコ動画のURLが貼られていても、ページの遷移なしでその場で再生する事ができます（下のSS参照)。他にも、Twitter公式でのプレビューサポートが終了した
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
OAuth for Greasemonkeyのラッパーライブラリ
**Post Now browsing to TwitterをOAuth認証に対応しました | Web scratch**でGreasemonkeyスクリプトの「Post Now browsing to Twitter」をOAuth認証に対応したものを作りました。 OAuthのJavaScript実装はいくつかあるみたいですがGreasemonkeyで使う感じになってるものは無かったみたいなので、OAuth.jsを使ったtwitterでのOAuth認証を手助けするラッパーみたいなものを書きました。 xAuthを使えば楽な気もしますがブラウザベースのものはxAuthを使わずにOAuthを使ってねとの事です 大部分は TwitterクライアントのOAuth対応(JavaScript編) | tomatomax.net Twitter API を OAuth で認証するスクリプトを 0 から書い
Post Now browsing to TwitterをOAuth認証に対応しました
Twitterへ今見ているサイトをコメントと共に投稿する「Post Now browsing to Twitter」がOAuth認証に対応しました。 このGreasemonkeyをインストールする前に、以前のバージョン(2010年6月より前)のものを入れている場合はそれをアンインストールしてから、改めて「Post Now browsing to Twitter」をインストールして下さい。(以前と設定の互換が無くなったため設定ごと破棄をお勧めします) ツール→Greasemonkey(もしくはステータスバーの猿アイコン)→ユーザースクリプトの管理→Post Now browsing to Twitterを選択→✓関連付けられた設定も削除にチェック→アンインストール 主な変更点を箇条書きすると以下のような感じです。 変更内容 OAuth対応 BASIC認証が2010年6月末に廃止されるためOA
Twitter のクジラを萌えにしてみた - smellman's Broken Diary
コメントにあわせてリンクを修正しました。 今日、Twitterでこんなポストがありました。 @Crimson_Apple: 実に日本的で萌える。 URL 2010-07-01 16:03:28 via TwitterGadget 見てみるとこんな絵でした。 すごくかわいい！ので、どうせならいつものクジラを変えてしまおうとちょっとやってみました。こんな感じになりました。 GreasemonkeyのスクリプトでFirefox, Opera, Chromeで動作検証済みです。以下のリンクからダウンロードできます。 http://github.com/smellman/userscript/raw/master/twitter/moe_over_capacity.user.js 使い方はインストール後にTwitterの503ページへ行くだけです。 で、id:TERRAZIさんからこんなリクエストが
TwitterをGoogle風にカスタマイズするグリモン「CustomTwitter」を作りました - maru source
放置していたGreasemonkeyスクリプト「CustomTwitter」を更新しました。 CustomTwitter for Greasemonkey (このスクリプトを使うにはFirefoxにGreasemonkeyアドオンを入れる必要があります) Google風のレイアウト 画面左上に表示される「G」ボタンを押すと、Googleの検索結果画面風のレイアウトに変更することができます。元に戻す場合は同じく画面左上に表示される「標準」というリンクをクリックしてください。 タブに表示されるアイコンやタイトルも変更されます。 本当のGoogleと間違えないようにテキストボックスの文字色が赤色になっています。 会社でこっそりTwitterを見るのに使えるかもｗ 表示するユーザをカスタマイズ タイムライン上のユーザの表示方法をカスタマイズすることができます。 たくさんフォローしている場合に、特に
otsuneさんがtwitterに書いてたのを引き篭もりしてたから実装してみた - Pastalablog in はてな
「Togetterで自分のidだけをよくまとめる人は恣意的な編集が多い説」を分かりやすくするために、「自id採用率」をアイコンの下に表示すればいいんじゃないだろうか http://twitter.com/otsune/status/10801682154 という訳でTogetterでその機能を実装するグリモンを書いた。 こんな感じ http://togetter.com/li/10359 インストール http://userscripts.org/scripts/show/72004 FirefoxとGoogleChromeでは動作確認しました。 追記 otsuneさんが書きなおしてくれたという情報です http://subtech.g.hatena.ne.jp/otsune/20110210/togettercounter
はてブ with Twitter
はてなより、同等の動作を実現する公式機能が 2010-06-28 にリリースされています。今後、このスクリプトのメンテナンスを行うことはありません。(2010-06-30 追記) »install »install (for Google Chrome) はてなブックマークに登録すると同時に、Twitter にも投稿するためのスクリプトです。 2008年11月25日にリリースされた、はてブの新バージョンに対応しています。 スクリプトをインストールすると、はてブの登録時、下の画面のように新たな「追加する(withT)」ボタンが現れます。 この「追加する(withT)」ボタンを押す事で、はてブに登録すると同時に、Twitter に対して同じ内容を投稿する事が出来ます。 ブラウザ起動後、初回実行時は Twitter の認証のためのダイアログがポップアップするので、認証情報を入力して下さい。 Tw
[twitter] フォロー一覧ページをもっと見やすくする方法 | 株式会社オルタ
twitterを利用するにあたって、フォローの管理を少しだけ楽にするグリモンを配布いたします。 もともと私が、個人的に使っていたグリモンを公開してみようと思います。 どうして、こんなグリモンを使っているのかというと、フォロー返しの時に、デフォルトではちょっと見づらかったからです。 例えば・・・ せっかくフォロー頂いていても、最後に投稿したのが数ヶ月前だと、最近は使っていないのかな？と思って、フォロー返しはしなかったり、英語でしか投稿していない人からフォローがあったりなんかすると、私は読めないので、フォロー返しはしなかったり。 むやみやたらにフォロー返しをしていると私のタイムラインが大変になるので、少しだけの脳内フィルターを付けています。 基本的には、日本語で最近の発言がある方からのフォローであれば、フォローするようにしています。 twitterでフォロー一覧ページをもっと見やすくするグリモ
![[twitter] フォロー一覧ページをもっと見やすくする方法 | 株式会社オルタ](https://cdn-ak-scissors.b.st-hatena.com/image/square/69cd77d3caafb4f7eb06ef9a710f1983fc329a02/height=288;version=1;width=512/https%3A%2F%2Faulta.co.jp%2Fwp-content%2Fuploads%2F2020%2F10%2Faulta_a_1200x630.png)
Twitterの時刻表示を○年○月○日(△) ×時×分×秒にするブックマークレットはワンライナで書けた(苦笑) - 風柳メモ
jQueryって偉大だな というわけで、twitjst：Twitterの時刻表示を○年○月○日(△) ×時×分×秒にするユーザサイドスクリプト＆ブックマークレット - 風柳メモでは大げさなことやってましたが、よく調べると外部スクリプト読み込みもなく書けることが判明。 javascript:(function(C){updateTimeAgo=function(){setTimeout(C,100)};C()})(function(W,B,T){W='日月火水木金土';$(".timestamp").each(function(){B=$(this);T=new Date(Date.parse(B.meta().time.replace(/([+\-])/,'UTC$1')));if(T&&B.find("*").length==0){B.html(T.getFullYear()+'年'+(
TwitterColorLabel
「はてなブログ」に移行しました。 1日1更新……を目指せなくなってきてるブログ。自分の勉強のために作りました。継続は力なり。 今は主にUbuntuとAndroidネタが中心です。 twiccaのカラーラベル機能をweb版ツイッターで再現するuserscriptを作りました。 http://userscripts.org/scripts/show/67855 How to use: 色を設定したいユーザのプロフィールページに行きます。 リストの管理ボタンの脇にカラーラベル設定のボタンがあるので、クリックして色を設定してください。 （本当はもっと手軽に設定出来るようにしたい。twiccaではユーザの発言のコンテキストメニューから設定できる） そのユーザの発言に設定した色のラベルが付きます。 お願い： バグを見つけたら、コメントかTwitterで@mstsskに教えてくれると助かります。 注意：
[錐] Twitter で特定の post を開いたときに前後の文脈を見に行く Greasemonkey を作ったよ。
ごうだまりぽです。作ったモノとか拾った知識とかひねり出した知恵とかをさらしてます。読むと価値観が360度変わること請け合い! << 2008/10/ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1. 疲れ目を強引に治した 19 20 21 22 23 1. Twitter で特定の post を開いたときに前後の文脈を見に行く Greasemonkey を作ったよ。 24 25 26 27 28 29 30 31 >> ■ [web][javascript]Twitter で特定の post を開いたときに前後の文脈を見に行く Greasemonkey を作ったよ。「twitter で面白いつぶやきを見て、その前後の文脈が見たくなったけれど、探すのがめんどくさい……」 なんて時のために Greasemonkey 作りました。特定の post
Chromeでつぶやくだけのユーザスクリプトを少しいじってみた - まめ畑
Chromeでつぶやくだけのユーザスクリプト - あたご型護衛艦日記でGoogle Chromeで見ているページをつぶやくユーザスクリプトなるものが公開されていたので、本当にちょっとだけいじってみました。グリモンでも動きます。 以下のコードをテキストエディタなどに貼りつけて、「任意の名前.user.js」という形式のファイル名で保存して、ブラウザにドラッグアンドドロップしてください。スタイルなどは適当に弄って見た目よくして使うこと推薦です。 こんな感じに右はじに何か飛び出ているので マウスを乗っけると飛び出てきて、Tweetのリンクを押せばポストできます。 Chrome extensionで同様のものを作ろうかな。 // ==UserScript== // @name Watch Now! on Chrome KAI // @include http://* // @include htt
ow.ly や oneclip.jp のフレームを外す user script | へびにっき
ow.lyやoneclip.jpなど、元コンテンツをiframe内に表示するタイプのURL短縮サービスを開くと、自動的に元URLにリダイレクトするuser scriptを作りました。 Redirect to the iframed URL 同様の機能を持つものとしてiframe redirectorがあり、今まで私も使用していたのですが、対象サービスのURLやHTML構造に依存するコードが含まれているため、対象サービスの構成が変化すると動かなくなってしまいます（少し前に am6.jp の仕様が変わって動かなくなりました。現在は修正されています）。 そのため拙作のスクリプトではURLやHTMLの構造に依存するコードは使わず、「面積比でbodyの4分の1を占めるiframe」を元コンテンツと判断するようにしました。おそらくほとんどのケースで問題なく動作するものと思われます。 デフォルトでは以下
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gist: 818934 - GitHub
gist: 807644 - Togetterをフィルタリング、GUIで設定可能- GitHub
TwitpicのAltが文字化けしているのを修正するGreasemonkey