delphinus35のブックマーク - はてなブックマーク

独学で極める “Webデザイン”の技と心：第10回　CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社

今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト⁠）⁠」についてのお話をさせていただきます。サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま

delphinus35 2010/04/22

リンク

えっ！IE9の新JavaScriptエンジンに隠し機能が！？ | gihyo.jp

従来のIEではJScriptと呼ばれるマイクロソフト独自のJavaScriptエンジンを搭載していましたが、最近の他社ブラウザに比べると実行速度はとても遅く、独自実装の部分がWeb標準に準拠していなかったため、Web開発者からは敬遠される存在でした。しかし、今回新しく登場したIE9の新JavaScriptエンジンChockraは、最近のデスクトップPCに搭載されているマルチコアCPUやGPUのハードウェアアクセラレーション機能をふんだんに活用した最適化処理を行っていて、超高速に動作します。 Internet Explorer Test DriveのWebサイト（図1）からIE9の最新Platform Preview版がダウンロードできますので（従来のIEと共存できます⁠）⁠、インストール後Speed Demosでその速度を体感してください。図1　http://ie.microsoft.

delphinus35 2010/04/02

リンク

第1回　memcachedの基本 | gihyo.jp

株式会社ミクシィ開発部システム運用グループの長野です。普段はミクシィのアプリケーション運用を担当しております。今回から数回にわたり、最近Webアプリケーションのスケーラビリティの分野で話題になっているmemcachedについて、弊社開発部研究開発グループの前坂とともに、使い方や内部構造、運用について解説させて頂きます。 memcachedとは memcachedは、LiveJournalを運営していたDanga Interactive社で、Brad Fitzpatrick氏が中心となって開発されたソフトウェアです。現在ではmixiやはてな、Facebook、Vox、LiveJournalなど、さまざまなサービスでWebアプリケーションのスケーラビリティを向上させる重要な要素になっています。多くのWebアプリケーションは、RDBMSにデータを格納し、アプリケーションサーバでそのデータ

delphinus35 2010/02/26

リンク

2010年のJavaScript：「これまで」と「これから」 | gihyo.jp

2010年のJavaScriptと題しまして、JavaScript周辺の「これまで」と「これから」についてまとめてみたいと思います。 2009年までのJavaScript JavaScriptは各ブラウザベンダなどが個別に実装するという特殊性から、ブラウザ（実装）ごとの非互換性の問題に悩まされ続けてきた言語です。まず、そのJavaScriptの歴史を簡単に振り返ってみます。 ECMA-262 3rd editionとスピードコンテスト JavaScriptはNetscape社によってLiveScriptという名前で誕生し、その後ECMAScriptとして標準化が進みました。1999年12月にECMA-262 3rd editionが策定されてから、Internet ExplorerのJScript、MozillaのSpiderMonkey（TraceMonkey⁠）⁠、SafariのJav

delphinus35 2010/01/02

う〜む。また勉強しないと。

リンク

第16回　HTML5 Canvas and Audio Experiment、Marunouchi.com、NHK 戦争証言アーカイブス　トライアルサイト | gihyo.jp

いま、見ておきたいウェブサイト第16回HTML5 Canvas and Audio Experiment、Marunouchi.com、NHK 戦争証言アーカイブス　トライアルサイト朝晩がすっかり涼しくなり、秋に一歩ずつ近づいているなあと感じながら、そういえば大型連休中はどうしようかと考えている今日このごろ、いかがお過ごしでしょうか。今回も個人的に感じた素晴らしいサイトの特徴を、いくつかお話したいと思います。「HTML 5＋JavaScript」の合わせ技『HTML5 Canvas and Audio Experiment』ドイツの9elementsによる、『⁠HTML5 Canvas and Audio Experiment』（⁠直訳：HTML 5のcanvasとaudioの実験）です。図1　円形のオブジェクトがダイナミックな動きを見せる credit: 9elements

delphinus35 2009/09/16

リンク

第1回　UTF-7によるクロスサイトスクリプティング攻撃［前編］ | gihyo.jp

みなさん、はじめまして。はせがわようすけと申します。最近、文字コードと関連したセキュリティの話題を目にすることが増えてきました。文字コードを利用した攻撃は技術的に未開拓ということもあり、参考となる情報がなかなか見当たりません。この連載では、文字コードを利用した攻撃やそれに対する対策について正しい知識を解説していきます。文字コードとセキュリティが関連するもっとも大きな点は、やはり文字列の比較でしょう。「⁠危険な文字列の検出」「⁠安全な文字列であることの確認」といった文字列の比較は、セキュリティを考えるうえで避けて通れない処理だと思います。文字列の比較においては、単純にバイト列を比較するだけでは不十分で、文字列がメモリ上でどのようなバイト列として格納されているのか（このルールを符号化方式あるいは文字エンコーディングと言います）に注意しなければならないこともあるでしょう。攻撃者は巧みに文字