Geo Location with HTML5 and Jquery jQueryとHTML5でジオロケーションするデモとサンプルがダウンロード可能になっています。 特にスマートフォン向けの機能として実装する際に参考にできそうです。 いざ実装するという段階になったときにサクっと実装できそうなので覚えておいて損はなさそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 jQueryとCSS3、HTML5でここまで出来るホバーインタフェース

php-console - Google Chrome extension for displaying PHP errors/exceptions/debug messages in browser console or notification popups - Google Project Hosting PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」。 Chromeの拡張とPHPのソースコードで動かすもので、PHPのエラーを、Chromeのコンソールウィンドウや、画面内にポップアップでポコポコ出せたりします。 要はChrome用のFirePHPみたいなものです。 以下のようにエラーレベルとエラーメッセージが表示されます。 コンソールの例 ポップアップの例 この機能が使えるかどうか？はアドレスバーで確認できます。使える場合はアイコンが次のように表

davidcoallier/node-php - GitHub Node.js上でPHPを呼び出せる「NodePHP」。 Node.js上のコードからFastCGIのインタフェースを使ってPHPを呼び出すというもの。 そもそもそんなことしなくても、NginxとFastCGIでPHP動かしたほうがいいんじゃ？という物ですし、作者自身もNode.jsのコンセプトに反する物だとしています。 とはいえ、なかなか面白い物だと思うのでご紹介。 Node.jsからfastcgi経由でphpを呼び出す部分 https://github.com/davidcoallier/node-php/blob/master/lib/nodephp.js そのまま使わないとしても１つのコード例として使える場面がありそうです。 関連エントリ node.jsに関する基礎や開発・チュートリアルのまとめ node.jsでシンプ

List of Most Commonly Used PHP Functions :: search[code] 頻出順で学ぶPHPの関数リスト。 有名な、Wordpress, Mambo, Sphider, Smarty, Drupal, CodeIgniter 等のオープンソースを正規表現にかけて頻出関数について調査したそうです。 Tokenizer を使っていないので関数ではないものも混じっていたりしますが、関数だけを抽出し、マニュアルにリンクしてみました。 PHPをこれから学ぼうという方は参考にさせてもらいましょう。 isset - 変数がセットされていること、そして NULL でないことを検査する define - 名前を指定して定数を定義する empty - 変数が空であるかどうかを検査する assert - assertion が FALSE であるかどうかを調べる file

大震災によって更新を自粛しておりましたが、そろそろ更新を再開します。 被災された方々へ、心より見舞い申し上げます。各種募金への協力等も行っていきましょう。 今回は、Amazon EC2のを使う上で必要なサーバ引越の際に必要な事をまとめてみました。 先日、東京DCが開設されましたが、節電等の観点から引越される場合や、電源が戻ったりした場合に東京に引越する際の参考に。 尚、東京DCにおいてのサービス停止はないそうですが、バックアップ電源の性能再評価を実施中だそうです。 現時点においては、EC2の公式サイトによると５つのリージョンが存在します（アメリカ東・西、EU、シンガポール、東京）。 EC2は便利なのですが、システムの構成によっては、サーバの引越等は何かと大変だったりするのでノウハウを参考まで。 尚、こんな簡単な方法があるよ、という方は @phpspot_kj 等に Twitter で教えて

iframeやtextareaをドラッグ＆ドロップでリサイズできるようにするjQueryプ... 次の記事 ≫：モダンなブラウザアイコンセット９ A Simple MVC Setup In Node.JS node.jsでシンプルなMVCを行うための仕組みが色々紹介されています。 WEBアプリケーションを組むといえば、MVCにして、アプリケーション全体の見通しをよくしたり、各キャリアへの対応も簡単にしたりといった手法が一般的ですがnode.jsでも同じような仕組みが確立されるとより使いやすくなりそうですね。 Mongoose - node.jsで使えるmongoDB用のORマッパーライブラリ(Model) Jade - JavaScript のテンプレートエンジン(View) Express.js - WEBアプリ構築フレームワーク。コントローラー部分に該当するコンポーネント(Contro

WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラ... 次の記事 ≫：シンプルさがいい感じの１５４種類のアイコンセット Top 10 MySQL Mistakes Made by PHP Developers PHP開発者のMySQLの間違いトップ１０。 手慣れている人にとっては知ってることも多いかもしれませんが、初心者が役立ったり、知らない部分のカバーとしてメモとして書いてみます MyISAMを使っている デフォルトはストレージエンジンにMyISAMだけどInnoDBを使おう リカバリ可能でオンラインバックアップ機能、外部キー利用可能なInnoDBおすすめ 詳細：Open database life: MyISAMとInnoDBのどちらを使うべきか PHPのMySQL関数を使っている mysql_* 関数を使わず、PDO等でストレージ変更に対応しよう

phpScenario: Free Split Testing Library for PHP A/Bテストが簡単に実装できるPHPライブラリ「phpScenario」。 A/Bテストとは、AとBを出しわけて、どっちが収益につながるコンバージョン率が高いかを調べたり、使われたりするかをするテストです。 これをライブラリを使って可能な限り簡単に実装できるそうです。 たとえば、次のように、分岐させてテストを行うみたいです。 <?php if (Scenario::IsControl('my_test')) { // my_test の場合の処理を行う } else { // それ以外の場合の処理を行う } ?> 具体的なコードはドキュメントがあまり充実していないのでわかりづらいのですが、１から実装するよりも参考にできる部分がありそうです。 テスト結果も以下のように出力できるっぽいです。

LeanBack Player | HTML5 Video Player 字幕.inみたいなサイトが簡単に作れそうなスマフォ対応のHTML5動画プレイヤー「LeanBack Player」。 次のように字幕を付けることができます。埋め込みコードの出力や、Youtubeっぽいインタフェースもいい感じです。 HTML5なのでモバイルデバイスなんかでも使えちゃいますね。 HTML5非対応ブラウザで見ても動画は再生できるようになっています。 独立したライブラリで動作し、CSSによるスキン変更にも対応。 キーボードショートカットにも対応するなど芸が細かい。 PCでは主要ブラウザでの動作が確認されている他、モバイルデバイスでは、iPhone iOS 3+、iPad iOS 3.2+、Android2.2でもテストされています。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 CSSで

Baker Ebook Framework HTML5による電子書籍発行フレームワーク「Baker」。 HTML5で、768px幅固定でページを作っていって、HPubフォーマットでファイル一覧をアーカイブします。 これをBakerフレームワークを落としてきてXcodeで開き、データを入れてコンパイルするって流れのようです。 HTML5ということで、画像を固めたものよりインタラクティブなことができそうですね。 サンプルで配布されているBookも落として見ましたがなかなかいい感じでした。 関連エントリ ブログを電子書籍形式(ePub)に変換できるWordPress3のプラグイン「Anthologize」

SQLiteManager - Web-based SQLite administration WEBベースで楽々SQLite管理「SQLiteManager」 SQLiteは便利ですが、あまり慣れていないとテーブル内を操作するのは微妙に面倒だったりします。 このオープンソースを使えばWEBベースのGUIで簡単管理が出来ます。 複数のデータベース管理や、テーブル作成、インデックス操作、基本のテーブル操作（Insert , Update, Delete, Select)や、データのエクスポートが可能。 スキンによるインタフェースの見た目を変更することも出来ます。 これはいいですね。 関連エントリ SQLiteのアーキテクチャ資料 phpSQLiteAdmin

Practical Uses for PHP 5.3 Closures | Vance Lucas PHP5.3での実用的なクロージャのコード例。 PHP5.3ではクロージャが使えるわけですが、今まで使えなかったものが急に使えるようになったので、使ってない人も多そう。 まだPHP5.3以下の環境であったりもしますしね。なかなか興味深い使い方のコード例を解説しているページがあったのでご紹介。 メソッドの引数にクロージャで関数を引数として渡している例。 引数が関数になることで、呼び先のメソッドでより柔軟な処理が可能になりますね。 次は、コンフィグファイルにクロージャで関数を代入。より状況にあわせたダイナミックなコンフィグの使い分けができそう 次は、データのキャッシュの際に、キャッシュしたいデータを返す関数をキャッシュする関数の引数として渡すというもの。 コードの可読性とか構造とかこれでいいのか

jQuery & PHP Powered User Manager BitsNTuts.Com jQuery | CSS | PHP | MySQL Tutorials & Articles jQueryとPHPを使ったモダンなユーザ管理機能実装デモ。 ユーザ登録、ログインといった機能は画面遷移するのが通常ですが、jQueryを使い画面遷移なしのモダンなログイン機能・ユーザ登録を実現するためのコードです。 デモということでそのまま本番プログラムとして使う場合にはチェックはした方がよいですが、ダウンロードして使うことが出来ます。 ページヘッダーに表示されるログインのタブ クリックするとニョキっと表示され、そのままログイン。 「Not Registerd?〜」の部分を押すと登録画面がLightBox風に表示されます。 ユーザデータがMySQLに保存される部分までのPHPコードも同梱されており、

Power dump() on your PHP applications | News | Phil Sturgeon PHPで変数を若干分かりやすくスタイリングしてくれる関数が紹介されています。 基本的にvar_dumpなのですが、<fieldset>と<legend>タグ、CSSを使い比較的分かりやすく表示してくれます。 自分なりに見やすくなるようにデザインしておくと便利に使えるかもしれませんね。 関連エントリ PHPのデバッグを補助してくれるFirefoxエクステンション「Xdebug Helper」 PHPの「Segmentation Fault」でのデバッグ方法

Best Lightweight PHP Frameworks of 2010 | Webification 軽量なPHPフレームワーク2010。cakephpやsymfony、Zendと色々ありますが、どれも多機能故の重さ等もあります。 あまりに重くて１台あたりで捌けるトラフィックが少なくなり、サーバ台数を増やさなくてはいけなくなる場合もありますね。 そういうわけで、軽量（１MB以下）で開発中のフレームワークの特集があったのでご紹介。 そんなに多機能じゃなくてもいいので、それなりに便利に使えるかもしれないフレームワークを知っておいてもよさそう 関連エントリ PHPフレームワークの学び方 PHPで、どのフレームワークが一番？ PHPフレームワークのベンチマーク比較

CakePHPやsymfonyの開発者が集まる「PHP祭り2010」が10月2、3日に開催されます。 場所は晴海グランドホテル。内容的には、泊まりこみ(食事付き、２・３人相部屋)で開発してコンテストを行ったり、豪華ゲストによる基調講演が開催されたりします。 開発は、１泊で完成させなくても、予め作っているものを仕上げてもOKらしいです。すごいアイデアを持っている方はPRの場として活用出来るかもしれません。 同時に開催される、豪華ゲストによる基調講演もなかなか興味深い内容です。 何かをやるための仲間を見つけたい場合にもよい機会となるかも。 ●開催場所 泊まりこみ、食事４食付きでこの内容ということで、かなり高い値段かと思いきや２万２０００円という値段で参加できるそうです。 通常なら宿泊代と食事代だけでこの値段になってしまいそうですが、スポンサーの方々のご協力によりこの値段が実現しているそうです。

Get Surreal | Surreal ToDo PHP＆MySQLのクールなAjaxノートブック構築用OSS「Surreal ToDo」。 ノートはページ内にJSで追加できて、次のようにiGoogleみたいに画面一面に広がり、ドラッグ＆ドロップで移動も可能という変わったWEBツールがオープンソースで公開されています。 タブを切り替えることで多数のノートを１画面で管理することが可能です。 テキストエディタなんかを多数立ち上げている方はこれを使うと１画面に集約できてスッキリしそうです。タブが増やせるので切り替えも可能なので広く使えます 右クリックで編集やインデント、フォント設定の変更や削除が可能。 編集はダブルクリックでも出来るみたい。 左の+ボタンを押すと伸縮させることも出来ます。 関連エントリ オープンソースのソーシャルブックマーク用プログラム オープンソースGoogleAnalyt

How to Identify an Apple iPhone, iPod or iPad Visitor to Your Website iPhoneかiPodかiPadかを調べるPHPとJSのソースコード例が公開されています。 先日もiPad判別コードという似たようなエントリを紹介したのですが、参考になるという方もいたようなのでご紹介。 iPhoneとiPodとiPad、それぞれ、AppleWebKitが使われていますが、バージョン番号が異なってます。 まあ、わかりやすいのですが、iPad、iPhone、iPodがUAに入ってくるのでそれを判別するだけになります。 サイト上のJS、PHPコードもiPad/iPhone/iPodの文字列を調べているだけのようですが、ちゃんとやりたいという方は正規表現を使ってやるとよさそうですね。 関連エントリ iPad用のサイト作成に覚えておくこと色々

jdmweb.com | How to build a youtube video manager with PHP, MYSQL & jQuery PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラムが公開されています。 Youtube動画の紹介サイトのヘッドラインなんかに使えそうです。紹介したいプレイリストを作って公開する場合にも使えますね。 閲覧者には、サムネイルがドロップシャドウ付で表示されます。 クリックすれば、LightBoxで動画が再生されます。 管理画面もあって、追加、編集、削除が簡単に行えます。 覚えておくと使える時があるかもしれませんね。

5 Must See HTML5 Sites 見ておくべき、かどうかは分かりませんが、HTML5の可能性について知ることができるサイト集です。 ビデオ、キャンバス、ドラッグ＆ドロップ、ストレージ等HTML５のデモ集。 サポートブラウザの対応もアイコン付でわかりやすいサイト。 CanvasでWindowsのPaintを実現した凄いサイト HTML５で書かれたサイトのギャラリーサイト。 といった感じでHTML5について学べるサイト集。暇なときに眺めるだけでも予習になりそうですね。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 最近公開のHTML5関連の参考サイト色々まとめ