タグ

2011年6月30日のブックマーク (13件)

  • ゲームでも使えそうなJavaScriptで作られた物理エンジン·box2dweb MOONGIFT

    box2dwebはJavaScriptで作られた物理エンジンライブラリ。Box2DFlashをJavaScriptへポートしたソフトウェア。 box2dwebはJavaScript製のオープンソース・ソフトウェア。ゲームを作る際に欠かせない要素が物理エンジンだ。オブジェクトの落下や重力の作用、オブジェクト同士の作用反作用、慣性の法則など様々な要素がそこには絡んでくる。スーパーマリオも物理エンジンあってこそのゲームだ。 デモ 最近であればAngry Birdsも物理エンジンを用いた処理によってあの動きが実現する。Webブラウザで動作するゲームを作る時に採用を考えたいのがbox2dwebだ。 box2dwebはBox2DFlashというFlash製の物理エンジンをJavaScriptに移行させたソフトウェアだ。デモでは多数の四角または丸のオブジェクトが落下し、それぞれが作用しながら動き回るよう

    ゲームでも使えそうなJavaScriptで作られた物理エンジン·box2dweb MOONGIFT
  • ウェブページ高速化に効果的なCSSセレクタ

    CSSセレクタの使い方によってウェブページの表示速度は変わってきます。 劇的に速くなるということはないと思いますが、「ページの読み込みが0.5秒遅くなると、検索数が20%減少する」とか「ページの読み込みが0.1秒遅くなると、売り上げが1%減少する」なんて聞くと試してみたくなるのではないでしょうか。 ウェブページの高速化とCSSセレクタの関係については「CSSセレクタの高速化の話し - Webtech Walker」で紹介されていましたが、先日GoogleのPage Speedのページでなかで「Use efficient CSS selectors(効率のよいCSSセレクタを使う)」と紹介されていて内容も若干違うので、こちらを簡単に例などを交えて解説してみます。 ブラウザはセレクタを右から左へ判別していく まず知っておきたいのは「ブラウザはセレクタを右から左へマッチするか探していく」というこ

    ウェブページ高速化に効果的なCSSセレクタ
    Akineko
    Akineko 2011/06/30
  • 東の空が朱く染まるように 忍者ツールズを支える自作サーバーたち

    HadoopのNamenodeはメーカー製サーバーを利用しています。 命名は弊社インフラエンジニアのtsunokawaです。 もちろん、ある意味忍者の代名詞である「服部半蔵」からのネーミングです。 ■二代目自作サーバー≪Hanzo≫ さて、格的に自作サーバーを展開するにあたり、集積度を上げることと 汎用性を高めること、メーカー製サーバーより安く仕上げることを考えて設計を行いました。 もちろん、保守はありませんので、故障したら即まるごと交換です。 さて、ここで最初に紹介したサイバーエージェントさんの「ミルフィーユ」を真似することでの問題点ですが、 遠隔操作がしにくい 搭載可能メモリ量が多くない サーバーグレードのパーツが使いにくい PCIeが殺されてしまう 真似するだけじゃ芸がない と、いうことで見た目以外は完全自前設計です。 さて、まずはそれぞれの問題点を潰すことから考えましょう。[5回

  • 「Android SDK開発のレシピ」の各レシピにGitHubのサンプルコードへのリンクを貼りました。 - がぶちゃんの日記

    AndroidSDK開発のレシピ―104個のレシピで学ぶAndroidアプリ開発の極意 作者: 塚田翔也出版社/メーカー: 秀和システム発売日: 2010/08メディア: 単行購入: 7人 クリック: 161回この商品を含むブログ (19件) を見る 「Android SDK開発のレシピ」のサンプルコードをGitHubで公開しているのですが、ブラウザからさくっとソースコードを見たい時に、ディレクトリをかちかちクリックするのが面倒なのでソースコードへ直接リンクを貼りました。 ソースコードには説明のためにコメントをたくさん書いているので、を持っていなくても何となく読んで使えると思います。どうぞご利用ください。 ちなみに、リンクがないレシピは、ソースコードだけでは(解説がないと)分かりにくいレシピです。ごめんなさい。 Chapter 1 開発環境のレシピ レシピ 001 実機とエミュレータで

    「Android SDK開発のレシピ」の各レシピにGitHubのサンプルコードへのリンクを貼りました。 - がぶちゃんの日記
  • CSS3、HTML5、jQuery、デザインなどウェブ制作のテクニックが動画で学べるサイト

    CSS3、HTML5、jQuery、ウェブデザインなど、ウェブ制作のテクニックが動画で学べるサイトを紹介します。 Learn Web Design! HTML 5 & CSS3 Video Tutorials & Training Resource [ad#ad-2] 動画は有料会員向けのコンテンツですが、無料でも数多くの動画を見ることができます。無料で見るときに、登録などは必要ありません。 動画はすべて英語で、英語が苦手な人でもコードや成果物を見るだけでも勉強になると思います。下記にいくつか紹介します。

  • センスあふれる404エラーページ30種

    最近ではあまり見かけなくなってきましたが、リンクをクリックした際に「404 Not Found」と表示されると、目的のページが見つからなかったというストレスが残ってしまうもの。そんな残念な気持ちを一転して楽しい気分にさせてくれるような、センスあふれるデザインの404エラーページ30種です。 30 Creative 404 Error Pages | Flash User 1:Huwshimi 「忍者がこのページを盗んでいった」という秀逸な404エラーページ。 2:Audiko 探偵がページを探しています。 3:Abduzeedo ヒューストンにあるNASAのジョンソン宇宙センターに「問題が発生した」と連絡中。 4:Milrayas シマウマがたくさんいて、一瞬では何頭いるのかわからなくなります。 5:Brandstack 404エラーページへアクセスしたユーザーの部屋を描いたような絵です。

    センスあふれる404エラーページ30種
  • iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」:phpspot開発日誌

    Attach a function to iOS’s shake ? gShake | Webification iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」。 このプラグインを使うことで、iPhoneをシェイクした際にブラウザ上でイベントを起こして処理を行うことができるみたいです。 iOS4.2以降で動作するそうです。 実装にはライブラリを読み込んで次のようにコールバックを設定するだけのようです。 動きなどは検証していないのですが、HTML5ベースでアプリケーションを作るぜ、という場合に便利に使うことができるかも。 関連エントリ スマフォでも使える3Dカルーセル実装jQueryプラグイン「Cloud Carousel Touch」 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 レイアウトに関する強力なjQ

  • Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - outsider reflex

    Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « Fox Splitterを作りなおした Main ジム通いを始めた » Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - Jun 30, 2011 あかつかだいすけさんのご紹介で、6月27日に慶応大学湘南藤沢キャンパスでインタラクションデザインについての講義を1時間ほどやらせていただきました。その際の発表資料はいつもの通り「高橋メソッド in XUL Returns」で作ったのですが、Remote XULがデフォルトで禁止されるようになったFirefox

  • svn+TeXでcommitするとPDF - オーム社開発部の出版システムでの書籍執筆:Geekなぺーじ

    以前、オーム社開発部の出版体制を取材しましたが、今回、私自身がそのシステムを使ってを書きました。 Subversionでバージョン管理をしつつLaTeXを書く形式です。 複数人でを書く時にバージョン管理ツールを使わないと、誰がどこをどういじったのかがわからなくなったり編集箇所が競合する場合が多いのですが、Subversionを使うことでそれらが解決可能です。 さらに、筆者か編集者のうちの誰かがsvn commitを行って最新版を更新すると、それに連動して最終原稿として印刷所に入稿されるものと同じ形のPDFが自動的に生成され、DTP作業がゼロになるとともに、筆者がアウトプットを細かく確認ができるという特徴もあります。 しかも、Subversionのコミットメールを編集者側も見ていて、該当部分に対する編集やコメントがすぐに投入され、こちらが文章を書いた数分後に編集側意見が含まれるPDF

  • 最近リリースされた高品質なフリーのデザインフォント -2011年6月

    最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Deibi 個人・商用利用無料。 Nunito 個人・商用利用無料。 Play 個人・商用利用無料。 [ad#ad-2]

  • .htaccess だけで簡単キャリア判定してみる | バシャログ。

    まだ 6 月だってのに早くも今年初あせもができちゃったよ!かいーの nakamura です。 サイトのモバイル、スマホ対応もすっかり一般的になってきた今日この頃、みなさんいつもどんな方法でキャリア判定を実装しているでしょうか。がっつりフレームワークなどを使っていればさほど難しくはありませんが、ほとんどプログラムが動いていないような静的なサイトの場合はちょっと面倒ですね。今日はそんな時に有用な .htaccess を使ったキャリア判定の方法をご紹介します。 仕様 今回、ルートディレクトリ / は PC 用サイト、/m/ 以下がモバイルサイト、/sp/ 以下がスマホサイトとして以下の仕様を元に記述方法を考えていきます。 PC で /m/, /sp/ 以下にアクセスしたら / にリダイレクト。 モバイル、スマホで PC サイトにアクセスしたらそれぞれ /m/, /sp/ にリダイレクト。 モバイ

    .htaccess だけで簡単キャリア判定してみる | バシャログ。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • GitHub、プログラミング言語識別ライブラリ「Linguist」をオープンソースで公開 | OSDN Magazine

    GitHubは6月27日、ファイル内に記述されているプログラム言語を識別するライブラリ「Linguist 1.0」を公開した。ライセンスはMIT License。 Linguistは、ファイルで使われているプログラム言語を識別する目的でGitHubが開発したライブラリ。ファイルの拡張子で言語を判別するだけでなく、拡張子のないスクリプトファイルや、C/C++/Objective-Cのような互換性を持つ言語については中身を調べる「ディープコンテンツインスペクション」により言語を検出する。これによって言語を検出し、Pythonシンタックスハイライター「Pygments」向けのRubyラッパー技術「Albino」によりシンタックスハイライト処理を行わせる、といった処理が可能。 このほか、MIMEタイプ検出、バイナリファイルのチェック、使われている言語のグラフ生成などの機能もある。ライセンスはMIT

    GitHub、プログラミング言語識別ライブラリ「Linguist」をオープンソースで公開 | OSDN Magazine