CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
言葉の力 - 内田樹の研究室
ツイッターで「言葉の力」と題する原稿を書いたとつぶやいたら、「読みたい」というリクエストがたくさん（三通）あった。 専門的な媒体に書いたので、ふつうの方の眼に触れる機会は少ないであろうから、リクエストにお応えして、ここにその一部を抄録することにする。 力とは外形的数値的に表示できるものではなく、ほんらいは内在的・潜勢的な資質であろうという話のあとに、こんなふうに続く。 たとえば「胆力」というのは、つよいストレスに遭遇したとき、その危地を生き延びる上で死活的に重要な資質だが、それは危機的状況にあっても「ふだんと変わらぬ悠揚迫らぬ構え」をとることができるという仕方で発現される。 つまり、外形的に何も変わらない、何も徴候化しないということが胆力の手柄なのである。だから、「チカラ」をもっぱら外形的な数値化できる成果や達成によって計測することの望む人の眼に「胆力」はたぶん見えない。 当然ながら、彼ら
Song of Cloud: Java入門サンプル(1)
注意 このエントリは実験中のJava入門教材のサンプルです GAE の調子が悪かったりQuotaを超えてたりするとデモがうまく動かないかもしれません 技術背景等はGooseあたりを参照してください Hello, world! まずは簡単なプログラムを作成してみましょう。Hello.javaという名前のファイルを作成して次の内容を書き込んでください。 public class Hello { public static void main(String[] args) { System.out.println("Hello, world!"); } } このプログラムを実行するには、コマンドラインで次のように指定します。 cd (ファイルを作成したフォルダ) javac Hello.java java -cp . Hello すると、「System.out.println("Hello, w
東京で駅に近くて快適でサービス充実の格安ホテルを見つけた
こないだ東京で泊まったホテルがなかなかよかったのでご紹介。 あまり人気が出すぎると自分が泊まるとき困るんですが。 ここ。 京急ＥＸイン 新馬場駅北口 どこがどうよかったのか、順を追ってお話しましょう。 駅が近い 新幹線が停まる品川駅の2つ先にある「新馬場」という駅のすぐ近く。 どれくらい近いかというと、これくらい。 行った日は雨だったんだけど 一回も傘を差すことなくホテルに入ることができた。 ロビーがかっこいい ビジネスホテルというと無機質なイメージがあるけど ここはおしゃれで落ち着いたデザインだった。 「アラビアンナイトの世界をイメージした」とのこと。 象の置物がお出迎え。 見間違えてなければ、花は生花だった。 どこのリゾートホテルですか。 広めのロビー。 待ち合わせ用のソファ。 向かい側にもソファ。 部屋が広め 面積の数字までは見てこなかったけど いわゆるビジネスホテルのシングルの中で
canvasでキラキラした背景を作る方法 - KAYAC Engineers' Blog
tech.kayac.com、ささやかにリニューアルしました！ tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が？って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテ、javascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ！ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc
Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ
最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 本題 本題は HttpFox ではなく、Fiddler についてです。 Fiddler
納得してしまう？ハードウェア技術者、コンサルタント、プログラマーの違い : らばQ
納得してしまう？ハードウェア技術者、コンサルタント、プログラマーの違い ハードウェア技術者、システムコンサルタント、プログラマーの3人が、1台の車に同乗していました。 車が急な下り坂に差し掛かったとき、運転をしていたコンサルタントはブレーキが全く効かないことに気づきました。 車はどんどん加速する一方で手に負えず、運転手は緊急用のブレーキとしてギアのシフトを下げ、タイヤのヘリを歩道にこすりつけながら、なんとか車の速度を落として止めることに成功しました。 やがて3人は車から降りて、それぞれ状況判断を始めました。 ハード技術者はこう言いました。 「どうにか修理を試みよう。車の下に入って様子を見ることにするよ」 コンサルタントは言いました。 「いや、これはちゃんと資格を持ったヤツに任せるのがいい。特にブレーキを専門とする人を呼ぶべきだね」 プログラマーは言いました。 「もう一度乗って、同じことが起
Linuxでシステムに対して意図的に高負荷をかけたい場合 - 元RX-7乗りの適当な日々
今更感があるかもしれませんが紹介。 stressコマンドを使うと、CPUやメモリ、ディスクに対して意図的に負荷を与えることができます。 どこで使うかというと、、、高負荷時のシステムの挙動を見たい場合、AutoScaling等の負荷状況に応じて自動でスケールアップ/アウトさせるための仕組みのテストをしたい場合、部屋が寒いときにPCに発熱させたい場合ｗｗｗなどで使えるのかな、と。 Stressをインストール CentOSやRedHatの場合は、DAG(rpmforge)のリポジトリがあるので、ここのパッケージからインストールしましょう。 DAGをyumのリポジトリに追加する場合は、以下リンクから(CentOS5[x86_64]系の2010/05/14時点の最新版は)"rpmforge-release-0.3.6-1.el5.rf.x86_64.rpm"をダウンロードして、rpmインストールしま
インフラエンジニアのためのcassandra入門
@marqsさんと@muranetさんと一緒にhbstudy#11で発表させていただきました。 これを機にとか言うとでかすぎる気がしますがCassandraが国内でも盛り上がるといいなーと思います。 懇親会でも結構使おうとしている方がいたりしてうちもうかうかしてられないですねｗ 資料をあげましたのでこちらよろしかったらどうぞ！ インフラエンジニアのためのcassandra入門 View more presentations from Akihiro Kuwano. これだけはかかないと！ 素晴らしい会を開いて下さっているハートビーツの方々や、スピーカーの方々、来ていただいた方々に感謝しております 非常に楽しかったです！ ただいま二日酔いですw
【ネクタイの締め方】美的に見える全13通りとそのコツの解説動画
左右のバランスや結び目の大きさなどから、美的に見えるネクタイの締め方は全部で13通りと言われています（…が、その13通りは意外とバラバラだったりして、この13通りがその13通りなのかも不明ですが…）。その1つ1つのコツを解説した動画をご紹介。 ウィンザー・ノット – 改まった機会に！典型的な英国調スタイル [YouTube] How To Tie A Tie | The Full Windsor Knot Easy, slow motion instructional video on how to tie a tie – the full windsor knot (also known as the double windsor). Visit http://www.distino.com.au for more instructional videos on how to tie a
病みつきになる「動的計画法」、その深淵に迫る
数回にわたって動的計画法・メモ化再帰について解説してきましたが、今回は実践編として、ナップサック問題への挑戦を足がかりに、その長所と短所の紹介、理解度チェックシートなどを用意しました。特に、動的計画法について深く掘り下げ、皆さんを動的計画法マスターの道にご案内します。 もしあなたが知ってしまったなら――病みつきになる動的計画法の集中講義 前回の『アルゴリズマーの登竜門、「動的計画法・メモ化再帰」はこんなに簡単だった』で動的計画法とメモ化再帰を説明しましたが、前回の説明ではまだ勘所をつかめていない方がほとんどでしょう。そこで、これらを完全にマスターするため、今回はもう1つ具体例を挙げながら練習したいと思います。 どういった問題を採用するかは悩みましたが、非常に有名な「ナップサック問題」を取り上げて説明します。 ナップサック問題とは以下のような問題です。 幾つかの品物があり、この品物にはそれぞ
まだまだ楽しめる！採り方のコツや時期を知って潮干狩りに行こう - はてなニュース
GW前後がベストシーズンと言われ、春の季語にもなっている「潮干狩り」。熊手で砂を掘りアサリやハマグリなどを探すのは、宝探しのようで病みつきになりますよね。今回は潮干がりのスポット検索や、たくさん採るためのコツなどを紹介したいと思います。 ■潮干狩りの時期 ▽潮干狩りはＧＷ以降もまだまだ楽しめますよ♪ / 格安国内旅行ツアー情報 上記のエントリーによると、地域や潮の干満により差はありますが、一般的に潮干狩りが楽しめる時期は4月～7月ごろと言われています。中でも、大潮の影響により干潟が広く、気候もいいGW前後は潮干狩りのベストシーズン。気象庁が発表している潮位表を参考に、いい日程を選びましょう。ただし気をつけなければいけないのが、「貝毒」。これは、アサリなどの二枚貝類が、体内に毒素を蓄積して起こる現象で、シーズンオフに近づけば近づくほど危険性が高まります。貝毒の発生情報も仕入れておくことが重要
Androidがモバイル市場を制する10の理由
GoogleのAndroidプラットフォームが、米国で2010年第1四半期にiPhoneよりも売れたとNPDが報告した。MotorolaのDROIDや、さまざまなキャリアからAndroid端末が投入されたことが追い風になった。 数字は雄弁に物語っている。市場シェア全体では、AndroidはまだiPhoneに大きく水を空けられているが、同OSがモバイルOS市場で支配的なシェアに向けて動き出すのは時間の問題かもしれない。 もちろん、Appleには面白くない話だ。同社はモバイル市場で急速に勢力を伸ばしてきた。ほかのデバイスが現れては消える中で、iPhoneはライバルにとっては願望でしかない持久力を誇ってきた。 だがそれも変わりつつある。AndroidがiPhoneの有力な代替選択肢であることを市場は認識し始めている。Googleは、市場にとどまり、ベンダー、キャリア、消費者に訴求し続けられれば、
iTunesからもインポートできるDJ用音楽管理ソフト｢rekordbox｣
CDJの時代も終わろうとしているのでしょうか。 DJ用CDプレーヤー、CDJシリーズでも有名なパイオニアが音楽管理ソフト｢rekordbox｣の無料化に踏み切りました。 もともとCDJ-2000、CDJ-900にバンドルされていたこのソフトには次のような機能があります。 ・音楽ファイルのWAVE/BEAT GRID/BPM/ID3 TAGデータを解析 ・CUE/LOOP/HOT CUEの設定 ・HOT CUE BANK LISTの作成･編集 ・QUANTIZEの設定 ・CDJ-2000/CDJ-900/CDJ-350で再生した音楽ファイルの演奏履歴情報の活用 ・iTunesライブラリから音楽ファイルをインポートするBRIDGE機能 ・USBメモリ/SDカードにエクスポート このなかでもQUANTIZE機能がスゴい。CUE・LOOPポイントを1000分の1秒の精度で設定できるそうで、反射神経
これは面白い！ 客単価を倍増させた、丸善本店「松丸本舗」の本棚設計 - Feel Like A Fallinstar
最近色んなものに忙殺され気味ですが（汗）、今日は本屋さんのかなりクリエイティブな成功事例です。 「なーるほど、これは凄い！」と思わされる、ユニークな本棚の設計で顧客単価を倍にしてしまったその方法がとても面白かったので、紹介してみたいと思います。 本は、もっと遊びたがっている この表題が、松丸本舗のコンセプト。 書店には本との出会い、人との出会いを含めた「未知との出会い」がおこります。 松丸本舗は本をつなぎ、知の連環の絆を結ぶ人々の顔が見えるように、本の力を信じて連ね、思いがけない本棚を構成します。 まだ誰も見たことがない本棚です。 でもって実際の本棚の画像がこんな感じ。 ・・・（汗 一見しただけでは、単に散らかってるだけに見えるかもしれませんが・・・決してそんなことはありません！ 松岡正剛さんとう編集者がプロデュースしたこの本棚、通常の本棚とは天と地ほどの違いがあります マンガの文庫本も関
「IE6は9年前の腐った牛乳」――Microsoftがアップグレード呼び掛け
9年前にリリースされたInternet Explorer（IE）6を使うのは、9年前の腐った牛乳を飲むようなものだ――Microsoftの豪法人が、Webブラウザのアップグレードを促すキャンペーンを実施している。 「IE6は2001年にリリースされたときは、最新のセキュリティ機能を備えていた。その後インターネットは進化し、IE6のセキュリティ機能は時代遅れになった」。Microsoftはキャンペーン特設サイトでこのように述べ、新しいセキュリティ機能を備えたIE8への乗り換えをIE6ユーザーに勧めている。 特設サイトでは、オンライン詐欺やWebブラウザのセキュリティに関する調査結果や、IE8のセキュリティ機能を紹介し、オンライン詐欺から身を守るためにIE8に乗り替えようと呼び掛けている。また「知り合いにIE6を使っている人がいたら教えてほしい」と、友人の名前とメールアドレスを提供するよう呼び
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CAに聞く、5ステップで旅行の荷物をコンパクトにパッキングする方法 | ライフハッカー・ジャパン
IDEA * IDEA