シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、速くします」 (次の日) 私 「いいプロファイラがないなら作ればいいじゃない」 同じチームの人 「えっ？」 私 「最高のJavaScriptプロファイラ作ったよ」 同じチームの人 「「えっえっ？？？」」 私 「早速使ってみたらこことここが遅いって分かったよ」 同じチームの人 「「「この子は一体…」」」 JavaScriptのプロファイリングの難しさ 近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog
こんにちは、id:hakobe932です。はてなブログではユーザ体験の改善のために、ページ表示速度を向上させるための様々な取り組みを行っています。このエントリーでは、はてなブログで行っている、ブラウザキャッシュの活用、JavaScriptのページ最下部での読み込み、JavaScriptの圧縮、という3つの取り組みについて解説します。 ブラウザキャッシュの活用 同じ内容のJavaScriptやCSSを、ページを表示するたびにダウンロードすると、余分なHTTPリクエストが発生しますし、読み込み時間がかかります。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 $ curl -I http://hat
些末なコードレビュー - naoyaのはてなダイアリー
朝起きて布団から出るのがつらいので、HBFav をつらつらと眺めていた。 あるサービスの JavaScript が重いとか、そのコードが難読化されてないとか、担当者とおぼしき人間が書いたコメントがそのまま残ってるから消しましょうよとか、そんなことが書かれていた。JavaScript が重い、という話は結局そのサービスの JavaScript が重かったのではなく、ユーザーが自分で導入した広告が重いというだけの話だった。 コードが難読化されていない、趣味の製品ではなく会社の製品なのでコメントそのまま残ってるから消しましょう･･･実にくだらない。 ところで話は変わってコードレビューについて。 コードレビューに慣れないチームが、何の考えもナシにコードレビューを始めるととにかく気になったこと大小様々な指摘が行われることになる。一見、いろいろな指摘が出て議論が活発になっているように見えるが、だいたい
はてなブックマークウィジェット高速化大作戦
本ブログで利用しているはてなブックマークの人気または注目エントリーを表示するブログパーツである「はてなブックマークウィジェット」が、最近極端にロードに時間がかかるようになってしまった。はてなブックマークウィジェットは多くのサイトで採用されているので目にする人も多いことだろうと思う。データのロード中はクルクル回るgifアニメーションが表示されるのだが、最近はもっぱらクルクル回っているところばかりを目にするようになってしまった。「クルクル回ってる間にエントリを読み終えてしまうんじゃないか！？」とすら思えてしまう。あまりにも時間がかかるので、先日Twitterで「はてブの人気エントリーウィジェットが遅い」などと愚痴をこぼしてしまったのだが、そんな他力本願じゃイカン！！と腐った根性を改めて、ウィジェットの高速化に取り組んでみた。 はてなブックマークウィジェットは本当に遅いのか？遅いと感じるかどうか
はてなハイクで長文を小さく表示するGreasemonkey - 聴く耳を持たない(片方しか)
それぞれ更新しました。 はてなブックマークのIDコールを見やすくするGreasmonkey http://userscripts.org/scripts/show/37608 閲覧中のページのPathtraqの1ヶ月のグラフを表示するGreasemonkey http://userscripts.org/scripts/show/52172 前者はページ構造の変更などで不具合があり修正しましたのでお手数ですが、利用されている方は再度インストールをお願いします。後者はスクリプトを見直し動作速度の向上をしました、機能は特に変わらないのですが再度インストールされると便利かと*1。 またこの機会に知った方も是非ご利用ください。 [どうぞご利用ください。] *1:体感できるレベルで向上したかと言うと、ちょっと微妙なところですが…… インスパイヤ元 「はてなハイク」というコミュニティの現状 - 趣味に
2009-05-11 - 聴く耳を持たない(片方しか) - はてブで非表示設定をするGreasemonkeyとかあれこれ
はてブはYouTubeのようにコメントに対するマイナスの評価軸を取り入れるべき - coconutsfine's blog マイナスの評価軸を取り入れるかはさておき、とりあえず現状でできることをまとめてみます。 公式でできること はてなにログインしていれば、ユーザー単位で発言を非表示にできます。 ここでの問題点は、はてなにユーザー登録を行いログインをする必要性があることでしょうか。そもそもはてなユーザーでないとこの機能が使えないのが難点です。 というわけで、以下は公式ではなくユーザー側で対処する方法をあれこれ、基本的にブラウザの Firefox を利用した手法を紹介しています。 ログインしなくてもユーザー単位でコメントを非表示にしたい ユーザースタイルシートで非表示に ログインしなくてもユーザー単位で非表示する方法として、それぞれのコメントにつけられたid属性を利用する方法があります。 具
はてなダイアリーに(対応外の)ブログパーツを貼る
はてなダイアリー日記 - 自分のはてなダイアリーにブログパーツを設置できるようになりました これはいいね！ さっそく googleガジェットを使って、(対応外の)すきなブログパーツとかを色々貼ってみよう！ まずは下のようなテキストファイルをつくって、文字コードをutf-8で保存…！ <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="ここにパーツ名かこうね！"> </ModulePrefs> <Content type="html"> <![CDATA[ (ここにブログパーツ貼り付けコード) ]]> </Content> </Module> たとえばtwitterのブログパーツ(badge)を貼るのなら、ファイル名を「twitter.xml」とかにしておいて、 このファイルをどこかのサーバーにアップロード
Out of Sync - もうカンマ打つのも面倒なのでスペースで区切った単語はタグにしちゃう Greasemonkey スクリプトにした(はてなブックマーク登録用)
絵の超初心者ド下手くそ人間が、20日間絵を描いて感じたこと わたしは、「文の人」だ。絵を描くのは大の苦手。 そんなわたしが、ひょんなことから絵を描き始めた。 そうしたらおもしろくなって約20日間、なにがしかを描きつづけている。 未知の領域での挑戦は、発見が多い。 また、ここまで絵を描けない人間の挑戦は、あまりネッ…
JavaScript プログラマの方にお聞きします。 近頃注目を集めている JavaScript ですが、どのような開発環境で開発していますでしょうか。
JavaScript プログラマの方にお聞きします。 近頃注目を集めている JavaScript ですが、どのような開発環境で開発していますでしょうか。(ブラウザ、デバッガ、エディタ、ブラウザのプラグイン、そのほか) サードパーティ製のツールなどをお使いの方は、できればそれがどんなものか、なぜそれがいいのかも教えてください。 ちなみに僕は Firefox の JavaScript コンソールと Emacs の java-mode というとてもしょぼい感じですｗ
はてなブックマーク件数を blog に貼り付けるウィジェット
はてなブックマーク件数を blog に貼り付けるウィジェット 2006-02-27-1: [JavaScript][Ajax][Ruby][Code] ウィジェットというほどのものではないけど，はてなブックマーク件数を簡単に blog に貼り付けることが出来る部品を作ってみました． はてなブックマーク件数とは以下の画像の赤枠のようなものです． この赤枠の中で囲まれた部品を blog に貼り付けることが出来ます． このウィジェットの使い方はとても簡単で <link rel="stylesheet" type="text/css" href="./styles/hatebu-count.css" /> <script type="text/javascript" src="./js/prototype.js"></script> <script type="text/javascript" s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hatena::Let
Cross Post Hatena ( del.icio.us) - Userscripts.org(-)
11月11日の技術勉強会 - はてな技術発表会日記 - 機能変更、お知らせなど