[B! javascript][programming] graphのブックマーク

はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓

JavaScriptの部分はというわけでid:amachangに任せましょう。というわけでそれ以外の部分でいったいどこが重いのか何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果こんな感じのグラフが出てきます。では、詳細を見てみましょう。このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。内訳としては濃い

graph 2008/11/27

リンク

はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記

はじめに「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。というわけで調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。この日記は調査しながら、過程を書いていくつもりです。準備まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。作業用ディレクトリを作るとりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr

graph 2008/11/27

はてなは愛されてるよなー

リンク

JavaScript はどのように実行されるか - IT戦記

JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着するそうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解

graph 2008/10/27

わからないけど異常にわくわくしますた！

リンク

プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記

（執筆中）（文章の練習も兼ねてぐだぐだと執筆中、現時点で読んでも日本語になってないと思います。）（執筆途中だけど、こうしたらいい！とか、アドバイスがあれば教えてください＞＜読者みんなが編集者！とか言ってみる）（あ、はてな記法のパッチを送ってくれてもいいです＾＾）（ちょっと、 Shibuya.JS in Kyoto → PHP カンファレンスがあるので、次の更新はそれ以降になるかも）自分の知り合いに「まったくのプログラミング未経験だけど、自分のウェブサイトを作ってみたい！」という人がいるので、プログラミングを始める前に必要な知識や心構えや準備などを書いておこうと思います。もちろん、最初に使う言語は JavaScript です。この文章は、プログラミングまったくの未経験者が読んで分かる文章を目指しています。もし、分からない部分がある場合は指摘してください。聞いてください。自分で調べ

graph 2008/07/16

リンク

本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記

第1回そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。なぜonclickをあまり推奨しないのかやっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。これは分業していなくてもどちらにしろ発生してしまうことだと思う。他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn