【ハウツー】YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを! (1) YSlowでWebページパフォーマンス計測 | エンタープライズ | マイコミジャーナル
Webページの表示パフォーマンスの向上は、Webデベロッパやフロントエンドプログラマにとって永遠の課題だ。ページの表示が速いかどうかは、ユーザの満足度に大きく影響する。リッチなUIや機能を実現しつつも、ページの表示は軽くしたい。 そこで重要になってくるのが、ページの読み込み速度を測定して分析してくれるツールの存在だ。Webページパフォーマンス計測ツールを使うことで定量的に状況を把握し、改善策を練ることができるというわけだ。Webページパフォーマンス計測ツールはいくつかあるが、最も導入が簡単で、かつ効果の高いもののひとつがYahoo! Developer Networkを通じて提供されているYSlowだ。執筆現在での最新版は0.9.2となっている。 YSlowはFirebugを活用しつつJavaScriptで開発されたWebページパフォーマンス計測ツール。Yahoo! Exceptional
JavaScriptライブラリ「jQuery」関連サイト34 : skuare.net
twitter facebook hatena google pocket 米大統領選でクリントン氏と壮絶な攻防を繰り広げるオバマ氏のサイトでも使用されるなど、巷で大人気のjQuery。 今回はjQueryの関連サイトを紹介します。 追記： 2008/2/8 2サイト 2008/5/29 2サイト 2008/6/25 1サイト 2008/7/9 5サイト（jQuery UI系・Cheet Sheetを集めました） sponsors Reference ・jQuery リファレンス：v1.0.x、1.2.x ・jQuery 1.2 ドキュメント日本語訳 ・jQuery 開発者向けメモ：v1.1.x ・jQuery日本語リファレンス：v1.2.6 HowTo / Review ・jquery.jsを読み解く（追記：2008/2/8） ・jQueryの魔法 ・ニュータイプなJSライブラリjQue
blog.katsuma.tv
身内で勉強会のようなものを行う機会があったので、amachangのJavaScriptによるプレゼンテーションライブラリのS6を利用してみました。 すぐに直感的に利用できる部分もある一方で、スタイルの反映のさせ方でハマった点もあったんで、そのあたりをまとめておこうと思います。 ファイル構成 S6のファイルはamachangのプレゼンページからソースが取得できます。たとえばここから。（まとまった公式ページってどこかにあるのかな？）S6本体のJavaScriptは、ページングやアクション処理などがまとまって定義されています。「右ボタン」で次のページ、「左ボタン」で前のページに戻る、などのイベント処理はHTMLの方で記述されています。 スライドを作っていくには、本体のS6自体に手を入れることは必要なく、HTMLにどんどんスライド内容と、必要があればエフェクト処理とスタイルの設定を追記していきます
[JS]MicrosoftからJavaScriptのメモリリーク検出ツール
MicrosoftのヨーロッパチームからJavaScriptのメモリリークを検出するツール「JavaScript Memory Leak Detector」のベータ版がリリースしました。 JavaScript Memory Leak Detector JavaScript Memory Leak Detectorは、Windows+IE専用のツールで、ダウンロード・インストールは以下の手順になります。 下記の「download link」からファイルをダウンロード。 Installation ファイルを解凍して、「JSLeaksDetector.msi」をダブルクリックして、インストール。 インストール時は、IEは終了しておく。 インストールが完了したら、IEを起動。 IE7の設定方法 [表示] - [エクスプローラ バー」 -[js memory leak detector]をチェック。
JSDeferredを読む - 西尾泰和のはてなダイアリー
前からamachangが「読むといい」って言っていたJSDeferredのコードを読む。defferedじゃなくてdeferredなので注意。 Deferred.define = function (obj, list) { if (!list) list = ["parallel", "wait", "next", "call", "loop"]; if (!obj) obj = (function () { return this })(); for (var i = 0; i < list.length; i++) { var n = list[i]; obj[n] = Deferred[n]; } return Deferred; }; これはグローバルスコープに書き出すコード。(function () { return this })()でwindowオブジェクトがとれているみた
これは便利! JavaScriptの勉強はこのコンテンツで - Eloquent JavaScript | エンタープライズ | マイコミジャーナル
Eloquent JavaScript Eloquent JavaScriptというタイトルのもとでJavaScriptに関する情報が公開されている。同コンテンツの作成はMarijn Haverbeke氏の手によるもの。プログラミングの簡単な紹介からJavaScriptを使ったプログラミングの勘どころが丁寧にまとまっている。JavaScriptの仕様を解説するスタイルではなく、実際に必要になる処理や間違いやすい部分について取り上げながら説明がおこなわれている。JavaScriptを使ったプログラミングを実施するすべてのデベロッパに一読をお薦めしたいコンテンツだ。Eloquent JavaScriptの目次は次のとおり。 Introduction Basic JavaScript: values, variables, and control flow Functions Data stru
Kanasan.JS JavaScript 第 5 版読書会 #2: Days on the Moon
Kanasan.JS の JavaScript 第 5 版読書会 #2 へ行ってきました。今回は午前ライトニングトーク、午後読書会という二部構成。他の参加者の感想等は参加者のブログ記事一覧からどうぞ。参加人数が 50 人近くという大規模な読書会を企画し、無事成功に導いてくださった Kanasan さんはじめスタッフの方々、そして参加者の皆さん、本当にありがとうございました。 ライトニングトーク Lightning Talk 一覧および Lightning Talk 発表資料一覧から各 LT に関する情報が見られます。 Mozilla Developer Center 翻訳事始 私も LT に参加したのですが、JavaScript に関することなら何でも OK とあるのを見落としていてほとんど関係ない話 (一応翻訳作業の実演は Core JavaScript 1.5 リファレンスの arug
Kanasan.JS第二回サイ本読書会のレポート - Thousand Years
去る1月14日に、prototype.jsのコードリーディングとサイ本の読書会を交互に繰り返すKanasan.JSの第二回サイ本読書会に遊びにいってきました。 Lightning Talks レポートは各所で挙がっているいますので割愛。スピーカ一覧です。 http://groups.google.co.jp/group/kanasanjs/web/kanasan-js-javascript52-3?hl=ja 私もちらっとしゃべったのでその補足 JSにはinclude 'path/to/javascript'; や require 'path/to/javascript';がなくて困る。 なかったらつくればいいじゃない？ じゃあどうやって？ XMLHttpRequestでJSファイルを同期取得して evalか(new Function())();するといいよ というお話でした。new Fu
Route 477(2008-01-17)
■ [event][javascript] Kanasan.JS Javascript第5版読書会#2 のまとめ Kanasan.JSの サイ本読書会 #2 におじゃましてきました。 今回は読書会としては前代未聞の規模で正直どうなるかと思ったんですが、意外となんとかなって感激。 他言語(Javascript以外)の話題を制限したことも、今回は有利に働いたと思います。 リンク集 LT一覧 感想一覧 記録 チャットログ(重いので注意) 映像ログ 以下、読書会のログです。なるべく会場の雰囲気を再現するように心がけてみました。 10:15 全員、順番に自己紹介する。俺到着。(迷ったorz) 10:23 amachang到着！ 10:39 LTのターン LTは、自分のスライドをいじってたりであまり聞けませんでした…＿|‾|○ tyoroさんのブログが よくまとまっているので、 そちらを参照すると良い
Firefox3のクロスサイトXMLHttpRequestの仕様 - bits and bytes
補足 2008.3.28 Cross Site XMLHttpRequest (XHR) Removed From Firefox 3 | Robert Accettura’s Fun With Wordageによると、最近XMLHttpRequestの仕様ドラフトに変更があり、Firefox3のリリース(今のところ6月の予定だとどこかで読みました)には実装が間に合わなそうなので、Firefox3の初期バージョンにはCross Site XMLHttpRequestは載らないことになったそうです。 Firefox3ではドメインが異なっていてもXMLHttpRequestでリクエストが出せるのをmal_blue@tumblrで知りました。 すごいじゃーんというわけでJohn Resig - Cross-Site XMLHttpRequestに書かれている使いかたを参考にちょっといじってみま
ウノウラボ Unoh Labs: 画像の遅延読み込み
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScriptのイベントリスナーの話 - public static void main
id:kz_shikabaneによるJavaScript勉強会が実施されました。 DOMの話は以前id:seiryoが行ったので、今回はイベントリスナーについて。 prototype.jsやJQueryを使っていてあまり意識したことがなかったので参考になりました。 以下まとめ。 イベントリスナーとは 普通GUIアプリケーションを作るときにはイベントドリブン（イベント駆動型）プログラミングを行います。これはJavaScriptで書くときにも当てはまります。 HTMLファイルが読み込まれた、ボタンがクリックされた、キーボードが押された、といった行動をブラウザで行ったときにイベントは発生します。このイベントを受け取るのがイベントリスナーです。 イベントリスナーはイベントを受け取るまでは何もしません。受け取ったイベントの情報を元にイベントリスナーが、HTMLタグの属性を変更する、非同期にデータを読
WEB+DB PRESS Tech Meeting ［資料＆動画］｜gihyo.jp … 技術評論社
当日の講演資料と動画を公開です。 動画はニコニコ動画を利用して配信しています。ニコニコ動画のアカウントをお持ちでない方でも，gihyo.jp上で動画を再生できます（コメントの書き込みはできません）。 動画の最後でニコスクリプトを使ったアンケートを行っていますので，ニコニコ動画のアカウントをお持ちの方はご協力いただければ幸いです。動画をクリックすることでニコニコ動画の該当ページへアクセスすることができます（ニコニコ動画のマイリストはこちら）。 今回の動画公開にあたって，gihyo.jp用に新たなニコニコ動画プレーヤーを作っていただきました。この場を借りてニコニコ動画の方にお礼を申し上げます。 JavaScript Tips & Technique IT戦士amachangが最近のJavaScriptのテクニックやTipsについてご紹介します。
IE 重い - IT戦記
IE は関数呼出しが重いから致命的だ。 jQuery とかみたいに、何段も何段も関数をかましてるライブラリがかなりもっさりしてしまう。 IE では、関数呼出しと DOM プロパティのアクセスは速度的にあまり変わらない。 つまり、 DOM に効率よくアクセスするために関数を作る意味があまりない。 なので、速いコードを書きたければ不本意ではあるが関数を減らすのがいい。
Kanasan.JS JavaScript第5版読書会#2 その２ - tyoro.exe
さて、前回のエントリの続き。 再掲しますが、LingrのログとUstの録画映像はこちら。 ログ 読書会 [1] [2] [3] [4] [5] [6] それとECMAの構文定義 ※Ustの録画が全て整理されて公開されたので、一部リンク等を修正しました。(1/19) Kanasanさんの書いた図の通りに机が再配置ｓれ、2時前後から読書会スタート。 ○読書会を始める前に ブラウザ上でJSのコンソール実行環境を作ってくれるブックマークレット『Jash』の紹介。 及び、Jashの実行結果をキャプチャーしてLingr(やTwitter)にpostしてくれる『Jashture』の紹介。 メモ：止める時は『jashture.stop();』 読書会の進め方等の説明。 全員で指定範囲を読み、疑問点等は全員に聞こえるように発言、答える側も全員に聞こえるように。 多言語との比較はかまわないが、他言語中心の話題
Kanasan.JS JavaScript 第 5 版読書会 #2 に参加しました。 - IT戦記
Kanasan.JS とは この辺を見てください。 関西でJavaScriptの小さい勉強会を開くことになった (Kanasansoft Web Lab.) 会の内容 自己紹介 30 分 参加者全員 (40 名以上) が自己紹介。これは僕の中では新しかった。見に来たというよりは、参加しに来たという感じになる。 Lightning Talks 1.5 時間 Haskell の話や BiwaScheme の話や「Flash で声帯を物理演算して初音ミク」（超意訳）が面白かった。 OmegaT で MDC 翻訳しようぜ by nanto_vi さん 聡明な学生さんが多い。 JavaScript 第 5 版読書会 4 時間 文と式について 式は一般的には「値を持つもの」、しかし、 JavaScript では文も値を持つ (ex: eval したときの返り値) 文は break, case, con
第30回 JavaScriptの動作を軽くするための工夫：ITpro
この記事は会員登録で続きをご覧いただけます申込は簡単3分！ 今すぐ会員登録（無料） 会員の方はこちら 【この画面が表示された方限定】 会員登録（無料）で14日間有料記事が読み放題 ※14日間試読付き登録会員のお申し込みはお1人様1回限り
John Resig - Boston JavaScript Meetup
So it’s finally happened: There’s going to be a Boston JavaScript Meetup tonight (7pm, January 9th, 2008 – Central Square). I plan on going – and I hope everyone will be able to make it (even if it is on super-short notice). I was getting caught up on my email late last night and noticed the notification concerning the new group. I panicked as I thought I had missed the meetup – thankfully it was
JavaScriptのスコープわからない | ヲゾゾ wozozo blog
オライリーのJavaScriptの本読んでてスコープのところでつまった。 var scope = "global"; function f() { alert(scope); var scope = "local"; alert(scope); } f(); これをfirebugで実行すると1回目のalertで「undefined」2回目のalertで「local」が表示される。 でも、関数内でvar scopeをコメントアウトすると var scope = "global"; function f() { alert(scope); //var scope = "local"; alert(scope); } f(); 2回とも「global」が表示される。 なんで？ 最初のコードの変数scopeは関数外で宣言されてるからundefinedなのはわかるけど、後のコードは関数外のグローバ
IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか？ ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは？ のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
