http://code.google.com/speed/articles/html5-performance.html JavaScriptの高速化手法を紹介する、Googleのプロジェクト「speed」がリニューアルしたと言うので見てたら、「HTML5でパフォーマンスアップ」てなタイトルがあったので「なぬ?」と思って読んでみました。 HTML5使ってもそんな効力得られないだろう・・・と思って読んでみたら、「HTML5の記法を使えばnバイト節約」みたいなチョコザイな手法が主だったのでちょっと苦笑(^^; とはいえ、script要素に今度から加わるasync属性について等は、日本語で説明されている記事がほとんどないので、全体的に要約しておきます(あくまで翻訳ではなくて要約。時間がないので超適当です。正確なところは原文を読んでください)。 DTD HTML4までは以下のように書かなきゃいけな
追記 たくさん反響があって驚きました。念の為書いておくと、私はこの記事で仕組みを解説しただけで、このようなノウハウに賛成も反対もしていません。追記はここまで。 azu さんのつぶやきで知った、Dangers of anonymous function closures が、例がよいのに説明が少ないので、ここで丁寧に解説します。なぜ、 jQuery で ;(function () ...とセミコロンで始めるコードがあるのかがわかります。 次のサンプルの実行結果を想像して下さい。 var foo = function(bar) { console.log("foo"); return bar; } (function(){ console.log("bar") })(); 結果は "foo bar" を印字します。多くの場合、これは意図しない挙動だと思います。"bar" だけだと思いませんか。
追記:続編書きました。 リンクは一番下に 最近jQueryにはまっているひつじです。こんにちは。 jQueryに限らず、JavascriptでDOMをいじっていると var name = 'bsheep'; $('<div>').addClass('name').text(name).appendTo('#profile'); // // <div id="profile"></div> // ↓ // <div id="profile"><div class="name">bsheep</div></div> // こんな感じでDOMをその場で生成して埋め込みとかいう操作が結構あります。 でも、こういうの書いているとHTMLとscriptとを分離したくなってきますよね! この書き方のまま複雑なものとか作ってると、できあがりのHTMLの構造を読み取るための思考コストがかなり必
ある程度の規模になると複数台サーバを準備し負荷を分散させる必要があります。 負荷を分散させると一概に言っても様々な方法があるので紹介したいと思います。 ロードバランサー(LB) 負荷分散を行うための製品がLBです。 LBには負荷分散以外に次のような機能を持っていることが多いです。 SSLアクセレーション データ圧縮 キャッシュ フィルタリング LBは多機能かつ高性能ではありますが、非常に高価な製品です。(400万〜) 通常であれば冗長化なども必要なので数千万という単位の費用がかかります。 DNSラウンドロビン 1つのドメインに対して複数のIPを割り当てる事で負荷を分散します。 メリット 負荷分散する上でもっとも簡単かつ安価にできる ネットワーク的に離れたサーバにも分散できる DNSサーバのみで動作する デメリット グローバルIPをサーバの数だけ準備する必要がある 複数のサーバに対して均等に
前回はロードバランサー(LB)について書きましたが今回は実際にLVSを用いてLBを構築してみます。 LVSの仕組み LVSについては前回の記事で紹介しましたが、Linuxを高パフォーマンス、高可用性(HA)を持つサーバを作るプロジェクトや機能です。 準備 VMwareでゲストを3つ作る。 LVS WEB01(ApacheなどのWEBサーバを導入しててください) WEB02(ApacheなどのWEBサーバを導入しててください) LVSにはネットワークアダプターを2つにしてください。 片方はNATかブリッジ、もう片方はホストオンリー。 WEB01/WEB02に関してはネットワークアダプターは1つで、ホストオンリーにしてください。 OS LVSはOSのkernelバージョンに影響します。 2.6以上であれば基本的に問題ありません。(標準では2.4 2.6に導入されています) kernelバージョ
mongo, nodejs 某mizchiです。 次はデータベースを扱います。 nodejsとnpmを扱う環境が整ったでしょうか。 まだの方は「2011年最速のウェブアプリ開発環境はnode.js/CoffeeScript/Expressだ!」 http://d.hatena.ne.jp/eureka_tech/20110629/1309375362 を参考に環境を作ってください。 MongoDBとは? -> BSONという簡単なデータ構造でデータベースを構築できます なんでSQL使わないの? -> 「あれ学習コスト高くね?」 MySQLとMongoDBのパフォーマンスは一長一短 だったら簡単な方から! ついでに言えば、MongoDBで扱うBSONは拡張されたJSONで、JSONとはつまりJavascriptで書かれたデータ形式なわけで、そこらへんの相性もいいわけです MongoDBのイン
幻の ECMAScript 4th 幻となった ECMAScript 4th のドラフトを眺めていたところ, p.33 に Destructuring assignment and binding (分割代入, 分割束縛) という項目を発見した. 分割代入に関しては JavaScript 1.7 (Firefox などが用いる SpiderMonkey や Rhino に実装済み) から使用が可能であるため, ご存知の方も多いのではないかと思う. 「そういえば詳しい仕様は見たことがなかったな」と軽い気持ちで読み進めていたところ, そこに述べられていることが Haskell や OCaml など関数型言語におけるパターンマッチと同等であると分かり, 驚いた. 例えば, 分割代入においては次のように deep なパターンが利用可能であると書かれている. let { x: {a, b}, y:
node社内ネットウォッチャーの @mizchi です。今日はnode.jsでスクレイピングします。 一般的に言うスクレイピングとは、HTMLから自分がほしい箇所だけ抜き出すことです。それを自動更新でブン回して差分を確認したり、グラフにしたりするわけです。 node.jsでスクレイピングすると何が嬉しいんでしょうか? それはベースがjavascriptだから、みんなが大好きなjQueryが使える!ってこと ライブラリのインストール今回使うのは、request、jsdom。 URLをリクエストするrequest、htmlをブラウザと同じDOMエレメントのように扱えるjsdomという役回りです。 npm install request npm install jsdom jsdomでjQueryを読み込んで、そのjQuery化されたオブジェクトを返します。 実行指定したURLのjQueryオ
対処法 android:cacheColorHintを透明に設定する。 以下のような感じ。 <ListView android:id="@+id/android:list" android:layout_width="fill_parent" android:layout_height="wrap_content" android:fadingEdge="vertical" android:cacheColorHint="#00000000" /> 詳しい説明 Sign in - Google Accounts 404 | ページが見つかりません | Android Developers メモ ・cacheColorHintのデフォルト値は#191919(黒に近いグレー)。この色がスクロール時に出ていた。 ・リストがスクロールすることを示すために端が色あせるが、この色あせ効果にはC
最近、ある理由があって、Androidアプリについて色々と調べ直す必要が出てきたので、以下の記事を「利用シーン別」で整理し直しつつ、大幅に内容を見直してみました。 Androidの神アプリスレまとめ記事の内容を整理しつつ最新化しました 注意事項 以下の前提でまとめてみました。・2011/7/4時点でAndroidマーケットに存在する無料アプリが対象。・「利用シーン」は私の独断です。ご了承ください。・チェックはしてますが、間違い等ありましたらコメント頂けると助かります。QRコードを羅列すると2つが同時にファインダーに入ることがありますが、他のウインドウで目的以外のコードを隠す、等の方法で取り込みやすくなります。 なお、アプリの価格は常に変動しています。以下の情報をご利用の際はくれぐれもAndroidマーケットの最新の価格を十分ご確認の上「自己責任」でご購入ください。よろしくお願いします。 そ
先日は夏至だったようで、Googleのロゴが以下のように変わってました。 このGoogleのロゴ、何かのイベントの時に変わるので、季節や時事を感じることが出来て面白いですね。 てことで、過去のGoogleロゴってどこかにあるのかな?と思って探してみたら、以下にありました。 Google Holiday Logo Googleの公式でこういうサイトがあったんですね。この中から、これは面白いなーと思ったのを紹介してみます。 2009 年 9 月 3 日 ドラえもんの誕生日これは覚えてる方も多いのではないでしょうか。結構話題になりましたね。 2010 年 5 月 21 日 パックマン30周年! Google Doodle x PAC-MAN� & �1980 NAMCO BANDAI Games Inc. これは凄く話題になりましたね。画像をクリックしたら今でもちゃんと遊べます。iPhoneやi
ここ1週間くらいずっとAndroidゲーム開発を手探りで進めていた。そして、めでたく、ようやく、初のAndroid向け2Dアクションゲームをリリースすることができました。 Fire Rescue - Android マーケットhttps://market.android.com/details?id=name.shimobayashi.firerescue内容としては http://www.shimobayashi.name/ のBurningPanicというゲームをAndroid向けに移植した感じです。なお、ゲームのBGMはuzzuさん(http://twitter.com/uzzu)につくっていただきました、感謝。(スクリーンショットが若干おかしいですが、OpenGLを使った画面をPCでうまくキャプチャーできないようです。無念。) つきましては、またもやヘドロのごとくTipsが蓄積され
先日、突然iPad2やiPhone4のホワイトバージョンが発売され、このGW中にiOSデバイスのユーザが増えたのでは?と勝手に思ってる、ネットの実名「もとまか」です。 さて、スマートフォンの中では比較的使いやすくて分かりやすい、と思われるiPhone、iPadですが、使い始めの頃は戸惑われる方も少なくはないかもしれません。いわゆる携帯電話とは全く違うので、それも無理のない話でしょう。 てことで、iPhoneやiPadの新規ユーザさんでiPhone(もしくはiPad)の使い方がよく分からない!という方向けに、基本的な使い方や設定方法等をまとめてみました。 購入検討されてる方も、ぜひご覧になられると参考になるかも?と思ってます。 実はiPhoneのユーザガイドはiPhoneの中にある iPhoneにはユーザガイドの冊子はありませんが、実はiPhoneの中に「iPhoneユーザガイド」が入ってま
つい先日気がついたんですが、ここ最近「Android アプリ」というキーワードで検索してこられる方が多いようですね。新しい機種が登場してるし、スマートフォンユーザが増えるのは喜ばしい限りです。 で、気がついたのが以下の記事。 Androidの神アプリスレで紹介されてたアプリをまとめてみました ・・・アイコン、ちゃんと表示されてないですねorz てことで、整理し直すことにしました。それだけじゃ(私が)面白くないので、新しいアプリも追加してみました。元の記事を直さずに新しくする理由は、一番最後にて。 注意事項 元記事はこちらです。Androidの神アプリをあげるスレ | ライフハックちゃんねる弐式 今回は以下の記事も参考に、個人的に気になるアプリを追加してみました。【神アプリまとめ】Androidのスマホ買ったけど、とりあえずどのアプリ入れべき? 以下の前提でまとめてみました。・2011/4/
昨日からiPadユーザになった皆さんも多いのではないかと思います。ていうか、そうであって欲しいと思いたいですね。 そんな皆さんが今、一番頭を悩ませてるのがきっとアプリのことのはず。 いやむしろ、否応もなく、そのはずです! てことで、以下の記事を見直してみました。 利用シーン別に選んだiPad無料アプリ100選 【注意事項】紹介している価格は、本エントリ掲載時(2011/4/29 5:00)のものです。iPadアプリはいつ値段が変更されるかわかりません。ご購入の際はAppStoreの最新価格をよくご確認の上、くれぐれも「自己責任」でお願いします。 生活に密着した無料アプリ 生活に密着したアプリもiPadならでは、のアプリが多いです。 天気を確認出来るアプリ定番中の定番アプリです。そら案内 for iPad無料定番のお天気アプリ お買い物に便利なアプリでも買い過ぎにはご注意を!シュフーチラシア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く