TokyoTyrantをPHPで使う際に便利な資料がスライドシェアで公開されてました。 TokyoTyrant をご存知の方も多いと思いますが、一応、知らない方に説明をすると、TokyoCabinet という高速なkey-valueストア型のデータベース操作ライブラリがあって、これのネットワークインタフェースになります。 mixi の最終ログイン時刻保存などに使われているそうで、１秒で１００００回もの保存・読み出しクエリをマシンたった１台で処理できた実績があります。 データをファイルに保存するので、サーバを落としてもデータは保持され、なおかつmemcachedと同程度のパフォーマンスを発揮できるという物凄いものです。 これをPHPから扱うためにはどうするか、という際に参考に出来る資料となってます。 非常によくまとまっていたのでご紹介させて頂いてます。 資料によると、当然ながらPHP Ext

Unknown::Programming - メソッドの引数を柔軟にするあれの件 こういう拡張をできるようにするために僕が良くやるのが引数の最後を常にオプション引数と見なすやり方です。 PHPで関数やメソッドの引数の数を柔軟にする方法。 関数定義時に引数を記述せず( 例: function test()  ) 、関数内で func_get_args 関数を使って引数を取得することでそれが可能になります。 <?php test("a", "b", "c"); function test() { $args = func_get_args(); print_r($args); } ?> 出力結果例 Array ( [0] => a [1] => b [2] => c ) きっちりと引数は書いておいた方がドキュメント化したときなどに分かりやすくていいのですが、たまにこういう機能が使いたいという時

新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう。 プログラミングを覚えるには作って動かすが一番いいですが、「書いて」→「保存して」→「実行して」を一瞬で行えます。 具体的にはプログラムを書いていて、コマンドモードで「￥r 」をタイプするだけでペインが分かれてプログラムの実行結果が得られます。 VPSなどを借りて、これからプログラミングをはじめようって方にも有効です。 かなりインスタントに実行できるので、こう書くとこう出る、がサクサク進められる

Typing Game with jquery jQueryでタイピングゲームを作るチュートリアル。 ページ内に表示されるボールに表示されたアルファベットをひたすら打っていくという単純なゲームになっていますが、意外と面白いです。 動作デモはこちら スピードを速めたり、制限時間を付ける等してより面白くすることが出来そうですね。 関連エントリ jQueryを使って画像の上にコンテンツをクールにアニメーションされてオーバーレイ表示するサンプル 打ちやすいバーチャルキーボード実装が可能なjQueryプラグイン「VirtualKey」 jQueryを使った映り込みエフェクトがかかったイメージギャラリー リッチで使いやすいＵＩを作成するためのjQueryライブラリ＆サンプル集

jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。 今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。 マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK 国ごとのカラーリングを示した例です。 アメリカだけを対象に描画も可能 ヨーロッパだけもOK 拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。 作った方お疲れ様でした＆すごい！ 関連エントリ ドラッグできる地図

jQuery treeTable Plugin Documentation 階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」 次のようなエクスプローラ風の階層を持ったテーブルを作ることができます。 カラムも別れており、それぞれ情報を表示でき、階層の折りたたみもできます。 テーブルを決められたルールに従って定義したら、$(element).treeTable();として初期化するだけです。 シンプルですがなかなか使えそうです 関連エントリ ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」 縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」

紹介されているコードを使うとIPアドレス偽装が実装できてしまうおそれがあるので注意してください。プロクシ由来の他のヘッダも利用した上で注意して使う必要があります Get Real IP address of the Visitor using PHP | Expert PHP Developer プロキシ経由でもリアルIPを取得するPHPコードスニペットが公開されています。 リアルIPを集計したい局面はありますから覚えておいてもよさそうですね。 特に難しいコードではありませんが、サクッとやりたい時にはコピペで使えますね。 知らなかった場合はこういうヘッダが入ってくるのだと覚えておいてもよいかも 追記：フォロー記事をいただきました IP アドレスが偽装可能か確認してみよう - A Day in Serenity @ Kenji 関連エントリ OAuth対応のPHPでTwitterに投稿するス

42 Outstanding FREE UI Kits for Web Designers | Queness UIの研究や作成に参考にできるフリーのUIキット４２。 PSD形式などで利用することができるようです。サイトのアイデアを練りつつ、どんなUIにしたらベストかな？といったことを考える際にもUIが揃っているので参考にできるかもしれません。 関連エントリ LionのUIキットPSD これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 独特のUIを提供してくれるjQuery用のUIフレームワーク「Ninja UI」 色々と使えそうなフリーのUIエレメントPSD７０種

mindmaps HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 マインドマップツールも色々ありますが、HTML5ベースで、インタフェースも結構イケてるツールの紹介。ソースのダウンロードも可能です。 項目をマウスオーバーすると赤い丸が出るのでそれをドラッグ＆ドロップでツリーをどんどん広げていけるインタフェースも使いやすいです。 マウスホイールでマインドマップ自体の拡大・縮小が可能で、細かいところにも配慮がされています。 Chromeであればサクサク動いて、本来の目的である思考に集中することができるでしょう。 ツリーの折りたたみなんかもできちゃいます。 ソースはこちらのgithubにてダウンロード可能

h5ai larsjung.de Apacheのディレクトリインデックスをありえない位かっこ良くできる「h5ai」 HTML5の機能を使って、通常の味気ないディレクトリインデックスをかなりかっこ良くしちゃうというものです。 ディレクトリ一覧。アイコンなんかもついてかなりリッチ mod_headersとmod_autoindexというApacheモジュールを応用して作られているようですが、こんなことが出来るとは知りませんでした。 表示方法もアイコンベースに変更することも可能です。これはイカしていますね。 サイドの丸みを帯びた物体にカーソルをあわせるとニュイーンと伸びてツリービューが表示。これまた便利です。 動作デモはこちら デザインは基本的にHTML+CSSなので、あなた好みにカスタマイズすることも可能。 Apacheの味気ないデザインページは嫌だ！というデザイナーさんは覚えておくとよさそう

ブロックごとに独自の右クリックメニューが実装できるjQueryプラグイン「contextMenu」 2011年07月11日- jQuery contextMenu Plugin Demo ブロックごとに独自の右クリックメニューが実装できるjQueryプラグイン「contextMenu」。 通常ブラウザ上で右クリックすればブラウザのコンテキストメニューが出ますが、これを独自にできる上、ブロックごとに実装を別にできます。 このため、メニュー欄ではコンテキストメニュー１を、コンテンツではコンテキストメニュー２を設定してユーザビリティを高めることができそうです。 ブロック外で右クリックすれば通常のブラウザのコンテキストメニューも使えるのでフラストレーションはたまりません。 メニューもアイコン付きでなかなかナイス！ インプットをメニューにいれこんじゃうなんてことも出来ます 自分で実装するとめんどくさ

異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます（角丸はCSSで指定してます）。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div

jQuery Timer Demo タイマーを作る際に便利なjQueryプラグイン「jQuery Timer」。 単純に、指定エレメントの値を指定秒数で＋していくタイマーの実装がjQueryのプラグイン形式で簡単にできるものです。 setIntervalとかでやっちゃえばいい話なのですが、オブジェクト指向っぽく使えて後から見たときのコードも分かりやすくできます。 var myTimer = $.timer(); myTimer.set({ action : function() { alert('This message was sent by a timer.'); }, time : 5000 }).play(); myTimer.set(options); myTimer.play(); myTimer.pause(); myTimer.toggle(); myTimer.once(

30 Websites Using JavaScript Sliders | Vandelay Design Blog スライダーを上手く使ってデザインされたWEBサイト集３０ ページ上段に大きく画像を使ってデザインされたWEBデザイン集です。 同じようなサイトを作る際の参考資料となりそうだったのでご紹介です。 それぞれデザイナーの方が趣向を凝らしたデザインはどれも勉強になると思います 関連エントリ 奥行きをうまく使ったサイトデザイン集３０ 次のサービスに使えるかもしれないロゴデザイン集２２ 自然を取り入れた美しいWEBデザイン集

Got Wood? UI Design Elements | MediaLoot これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基本的なUIパーツはそろっているので頑張ればページに適用できるはず。 レイヤーに綺麗に分かれているのがいいですね。 見ていてなにか作りたくなりました。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 モックアップ作成用PhotoshopのUIキット「Soft UI Kit」 ブルーが美しいモダンなＵＩキットPSD 色々と使えそうなフリーのUIエレメントPSD７０種