ページ: << 1 ... 5 6 7 8 9 10 11 12 13 14 15 ... 56 >>

O'Reillyの続・ハイパフォーマンスWebサイト――ウェブ高速化のベストプラクティスが面白そう

パーマリンク 2010/04/11 11:27:17 著者: あつ メール
カテゴリ: その他

続・ハイパフォーマンスWebサイト――ウェブ高速化のベストプラクティスという本が気になっています。
内容はこちら。目次をみるだけでも面白そうな感じです。

1章 Ajaxアプリケーションとパフォーマンス
  Douglas Crockford●Yahoo!
    1.1 トレードオフ
    1.2 最適化の原則
    1.3 Ajax
    1.4 ブラウザ
    1.5 Wow!
    1.6 JavaScript
    1.7 まとめ

2章応答性の高いウェブアプリケーション
  Ben Galbraith、Dion Almaer ●Ajaxian.com, Mozilla
    2.1 どれくらい速ければよいのか
    2.2 遅延の測定
        2.2.1 遅延の度合いが悪化するとき
    2.3 スレッド
    2.4 応答性の確保
        2.4.1 Web Workers
        2.4.2 Gears
        2.4.3 タイマー
        2.4.4 メモリ使用が応答時間に及ぼす影響
        2.4.5 仮想メモリ
        2.4.6 メモリ問題のトラブルシューティング
    2.5 まとめ

3章初期ロードの分割
    3.1 現状の分析
    3.2 分割による節減効果
    3.3 分割位置の特定
    3.4 未定義シンボルと競合状態
    3.5 ケーススタディ −Googleカレンダー

4章実行をブロックしないスクリプトのロード
    4.1 スクリプトによるブロック
    4.2 スクリプトダウンロードの動作の矯正
        4.2.1 XHR eval
        4.2.2 XHRインジェクション
        4.2.3 iframeスクリプト
        4.2.4 Script DOM要素
        4.2.5 Script Defer
        4.2.6 document.writeによる SCRIPTタグ書き出し
    4.3 ブラウザのビジーインジケータ
    4.4 順序実行の保証
    4.5 結果のまとめ
    4.6 そして勝者は

5章非同期のスクリプトの組み合わせ
    5.1 コード例 −menu.js
    5.2 競合状態
    5.3 非同期ロード時の実行順序維持
        5.3.1 テクニック 1−ハードコーディングコールバック
        5.3.2 テクニック 2−Window Onload
        5.3.3 テクニック 3−タイマー
        5.3.4 テクニック 4−Script Onload
        5.3.5 テクニック 5−SCRIPTタグの分解
    5.4 複数の外部スクリプト
        5.4.1 管理された XHR
        5.4.2 DOM要素と Doc Write
    5.5 汎用的な解決方法
        5.5.1 単一スクリプトの場合
        5.5.2 複数スクリプトの場合
    5.6 非同期ロードの実例
        5.6.1 Google AnalyticsとDojo
        5.6.2 YUI Loaderユーティリティ

6章インラインスクリプトの適切な位置
    6.1 インラインスクリプトによるブロック
        6.1.1 インラインスクリプトをページ末尾に移動
        6.1.2 非同期に実行を開始
        6.1.3 Script Deferの利用
    6.2 CSSとJavaScriptの適用順序の維持
    6.3 危険 −スタイルシートに続くインラインスクリプト
        6.3.1 インラインスクリプトのブロック
        6.3.2 スタイルシートによるブロック
        6.3.3 現実の事例

7章効率的な JavaScriptコード
  Nicholas C. Zakas●Yahoo!
    7.1 スコープの管理
        7.1.1 ローカル変数の使用
        7.1.2 スコープチェーンの拡張
    7.2 効率的なデータアクセス
    7.3 フロー制御
        7.3.1 高速な条件文
        7.3.2 高速なループ
    7.4 文字列の最適化
        7.4.1 文字列の連結
        7.4.2 文字列のトリミング
    7.5 長時間実行されるスクリプトは避ける
        7.5.1 タイマーを使って処理を明け渡す
        7.5.2 処理の明け渡しのためのタイマーパターン
    7.6 まとめ

8章 Comet
  Dylan Schiemann●SitePen
    8.1 Cometの原理
    8.2 トランスポート処理の手法
        8.2.1 ポーリング
        8.2.2 ロングポーリング
        8.2.3 永久フレーム
        8.2.4 XHRストリーミング
        8.2.5 将来のトランスポート処理
    8.3 クロスドメイン
    8.4 Cometを実装した場合のアプリケーションに対する効果
        8.4.1 接続の管理
        8.4.2 パフォーマンスの測定
        8.4.3 プロトコル
    8.5 まとめ

9章 gzip圧縮再考
  Tony Gentilcore●Google
    9.1 なぜこれが問題か
    9.2 原因
        9.2.1 圧縮の指定
        9.2.2 犯人捜し
        9.2.3 一般に見られるタートルタッピングの例
    9.3 非対応ユーザーの救済方法
        9.3.1 非圧縮時のページサイズを最小化するページ設計
        9.3.2 ユーザーへの周知
        9.3.3 gzipサポートの直接検知

10章画像の最適化
  Stoyan Stefanov●Yahoo!
  Nicole Sullivan●CSS Ninja
    10.1 画像最適化を単純にするための 2ステップ
    10.2 画像の形式
        10.2.1 背景知識
        10.2.2 画像ファイル形式の特徴
        10.2.3 PNGの詳細
    10.3 可逆な画像最適化の自動化
        10.3.1 PNGのチャンクの削除
        10.3.2 JPEGのメタデータの削除
        10.3.3 GIFから PNGへの変換
        10.3.4 GIFアニメーションの最適化
        10.3.5 Smush.it
        10.3.6 プログレッシブ JPEGとファイルサイズ
    10.4 透過度 −AlphaImageLoaderの使用を避ける
        10.4.1 透過度の効果
        10.4.2 AlphaImageLoader
        10.4.3 AlphaImageLoaderの問題点
        10.4.4 プログレッシブエンハンスメント
    10.5 スプライトの最適化
        10.5.1 スーパースプライトとモジュール式スプライト
        10.5.2 高度に最適化された CSSスプライト
    10.6 その他の画像最適化
        10.6.1 画像のサイズを変更しない
        10.6.2 生成した画像の圧縮
        10.6.3 ファビコン
        10.6.4 Appleタッチアイコン
    10.7 まとめ

11章主ドメインの細分化
    11.1 クリティカルパス
    11.2 誰が細分化を行うか
    11.3 HTTP/1.0へのダウングレード
    11.4 細分化の実際
        11.4.1 IPアドレスとホスト名
        11.4.2 ドメイン数の問題
        11.4.3 リソースの分散法
        11.4.4 最新のブラウザ

12章ドキュメントのフラッシュ
    12.1 先頭のフラッシュ
    12.2 出力のバッファリング
    12.3 チャンク形式エンコーディング
    12.4 フラッシュと gzip
    12.5 その他の介在システム
    12.6 ドメインのブロックとフラッシュ
    12.7 ブラウザ −最後の障害
    12.8 PHP以外の言語
    12.9 フラッシュに関するチェックリスト

13章 iframeの取り扱い
    13.1 もっともコストのかかる DOM要素
    13.2 iframeによる onloadイベントのブロック
    13.3 iframeと並列ダウンロード
        13.3.1 iframeより前に置かれたスクリプト
        13.3.2 iframeより前に置かれたスタイルシート
        13.3.3 iframeより後に置かれたスタイルシート
    13.4 ホスト名当たりの接続数
        13.4.1 iframeにおける接続の共有
        13.4.2 複数のタブとウィンドウにわたる接続の共有
    13.5 iframeのコストに関するまとめ

14章 CSSセレクタの単純化
    14.1 セレクタの種類
        14.1.1 IDセレクタ
        14.1.2 クラスセレクタ
        14.1.3 タイプセレクタ
        14.1.4 隣接兄弟セレクタ
        14.1.5 子供セレクタ
        14.1.6 子孫セレクタ
        14.1.7 ユニバーサルセレクタ
        14.1.8 属性セレクタ
        14.1.9 擬似クラスと擬似要素
    14.2 CSSセレクタを効率的にするためのポイント
        14.2.1 右端が最初
        14.2.2 効率的な CSSセレクタの記述
    14.3 CSSセレクタのパフォーマンス
        14.3.1 複雑なセレクタのパフォーマンスへの影響
        14.3.2 使用を控えるべき CSSセレクタ
        14.3.3 リフロー時間
    14.4 実際のウェブサイトにおける CSSセレクタの働きの測定

付録A パフォーマンス関連ツール
    A.1 パケットアナライザ
        A.1.1 HttpWatch
        A.1.2 Firebugの[接続]パネル
        A.1.3 AOL Pagetest
        A.1.4 VRTA
        A.1.5 IBM Page Detailer
        A.1.6 Webインスペクタの[リソース]パネル
        A.1.7 Fiddler
        A.1.8 Charles
        A.1.9 Wireshark
    A.2 ウェブ開発ツール
        A.2.1 Firebug
        A.2.2 Webインスペクタ
        A.2.3 IE Developer Toolbar
    A.3 パフォーマンスアナライザ
        A.3.1 YSlow
        A.3.2 AOLPagetest
        A.3.3 VRTA
        A.3.4 neXpert
    A.4 その他のツール
        A.4.1 Hammerhead
        A.4.2 Smush.it
        A.4.3 Cuzillion
        A.4.4 UA ProfilerとBrowserscope

付録B Yahoo! JAPANが実践する Webの高速化
  岡部和昌、黒田真澄、由衛朋久、高林貴仁、木村尚敬 ●ヤフー株式会社
    B.1 CSSスプライト −事例: Yahoo! JAPANトップページ
        B.1.1 画像フォーマット
        B.1.2 スプライト内画像の並べ方
        B.1.3 スプライト画像の読み込み方法
        B.1.4 CSSスプライトを利用する際の手順
    B.2 画像の軽量化 −事例: Yahoo!ニュース
        B.2.1 PNG形式の減色
        B.2.2 JPEG形式の画像
        B.2.3 サーバサイドの画像圧縮
    B.3 FirstByte−事例: Yahoo! JAPANウェブ検索ページ
        B.3.1 FirstByteの実装例
    B.4 消費リソースの分析 −事例: Yahoo!検索のフロントエンド
    B.5 効率的な開発とパフォーマンスを意識した運用
        B.5.1 役割分担
        B.5.2 制作フェーズ
        B.5.3 運用フェーズ

付録 Cブラウザの最新技術を活用した Webの高速化
  浅井智也 ●一般社団法人 Mozilla Japan
    C.1 プラットフォームとしてのブラウザ
    C.2 JavaScriptエンジンを意識した高速化
        C.2.1 JITコンパイラについて
        C.2.2 関数のインライン展開はほどほどに
        C.2.3 ループ処理となるように記述する
        C.2.4 クロージャの使用は最小限に
        C.2.5 DOMプロパティへのアクセス
        C.2.6 argumentsの使用に注意する
    C.3 ブラウザの処理を意識した高速化
        C.3.1 DOM要素やプロパティのキャッシュ
        C.3.2 ブラウザのリフローを意識する
        C.3.3 Selectors APIを利用する
        C.3.4 ネイティブメソッドを利用する
    C.4 ブラウザの最新機能を活用した高速化
        C.4.1 リンクプリフェッチ
        C.4.2 DNSプリフェッチ
        C.4.3 画像ファイルを減らして高速化する
        C.4.4 WebGL−Webで3次元グラフィックス
    C.5 ユーザー体験を意識した高速化
        C.5.1 HTML5の<video>を使う場合の注意
        C.5.2 ドラッグ&ドロップでファイルアップロード

付録 D Web高速化に対する Googleのアプローチ
  及川卓也 ●Google
    D.1 Webの高速化
        D.1.1 Google Chromeにおけるブラウザの高速化
    D.2 Web標準採用 /推進による高速化の利点
    D.3 Web SocketsとSPDY
        D.3.1 Web Socketsとは
        D.3.2 Web Socketsの実装状況
        D.3.3 SPDYとは
    D.4 Steve Soudersとの一問一答



ハイパフォーマンスWebサイト(続)

スターバックス ヴィア コーヒーエッセンスをもらったよ

パーマリンク 2010/04/06 15:57:02 著者: あつ メール
カテゴリ: その他

スターバックスから封筒が届いていたので、何かと思い見てみたら、


スターバックス ヴィア コーヒーエッセンスが入っていました。
以前申し込んだ先行試飲セットが当たったみたい♪

コロンビアとイタリアン ローストの2種類が入っていて、それぞれ3袋ずつの計6杯分。
早速今朝頂きました。

お湯を注ぐだけで出来るのでとっても簡単♪それでいて美味しかった。
ちょっと1杯飲みたいときにこれがあるととても便利ですね。

ミルクフォーマーで泡立てたミルクを入れてもおいしいだろうな。

★ポイント10倍★4月2日15:00〜4月30日9:59迄!aerolatte (アエロラッテ)ふんわりなめらかなミルクフォームが簡単にできちゃう♪【ミルクフローサー(ミルクフォーマー)スタンド付き 】

社会人が転勤する時にやることまとめ

パーマリンク 2010/03/30 23:00:33 著者: あつ メール
カテゴリ: その他

あと1日で3月も終わりです。
4月から新社会人をスタートさせる人を含め、新たな場所で働く人は沢山いると思います。

今更ながらですが、引越しする時にやることをまとめてみました。

引越し前
・物件探し
 HOME'S  CHINTAI  suumo  いい部屋ネット  エイブル  ホームメイト
 ピタットハウス  住SEE  at home  アパマンショップ  レオパレス21
 センチュリー21  ミニミニ 
 ・条件の優先度を決めて探す
 ・家賃の値下げ交渉
 ・部屋の写真を撮る
 ・携帯やデータ通信端末の電波が入るかチェック
 ・日当たりチェック
 ・騒音チェック
 ・夜の治安チェック
 ・駅までの道のり、時間チェック
・不用品(本、家具など)を売却
 リサイクルマスタージャパン  買取いくら  イーブックオフ
・現在の住居の契約解除
・引越し業者探し
・転出届
・電力会社への引越し手続き
・ガス会社への引越し手続き
・水道会社への引越し手続き
・郵便局への転居届(e転居が便利)
・インターネットの引越し手続き
・荷造り(ダンボールの準備)
・引越し日の決定
・部屋の掃除
・新居の家具、家電の準備

引越後
・荷物を入れる前に部屋のチェック(汚れや破損があれば写真撮影)
・インターネットの手続き
・転入届
・お隣さんへのあいさつ
・知人に引越し通知
・電力会社へ手続き
・ガス会社へ手続き
・水道会社へ手続き
・各種契約しているものの住所変更
 ・銀行
 ・クレジットカード
 ・保険
 ・運転免許
・会社までの定期購入

春の新生活楽しみですね。

【送料無料】安曇野から信州の生そば4人前を打ったその日に発送♪なんと!安曇野産本わさび1本・北アルプス天然水・特製蕎麦つゆ付き「送料無料・込み」楽天ランク200週イン!【0315-送料無料】【引越しそば・母の日】【楽ギフ_のし】【満開グルメ5】【グルメ連休0319】05P26mar10

HotPepperBeautyのチラシが入っていたよ

パーマリンク 2010/03/27 08:48:58 著者: あつ メール
カテゴリ: その他

美容院・美容室・ヘアサロンを探すことができるホットペッパービューティーのチラシが折込チラシに入っていました。

HotPepperBeautyのチラシ


内容は一宮・大垣・各務原・江南・小牧エリアのお店が紹介されていました。
今まで見たことがなかったので、今回が初の試みでしょうか。

勝手な予想ですが、新たな掲載店舗の拡大を狙ったもので、ここに掲載されているお店にはチラシへの掲載料はもらってないのではないかなと。

WEBのホットペッパービューティーへの掲載料がどのくらいかわかりませんが、無料ではないですよね。
ちなみに、紙のホットペッパーの掲載料はこんな感じのようです。

1/16P・・・ 52,500円
1/8P・・・105,000円
1/4P・・・157,500円
1/2P・・・315,000円
1P・・・892,500円
見開き2P・・・1,785,000円


広告費を少しでも安くしたいお店の方には、無料で全国の美容室を紹介している美容室案内ネット一六社にぜひお申し込みください。

さらに効果的な集客をお望みなら、ネットチラシがおすすめです。
今なら16(いちろく)NAVIタウンの地図上で紹介もさせてもらいます。
興味がある美容院・美容室・ヘアサロンの経営者様はこちらまでご連絡ください。

【送料無料】有名ヘアサロンMINXがプロデュースMINXEXセルフエクステンション スーパーロング 緩やかなウェーブがついた誰もが憧れる魅惑のセレブなロングスタイルタイプMINXEX セルフエクステンション スーパーロング【cosme0308】

「小さなチーム、大きな仕事」はぜひ読むべき!

パーマリンク 2010/03/05 23:45:31 著者: あつ メール
カテゴリ: その他

久しぶりに本を読みました。
今回読んだのは、「小さなチーム、大きな仕事」。

何かをやろうとしている人にとって、参考になることが多く書かれている本です。
特に、自分たちのように小さな会社でWEB開発をしている人にとってはピッタリだと思いました。

気になったポイントを紹介。

・仕事依存症患者は、完璧主義なのだと主張するかもしれないが、それは次の仕事にとりかからずに、つまらない細部に執着して時間を無駄にしているに過ぎない
・すごいサービスを生み出す最も単純な方法は、あなたが使いたいものを作ることだ
・「時間がない」は言い訳にならない。完璧なタイミングは決して到来しない
・あれがない、これがないと嘆く前に、今自分ができることは何なのかを考えてみよう
・「これについて考えよう」ではなく、「これについて判断を下そう」
・模倣することによる問題は理解を飛ばしてしまうこと
・単にだれかをそっくり真似ているのだとしたら、あなたは何も意味がない。たとえ敗北に終わったとしても単に真似るのではなく、あなたが信じていることで戦う方がいい


さて色々とがんばりましょうか。

小さなチーム、大きな仕事

<< 1 ... 5 6 7 8 9 10 11 12 13 14 15 ... 56 >>

あつ

Facebookやってます

愛知県名古屋市在住のWEBシステム屋(SE・プログラマ)。株式会社一六社(いちろくしゃ)所属。PHP、 CakePHPを利用して日々開発中。WEBで地域活性化を目指します。好き:フットサル/GTD/Mac/ 住んだことのある場所:一宮(愛知)、豊田(愛知)、浜松(静岡)、浦添(沖縄)、中津川(岐阜)、名古屋(愛知)

検索

タグクラウド

勉強会

欲しい物リストの全て

レコメンデーションエンジン

16ブログ     powered by b2evolution