CSSセレクタの高速化の話し - Webtech Walkerの件。元ネタは続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティスで、元ネタの元ネタはWriting Efficient CSS for use in the Mozilla UI - MDC。 先に書いておくと、この元ネタのMozillaの記事には、in the Mozilla UIとある通り、FirefoxなどのUIレベルの話です。Mozillaの場合、ウィンドウとかタブとか、とにかくなんでもCSSでスタイルを指定できる(している)のでCSSのパフォーマンスについて考慮する点が他のブラウザとはズレています。 とはいえ、実際にどうなのか検証したことなかったので、少し試してみました。 今回の検証方法は、dl>dt+ddを5重に入れ子にした300KB強の大きめなHTMLを用意して、CSSを動的に適用したときの時間
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
後からもできるが、最初の時点で自分のメールアカウントに登録されているFacebookユーザーの検索ができる。これが先々iPhoneと合体する予定のものである。 これも後でできるが今やってしまおう。先にも述べたが、個人的には本名推奨。そして離ればなれになって連絡がとれない友人や職場の元同僚などが見つかりやすいように、そしてソーシャルネットワーキングのキモである人と人のつながりを促すために、各項目しっかり記入する。ちなみに、特定のネットワークのグループに参加する為には、この学校の登録などがのちのち必用になる。 ここでは写真をアップロードする。 これも絶対ではないが、自分の顔写真をアップロードすることが世界的に見れば当然のこととなっている。アドレス帳に写真を入れるの、と考えれば至極当たり前である。 繰り返すが絶対ではない。 これで最初の設定は完了である。するとこのような画面に移る。が、先ほど既に
Genius Scanが登場した時に叫んだ「スキャンアプリの価格破壊や!」という言葉をもう一度使いたいアプリ、CamScanner Freeをご紹介します。 基本機能は以下の通り。 名刺やホワイトボードを撮影した写真の加工機能 スキャンデータの整理機能 撮影した写真について、必要部分を切り取って拡大し、さらに2種類のフィルタで写真上の文字などを見えやすくする加工を行えます。 その上、スキャンアプリが苦手としている「ファイリング」機能も充実しています。パソコンや友人、さらにはGoogle Docs、BOX.net、Evernote、iDisk、Dropboxへのスキャンデータ転送もお手の物。 いやぁ、充実のアプリですよ。早速ご紹介していきます。
久々に個人的にありがたいフリー写真 素材サイトがあったのでシェア。配布 されている写真がなかなかクオリティ が高く、使いやすそうです。ライセンス はパブリックドメインみたいですので、 安心して使えますね。 4freephotosは個人や商業サイトなどのプロジェクトに使える写真を共有しようと考えた写真家のグループが運営しているそうです。 クオリティも高く、解像度も横幅1000以上は当たり前っぽいので結構オススメです。ライセンスはクリエイティブコモンズのPublic Domain Toolsを使い、public domainにリンクしてありました。4freephotosにも Using the public domain images found on this website does not require a link back to us, but if you found them
技術評論社の WEB+DB PRESS 向けに連載コラムを書きはじめたのだが、その最初のコラムがウェブで公開されたので、リンクを張っておく。 第一回 一生の仕事を選ぶということ 担当の人の「この業界で働く若手のエンジニア向けのメッセージ」を書いてほしいとのリクエストに答えるつもりで書いたのだが、「説教臭くなくて、ちゃんと伝わる」文章を書くのが難しくて結構苦労したので、ぜひとも読んでいただきたい。 この話の核となる部分は、私の「マラソンで金メダルを取る人たちって『過酷な練習に耐える精神力がある』から頂点に立てるんじゃなくて、『他の人たちにとっては苦痛でしかない練習が実は楽しくて仕方が無い』から頂点に立てるんじゃないか」というセオリーにもとづいている。高橋尚子が現役のころの話を聞いていて、つくづく「本当にこの人は走ることが好きなんだなあ。だからこそ誰よりもたくさんの練習をすることができて、その
サイトやブログには、ページが存在しないことを示す「404」というページがあります。 リンクを開いたら「ファイルがみつかりません」ってなるやつがそれです。 味気ない404ページもあれば、ユニークにデザインされたものもあったりします。 以下の記事を参考にして、面白いなー、上手だなーと思った404ページを以下に紹介します。 ・70 Unique Examples Of 404 Error Pages For Your Inspiration ・404 Error Pages: Reloaded ・50 Examples of Creative 404 – Page Not Found Pages ・50 Creative and Inspiring 404 Pages ・14 funny yet creative 404 error pages ・49 Nice And Creative Err
domo Todo+ (sync with Google Calendar™)の特徴 タグからToDoを探しやすいデザイン 荷物リストやルーチンワークに便利なチェックリスト機能 SMSやメールなどでリマインダ通知(要Googleアカウント) domo Todo+ (sync with Google Calendar™)ではToDoのメモと締切日以外の情報をすべてタグで管理します。 ToDoとタグは別々のリストで管理されるのが一般的ですが、domo Todo+ではそれらが1つの画面にまとめて表示されます。ですからタグが見やすい上に、同じタグを設定したToDoが探しやすくなっています。 チェックリスト機能では、例えば旅行に行く際の荷物リスト・手続に必要な書類のリストなどが作成でき、何が準備できていないかが確認できます。 荷造りや申請など事前準備が必要なのToDoと合わせて使えば効率的に仕事でき
お久しぶりです!田中です。 今回は自分が関わっている件で少し調査を行う必要があった件を紹介します。具体的には、mod_proxy_balancerでワーカーから特定のレスポンスコードが帰ってきた際、バランサーからワーカーを外す方法です。 Apache 2.2になりmod_proxy_balancerを使うと簡単にリバースプロキシを介した負荷分散+冗長化が行えるようになりました。ワーカーサーバーが停止した(応答が返ってこない)場合には自動的に分散先から外すなど便利な機能も有しており、便利に使いこなしている方も多いことでしょう。 一応mod_proxy_balancerの紹介を行っておくと、mod_proxyおよびmod_proxy_httpを利用したリバースプロキシ構成に対し、ロードバランサー機能を提供するものです。実績も豊富にあり、簡単な構成ならApacheの設定ディレクティブも最小限の追
最近なにかまとめる時はEvernoteばっかり使うようになってた。 それにともなっていくつかやりたい事、作りたい物のアイデアが出てきたのでAPI情報をメモ。 (残念ながらJavascriptでAPIを利用するのは難しそう) ホームサーバーで動かす事を想定するとrubyあたりで作成するのが有望かもしれない。 コマンドライン http://www.evernote.com/about/developer/win_scripting.php これだけでも結構出来そう。 C# http://htakeuchi.offtheball.jp/archives/2620 iPhone Evernote APIを使うiPhoneアプリの作りかた - the time ship ruby Evernote APIを使ってアプリケーションを作る例 (Ruby) - Masatomo Nakano Blog
MongoDBによるレプリケーションの一種、Replica Setsについての概要 MongoDBでは各種RDBMSで採用されているMaster/Slaveでのレプリケーション方式の他にReplica Setsという仕組みを利用することができる。 これは複数のDBプロセスをクラスタリングすることで冗長性を確保する仕組みで、 従来のレプリケーションと違って自動でのFailOverを実現している。 具体的にはPrimaryであるメンバが各種クエリを受付、Read,Writeを行う。 書き込まれた内容はSecondaryにミラーリングされる。 下記図を参照。 実際にReplica Setsを構築する為の手順を以下に示します。 複数のmongodプロセスを立ち上げる。 その為のデータディレクトリを作成。 $ mkdir -p ./data/repltest1 $ mkdir -p ./data/r
「才能を非生産的な事に浪費してこそ、真のヲタクである」 この名言にかなう為に日々色々学ぶ日々(多分)。 相変わらずの意訳な上に要点のみの抜き出しです。 間違っていたらTwitterでもコメントでいいのでがんがん指摘してください。 =============== Twitterではデータ量、データ増加量が急加速している。 今まではMySQLとmemcashedで運用してきたが、特に運用要員の面で費用が莫大になってしまった。 その為により自動的でより高い分散容易性、より高い可用性を必要とした。 選択肢として上ったのが下記の二つ。 ・MySQL Clusterの今以上の自動化 ・KVS(HBase、Voldemort、MongoDB、MemcacheDB、Redis、Cassandra、HyperTable)への移行 次の検証を行う事で選択肢の絞り込みを行った ・新規Node追加の容易性 ・SP
NoSQLミドルウェアの特徴をもう少し細かく挙げてみます。分量の都合もあり個別には触れませんが、それぞれのNoSQLミドルウェアで差別化部分に関してはかなり詳細に説明がされていますので、ぜひそちらを参照してみてください。 高速に動作する リレーションモデルではないデータモデル スケールアウト型アーキテクチャ コモディティサーバによって構築される スキーマフリー SPOF(単一故障点)を持たない 自動的に複数台へレプリケーションする イベンチュアルコンシステンシまたは一貫性の選択が可能 SQLのような強力なクエリ言語を持たず、シンプルな問い合わせしかできない Cassandraとは何か NoSQLミドルウェアの筆頭といえばGoogle BigTableやAmazon Dynamoですが、オープンソースの世界でもいろいろなものが出てきています。その中でも最近特に注目を集めているのが、Apach
ConsistentHashing - コンシステント・ハッシュ法 目次 この文書について コンシステント・ハッシュ法 実例 実装 用途 コンシステント・ハッシュ法 この文書について "Tom White's Blog: Consistent Hashing" の日本語訳です. http://weblogs.java.net/blog/tomwhite/archive/2007/11/consistent_hash.html 推敲歓迎: 誤訳, タイポ, 訳語の不統一, そのほか... 原文のライセンス: http://creativecommons.org/licenses/by-nc-sa/2.0/ 私は今までに何度かコンシステント・ハッシュ法にとりくんだことがある。 このアイデアをあらわした論文 ( David Karger らによる Consistent Hashing and R
@doryokujinです。本エントリーから数回にわけてMongoDBの紹介をつらつら書いていきたいと思います。日々、MongoDBの魅力にどっぷりな僕でして、それを少しでも多くの方に共有できたらというモチベーションで書いています。今回はチュートリアルとして主要な機能を少し詳しめに紹介していきます。アジェンダは以下の通りです: はじめに ちょっと詳しいチュートリアル オープンソース NoSQL・ドキュメント指向データベース ドライバとして多くの言語サポート 完全なインデックスサポート リッチなクエリー MySQLに類似した機能群 レプリケーション機能 オートシャーディング 巨大ファイルを扱うGridFS 今後の予定 本家ドキュメントの翻訳 より深い機能説明 勉強会での発表 Production Deploymentsとして弊社の名前を掲載する はじめに 僕は現在MongoDBをソーシャルア
based on v49 インデックスはクエリーのパフォーマンスを(とても)向上させます。有効なインデックスを定義するためには、アプリケーションが必要とするクエリについてよく知ることが大切です。それさえできていれば、MongoDBでインデックスを作成するのは簡単です。 MongoDBのインデックスは、MySQLのようなRDBMSのインデックスと概念的に似ています。MySQLでインデックスを付けたいような場所に、MongoDBでもインデックスを付けることになるでしょう。 基本 インデックスは、コレクションの中のドキュメントの特定のフィールドの値について集めたデータ構造です。このデータ構造はMongoのクエリオプティマイザによって、コレクション内のドキュメントを、素早く検索したりソートするために使われます。正式な言い方で言うと、インデックスは"B-Tree"で実装されています。 シェル 上で、
発表者・参加者双方に有意義な勉強会:データマイニング+WEB勉強会@東京 @doryokujinです。9/26(日)に行われました、第7回データマイニング+WEB勉強会@東京で発表してきました。@hamadakoichiさんによるまとめ(発表資料一覧)とTogetterも参考にして下さい。 僕は第6回から参加させていただいていますが、前回に負けじと今回も本当に素晴らしい勉強会でした。 主催者@hamadakoichiさんの創設の思い・目的・進行方針からもわかっていただけますように、発表者と参加者双方が熱い議論を交わしながら進んでいく勉強会です。そんな勉強会に幸運にも発表枠を頂けましたので発表してきました。勉強会の発表はこれが初めてでした。 明日から始めるログ解析1 〜HadoopとMongoDB を活用したソーシャルアプリ解析〜 このエントリーでは、たくさんの方から頂いたフィードバックを元
Googleマップを日々便利に活用しておられる方は、かなりたくさんいらっしゃるかと思いますが、実は日常で使っている機能以外にもGoogleマップには数多くのデータが埋め込まれているのです。今回はバケーションに、スプレッドシート好きに、バイカーに役立つ隠れ機能を一挙にご紹介しちゃいます! ■1. うろ覚えの記憶の代わりにスター付きのアドレスを活用(日本未対応) 些細なことのように思えるかも知れませんが、Googleマップのロケーションリストの隣に表示されるスターアイコンをクリックするとかなり時間の節約が出来ます。Android、BlackBerry、Windows MobileやSymbianなどの携帯(iPhoneは近い将来に対応予定)から、行き方を知りたいアドレスを調べる場合、スターを付けたアイテムを呼び出すのは、住所を入力して検索していくよりもかなりスピーディーです。行きたい場所の一時
ここのところ必死こいて作り込んでいたKyoto Tycoonだが、主要機能を実装しきって文書もそこそこ書けてきたので、ベータリリースということにした。プロジェクトページもちゃんと作ってある。 公式には英語の文書しか作らない方針なのだが、それだと国内ではなかなか使ってもらえないので、この場でチュートリアルを書いてみる。 Kyoto Tycoonとは プロセス組み込み軽量データベースライブラリであるKyoto Cabinetをネットワーク越しに利用できるようにするためのツールキットである。KCのデータベースを内部に持ったサーバプログラムと、それに接続してデータベースを操作するためのクライアントライブラリからなる。また、コマンドラインからサーバにアクセスするためのユーティリティもついてくるので、簡単に使い始められる。 製品コンセプトは、「永続的キャッシュサーバ」もしくは「memcachedの永続
作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール(1) クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス/ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回 デザインに使えるツール(1)はこちら 第2回 デザインに使えるツール(2)はこちら 第3回 デザインに使えるツール(3)はこちら 第4回 コーディングに使えるツール(1)はこちら 第5回 コーディングに使えるツ
WebアプリをiPhoneっぽくするための5つのポイント:iPhoneで動かす業務用Webアプリ開発入門(1)(1/3 ページ) iPhoneで動かす業務用Webアプリを作るコツを紹介 初めまして。今回から本連載を執筆する石田です。筆者は、ドリーム・アーツで多店舗展開するチェーン店企業向けの業務コミュニケーション支援クラウドサービスである「店舗matic」の開発・運用を担当しています。 ドリーム・アーツの顧客である多店舗チェーン企業では、多くの店舗をマネジメントするために、スーパーバイザやエリアマネージャという、担当する店舗を巡回して店舗の運営を支援したり、本部と店舗の間のコミュニケーションを取り持つ役割の人が多くいます。 こういった人々が常に最新の情報にアクセスし、業務をより良くしてもらうために、「店舗matic」は、2010年8月にiPhoneでの利用に対応したバージョンをリリースしま
今日は、世の中の人がどんなお金の使い方をしているのかを全国で調査したデータを紹介します。市場調査を行うにあたって参考になるかなり詳細なデータを入手できます。しかも無料で。 「30代の男性は書籍や雑誌に1か月あたり何円使っているのか」「ケータイの通信費は、年齢層でどれくらい違うのか」「緑茶と紅茶とコーヒーと、それぞれいくらぐらい使っているのか」「靴やシャツや下着に使っているお金は?」「CD・DVDやゲームにはどれくらいお金を使っているのか」「映画や遊園地や温泉にはみんなどれくらい行っているのか」こんなデータがあればいいと思いませんか? それがあるのです。 そのデータとは、総務省統計局が行っている「全国消費実態調査」。 平成21年全国消費実態調査(統計局)全国消費実態調査とは、国民生活の実態について、家計の収支や貯蓄・負債、耐久消費財、住宅・宅地などの家計資産を総合的に調査し、世帯の消費・所得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く