iPad SimulatorはWebブラウザ上でiPadを再現するソフトウェア。 [/s2If] iPad SimulatorはPHP製/Webベースのフリーウェア（ソースコードは公開されている）。iPhone向けのWebサイトは増えてきたが、iPad向けとなるとまだそう多くはない。iPadがいくらPC向けサイトを見られるからといって、問題がないかと言われるとそうでもない。 ホーム画面。どう見てもiPad 例えばECサイトなど、購入に携わるまでのステップがiPadで使い勝手が悪いと機会損失につながる恐れもある。そこでiPad用のWebサイトを構築する時に使えそうなのがこのiPad Simulatorになる。 iPadのシミュレータと言えばAppleが公式に提供している。だがあればMac OSXがなければ使うことが出来ない。対してiPad SimulatorであればWebサイト限定ながらiP

MobiOne StudioはWindows用のフリーウェア。iPhone用のWebサイトを作ろうとした場合、Windowsでは相当不利になっていた。WebKitはあるので、ユーザエージェントを変えればレンダリング結果は近いものが得られるだろうが、やはり別物だった。 ビジュアルデザインが可能 さらにWebサイトのデザインをするのも画面構成が特殊なので、Mac OSXがないと難しかったはずだ。そんな面倒さにやきもきしていたWindowsユーザはMobiOne Studioを使おう。これを使えば一気に未来が開けるはずだ。 MobiOne StudioはiPhone用のWebサイトをデザインするためのIDEだ。30以上のコンポーネントがあり、ドラッグアンドドロップで配置してWebデザインができる。とても簡単に最適化サイトの設計ができるはずだ。専用のアイコンも60種類以上ある。 生成されるHTML

XCode themesはMac OSX/XCode用のフリーウェア。XCodeはiPhoneアプリやMac OSXアプリを開発するのに必須とも言える開発環境（IDE）だ。IDEはテキストエディタ同様に個々人によって設定を変え、使いやすさを追求するのが基本だ。 XCodeの生産性を上げる 色やフォントを自分向きに設定するだけで生産性は大きく変わってくる。デフォルトのままでは白ベースなので長時間見続けるのは辛く、個人的には黒ベースが良い。そんなカラー設定を提供するのがXCode themesだ。 XCode themesはXCodeのカラー設定を保存している。「~/Library/Application\ Support/Xcode/Color\ Themes/」にダウンロードしたファイルを保存すると、XCodeの設定画面のフォントとカラーで「GHDark」「ColorBlind」「GDTw

GityはMac OSX用のオープンソース・ソフトウェア。分散化バージョン管理システムであるGitの人気は高い。サーバ集中型の場合、個々人が自由にリポジトリを操作するのは難しいが、Gitの場合はフォークしてしまえば自由にコミットできるのが魅力だ。 Mac OSX（10.6以降）用のGitクライアント だが現状、必須と呼べるレベルのクライアントソフトウェアが存在しない。Subversionがあれだけ受け入れられたのはTortoiseSVNによるところが大きい。Finder連携型ではないけれども使い勝手の良いGitクライアントとしてGityを紹介しよう。 GityはGit操作に関して一通りの作業ができるクライアントソフトウェアだ。リポジトリの閲覧に加えてブランチを一覧したり、追加することもできる。タグやサブモジュールの追加も可能だ。差分の閲覧やコミット、Push、Pullなどの操作もできるので

WebMemcacheはPython製/Google App Engine用のフリーウェア（ソースコードは公開されている）。Webサーバの負荷を減らしたり高速化を考える上で欠かせないのがキャッシュだ。最近のWebシステムではごくごく当たり前に行われている手法だ。 データをPOSTした所 最も有名なキャッシュシステムと言えばmemcachedだが、独自のサービスを立てる必要があるので誰しもが使える訳ではないだろう。あくまでも擬似的ではあるが、Google App EngineをmemcachedサーバにしてしまうのがWebMemcacheだ。 WebMemcacheはGoogle App Engineをキャッシュサーバにする。アクセス方法はHTTPになり、JSONPによるコールバックにも対応している。サーバサイドからはHTTPで使えば良いだろう。クライアントサイドでもJSONPを使えば非同期

PHPWebSocketはPHP製のフリーウェア（ソースコードは公開されている）。HTML5で登場する新しい機能の一つがWeb Socketだ。JavaScriptを使って特定のWebサーバとソケット通信ができるようになる。これまでAjaxを使って行っていたような操作がもっと手軽に、さらに高度なこともできるようになるだろう。 クライアントサイド だが実装までの道のりが複雑であれば利用頻度は少なくなってしまう。そこで参考にしたいのがPHPWebSocketだ。PHPWebSocketはPHPを使ったWeb Socketサーバの実装と、それと会話するクライアントのデモを提供している。 server.phpを実行すると、localhost:12345でサービスが立ち上がる。後はWeb Socketに対応したクライアント（例えばGoogle Chrome）でclient.htmlを開けば良い。サー

phpshはPython製のオープンソース・ソフトウェア。PHPはWebシステム開発で手軽に使えて、小さな規模から大規模までこなせるプログラミング言語だ。時々槍玉にあがることはあるが、使い手次第といった所だろう。なにせ今やYahoo! Inc.すらも追い越そうという勢いのFacebookでも使われているのだ。 Pythonで実装されているのがミソ そんなFacebookではオープンソース・ソフトウェアを多数リリースしており、Apache Software Foundationのゴールドスポンサーにもなっている。そして新しくリリースされたソフトウェアがphpshだ。PHPではあるがソフトウェア自体はPythonで作られている。 phpshはPHP用のシェル環境だ。標準でもインタラクティブモードがあるが、それのFacebook版だ。予め--with-readlineのようなオプションを付けずに

ChawはPHP/CakePHP製のオープンソース・ソフトウェア。プロジェクト管理ソフトウェアはすでに無数に存在する。有償パッケージ、オープンソース、ASPなど提供形態も様々だ。個々のニーズ、使い勝手によって自由に選択できるようになっている。 CakePHPを使って作られている すでに有名なオープンソースのWebブラウザベースで使えるプロジェクト管理としてTracやRedmineが有名だ。それらをリスペクトしつつ開発されたのがChawだ。どちらかと言えばGithub風に使える、カスタマイズも容易な面白いソフトウェアだ。 リポジトリはGitまたはSubversionが対応している。ソースビューワー、タイムライン、ウィキ、チケット、バージョン情報が主なコンテンツになる。ソースはフォーク可能で、フォークされたプロジェクトの一覧を閲覧することもできる。 プロジェクト一覧 システムはCakePHPで

AirHttpdはAdobe AIR製のオープンソース・ソフトウェア。Adobe AIRは同じコードでWindows/Mac OSX/Linuxと動作させることができ、さらにリッチなインタフェースも提供できるプラットフォームだ。現在2.0が開発中で、新しい機能がさらに増える予定だ。 Adobe AIRでHTTP その一つの機能を使って実現したのがAirHttpdだ。名前の通りAdobe AIRを使ったHTTPサーバとなっている。なぜAdobe AIRでサービスなのか、という気もするだろうが任意のサービスを立ち上げられるようになったら、Adobe AIRとしての可能性をさらに広げるのは間違いないだろう。 利用はポート番号と公開するディレクトリを指定し、Listenボタンを押すだけだ。終了時にはShutdownボタンを押せば良い。画面の下にはアクセスログが表示されるようになっている。ディレクト

MacBook AIRや新しいMacBook Proで搭載されたマルチタッチ。元々はiPhone/iPod Touchに搭載された技術だが、指を開いて拡大、回転と言った動作は直感的で分かりやすい。それまでのタッチパッドとは一線を画す便利さだ。 そんなマルチタッチではあるが、まだまだ利用される場面は少ないように思う。アプリケーション側での対応が必要だからだ。それではもったいない、このソフトウェアを使ってマルチタッチを活用しよう。 今回紹介するフリーウェアはMultiClutch、マルチタッチを使ったマウスジェスチャソフトウェアだ。 MultiClutchはマルチタッチの各動作に割り当てるマウスジェスチャソフトウェアだ。初期設定パネルとして動作し、利用には管理者権限が必要だ。ジェスチャーはMac OSX全体にも、個別のアプリケーションでも指定できる。MultiClutchを使えばMac OSX

McMonはPHP製のオープンソース・ソフトウェア。多数のレスポンスに耐えられるサービスを構築する上でKVS（キーバリューストア）の存在は欠かせなくなっている。その中で最も有名なものと言えばmemcachedだろう。それだけにそのステータスの監視は重要になる。 PHPで作られている memcachedはシンプルなシステムだけに管理インタフェースも自分たちで作らなければならない。もしWebブラウザベースで確認できる管理インタフェースが欲しければMcMonを使ってみよう。McMonはPHPで作られたmemcached管理ツールだ。 利用に際してPHP用のmemcached拡張をインストールする必要がある。そのためレンタルサーバレベルでの利用は難しそうだ。memcachedのバージョンや起動時間、データ量、ヒット数や実行されたコマンドの数などが一覧になって表示される。 設定ファイルの中で複数のサ

namebenchはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。インターネットを高速化する手法は幾つか存在するが、その一つに最適なDNS選択がある。遅かったり更新の遅いDNSを使っていては、せっかくの高速なインターネットを活かすこともできない。そこで開発されたのがnamebenchだ。 DNSのベンチマークを取る namebenchはGoogleの20%プロジェクトで開発されたソフトウェアで、DNSのベンチマークを取ることが出来る。グローバルなDNSプロバイダも含んでレスポンスをテストすることができる。WindowsやLinux向けはCUIで、Mac OSX向けにはGUIが提供されている。 結果はHTMLファイルで出力されて、応答時間の平均や応答の分布図がグラフで表示される。そして最終的にどこのDNSがベストであるかも表示する。テストを行ったDNSはリスト

nk-gestureはGoogle Chrome向けのオープンソース・ソフトウェア。快適なブラウジングを行う上でもはや欠かせない存在になりつつあるマウスジェスチャー。大抵のブラウザで実現可能で、マウスを使われている方にお勧めのソフトウェアだ。それはもちろんGoogle Chromeにも存在する。 Google Chrome向けのマウスジェスチャー nk-gestureがGoogle Chrome用のマウスジェスチャーソフトウェアだ。機能拡張として動作するので、起動時に--enable-extensionsを付けて起動する必要がある。インストール後、右ボタンを押しながら決められた形式にマウスを動かすとマウスジェスチャーが行えるようになる。 例えば設定画面を呼び出すにはクエスチョンマークを描くようにマウスを動かせば良い（下の点は不要）。設定画面では新しいタブを開いたり、前のページに戻ったりする

jQuery OembedはJavaScript製のオープンソース・ソフトウェア。おそらくYoutubeからはじまったであろう、自分のサイトへのコンテンツ埋め込みの機能。今や写真やプレゼンテーション、動画など様々な外部コンテンツがサイトに埋め込めるようになった。しかしここで問題なのが埋め込むコンテンツの内容が分かりづらいことだ。 各種サービスの埋め込みHTMLを生成する 大抵Flashのタグで囲まれており一般的には難解だ。Embedなどと書かれているがよく分かりづらい。そこで使ってみたいのがjQuery Oembedだ。jQuery Oembedはリンクタグにclass="oembed"を指定すると実行されるjQueryプラグインだ。 例えばFlickrの写真のリンクをURLにしてoembedの指定をすると、写真がサイト内に表示されるようになる。イメージタグを書く必要はない。同様にvime

CodeMirrorはJavaScript製のオープンソース・ソフトウェア。Webブラウザのテキストエリアの貧弱さは言うに事欠かない。メモ帳レベルの機能しかなく、とても使い勝手が悪い。HTMLを作成する場合はWYSIWYGなエディタに変換するCKEditorのようなソフトウェアも存在するが、Webブラウザ上でプログラミングしたいと思うような機能はない。 テキストエリアをハイライト もしWeb上で開発者向けのサービスや環境を提供しようと思うならCodeMirrorを使ってみるといいだろう。CodeMirrorはテキストエリアを開発のしやすいエディタ環境に変化させてくれるソフトウェアだ。例えばJavaScript/HTML/CSS/Python/Rubyといった言語向けにハイライト表示する機能がある。 それらは各言語向けのCSSとJavaScriptで作られたパーサーによって作られている。また

CSS DocはRuby製のオープンソース・ソフトウェア。プログラミングソースを複数人で参照するときや、ライブラリを開発した際に必要なのがドキュメントだ。最近では各言語向けに○○Docと呼ばれるものが普及している。これにより関数やメソッドの前に特定のシンボルを付けつつ説明を書くだけで後々コマンド一つでソースドキュメントを生成できるようになる。 CSSファイルからドキュメントを生成 同様の仕組みはデザイナーの方にとっても大事かもしれない。特に修正していく内に入れ子になったり、情報が散在して分かりづらくなってしまうCSSはそうだ。そこで使えるのがCSS Docだ。CSS Docを使うと、CSSファイルを解析して、複数ファイルのドキュメントを生成してくれる。 内容はCSSファイルの内容に関する一覧と、タグやクラスの一覧に対する定義箇所を一覧にしてくれる。デザイン上は特に意味はないと思われるが、ル

SaveCircleはMac OSX向けのフリーウェア。注意していても忘れてしまうのが保存だ。場合によってはマシンがクラッシュすることがあるが、そうした時に限って重要な作業をしていたりする。さらに保存を行う直前だったということも多々ある。 タイマーで自動保存 作業時間が勿体ないと言えばその通りだし、企業にとっても作業時間分のコストが全くの無駄になってしまう。そんな失敗を少しでも防いでくれるのがSaveCircleだ。SaveCircleは指定時間ごとに保存処理（コマンドキー + Sキー）を自動実行してくれるソフトウェアだ。 設定は最前面にあるアプリケーションまたは指定したアプリケーションに対して実行するかとなっている。例えばWebブラウジング中では保存処理は行わないので、消えたら困るソフトウェアを設定しておくのが良い。時間は自由に設定できるので、1分や1時間など必要に応じて設定してほしい。

HeidiSQLはWindows向けのオープンソース・ソフトウェア。MySQLの管理インタフェースとしてphpMyAdminを使うケースは多い。確かに外部のデータベースを使うなら便利だ。だが社内やローカルのデータベースを使う場合はローカルアプリケーションの方が便利ではないだろうか。 高性能MySQLフロントエンド GUIのMySQL管理ソフトウェアも幾つかあるが、WindowsであればHeidiSQLが便利そうだ。特に設定をレジストリファイルとして出力して、他のHeidiSQLで読み込ませられるのが良い。社内で複数人で使う際にも一つ一つ設定する手間が省けるのだ。 HeidiSQLからデータベースを選択してテーブルの内容を見られるのはもちろん、データを編集してアップデートすることもできる。テーブルの構造を変更したり、インデックスを追加することも可能だ。任意のクエリーを実行、データのエクスポー

TornadoはPython製のオープンソース・ソフトウェア。ここ半年くらいで盛り上がりを見せているワードが「リアルタイムウェブ」だ。Twitterのようなリアルタイム検索やFriendFeedのようなソーシャルアグリゲートサービスをはじめ、多数のサービスがこのリアルタイムウェブに向かって突き進んでいる。 サンプルアプリケーションのブログ そこで使われているWebサーバにはこれまでとは違うニーズが発生する。Tornadoはまさにリアルタイムウェブのために作られた、Webアプリケーションサーバだ。 TornadoはFriendFeedが自社のサービスを支えるために開発したWebアプリケーションサーバだ。ノンブロッキング通信をサポートし、epoll（I/Oイベント通知）を使って同時に1,000ものコネクションをさばくことができる。さらにロングポーリング（Long Polling）やHTTPスト