プログラマーやSEの方々はWebデザインが苦手だ。私自身、色々勉強はしつつもどうにも好きにはなれない。そのため、極力テンプレート的なものを使って作業するようにしている。デザインを後回しにすると、システムがある程度できた時にはじめることになり、折角乗っている気分を台無しにする恐れがある。 CSSで段組みを実現 最近の流行は960px幅のWebサイトらしい。その大きさに基づいて、印刷レベルでも耐えうるというのがTypogridphyだ。 TypogridphyはCSSテンプレートをオープンソースで公開している（ライセンスは明記されていなかったのでご注意いただきたい）。XHTMLに準拠し、ValidなCSSとなっている。 TypogridphyはPHPファイルと一緒に提供されているが、プログラミングコード部分がないのでHTMLと変わらないようだ。960pxと書かれているが、デモ用のHTMLファイ

業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと

最近話題になることが多いバージョン管理システムのGit。Subversionのようにサーバを用意する必要もないので、チーム開発はもちろん個人レベルの開発でも十分に役立ってくれる。コミットとプッシュ（サーバへの反映）が別なので、こまめにコミットしたい私のような人にぴったりとも言える。 GitのMac OSX用フロントエンド コマンドラインでの利用が基本ではあるが、GUIフロントエンドがあるとビジュアル的にデータが見られたり、普段は使わない機能を簡単に呼び出せて便利だ。Mac OSXをお使いならGitXも一緒にどうぞ。 GitXはMac OSX向けのGitフロントエンドで、GPLの下に公開されているオープンソース・ソフトウェアだ。 GitXを立ち上げたら、既存のGitリポジトリを指定して開けば良い。コミットのログを見るヒストリーと実際のコミットを行うコミットの二つの機能がある。ヒストリーではブ

コンピュータを使っている時には、何らかのアプリケーションが動作しているのは間違いない。例えばブラウザ、テキストエディタ、開発環境、メーラーなどなどだ。しかしその中で最も良く使っているものは何だろうか。 自分がよく使っているアプリケーションが一覧される 最近はWebアプリケーション化が進んでいるので、ブラウザかも知れない。そんな情報を見える化してくれるのがこのソフトウェアだ。 今回紹介するフリーウェアはwakoopa、同名Webサービスのトラッキングソフトウェアだ。 wakoopaはWindows、Mac OSXで動作するソフトウェアで一度起動したら後は放置しておくだけで良い。自動的に起動しているアプリケーションのデータを送信してくれる。後はしばらく経った後にサイトにいけば、よく使っているアプリケーションが一覧されていることだろう。 設定画面 面白いのはWebアプリケーションにも対応している

みんな大好きニコニコ動画。Mac OSXではFlashとの相性が悪いのか、しばらく見ているとCPU利用率が急上昇してくる。そのためブラウザから見るのではなく、専用のプレーヤを介した方が楽しめるようになる。 メイン画面。検索と登録に分かれる 専用プレーヤであれば、Webインタフェースとは違う使い勝手があってもっと動画を楽しめるようになる。そんな専用プレーヤとしてこちらを紹介しよう。 今回紹介するフリーウェアはMacNicoTunes、Mac OSX向けのニコニコ動画プレーヤだ。 MacNicoTunesは3ペインの構成になっている。左上はフォルダで、カテゴリやお気に入りの動画を登録しておくフォルダ、そして検索キーワードを設定しておきスマートフォルダ風に使える動画管理機能になっている。 動画再生画面 左下は動画のサムネイルが表示され、右側が検索や登録しておいた動画の一覧となっている。再生は別画

※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi

Appleは自社のオリジナルアプリケーションとサードパーティ製アプリケーションで明確に機能を区別することがある。iPhoneについてはそれが特に顕著で、たびたび開発者の不満を買うことになる。 任意のアプリケーションをバックグランド実行 iPhoneでできないこと、それはバックグランドでの処理だ。iPodは音楽を聴きながら他の作業をしたり、メールやSMSは自動受信機能がある。これは標準のSDKでは提供されていない。しかしJailBreakがその鍵をこじ開けてくれる。 今回紹介するオープンソース・ソフトウェアはiPhone Backgrounder、iPhone/iPod Touchでバックグランド処理を可能にするソフトウェアだ。 iPhone BackgrounderはJailBreak後のCydiaを使ってインストールする。特にアイコンなどはない。任意のアプリケーションでホームボタンを長押

Mac OSX + FirefoxでFlashを見ていると、CPUの使用率が上がってしまい、他の作業にも影響を及ぼすくらい調子が悪くなる（筆者のMacBook AIRだけだろうか）。そのため、動画は別なPCでみたり、影響が出ても問題ないようにしておく必要があった。 ニコニコ動画専用プレーヤ だがこれからはMacNicoPlayerを使うことにした。これを使えばニコニコ動画だけを単独で楽しめるようになる。 MacNicoPlayerはMac OSX向けのニコニコ動画プレーヤで、タブを使って検索やトップページを簡単に切り替えたり、マイリストに即座にアクセスできるようになる。検索は画面右上のテキストボックスからいつでもできる。 閲覧、ダウンロードができる さらに画面の左上にある保存を押すと、動画のダウンロードが開始される。Flashビデオ形式なので、必要に応じてMP3やMPEGに変換すれば良いだ

フレームワークは得てしてそうだが、本体だけでもある程度の開発効率向上が臨めるが、そこにプラグインが加わることでさらに便利になるものだ。Railsの場合でもタグやユーザ管理、OpenIDなど様々なプラグインが存在している。これらがRailsの魅力を高めているのは間違いない。 Djangoを使った開発の際にはまずチェックしよう 同様の試みをDjangoで行うオープンソース・プロジェクトがPinaxだ。PinaxはGoogle Code上にホスティングされており、様々なプラグインを開発、提供している。 主なものを挙げると、OpenID、メールアドレス確認、パスワード管理、サイトアナウンス、通知システム、ユーザ同士のメッセージング、簡易的なtwitterクローン、アバター、グループ、タスク管理、Wiki、ブログ、ブックマーク、タグ、アドレス帳インポート（Gmail、Yahoo、vCard）、写真管

JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト（右クリック）メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン

いつ出るか、いつ出るかと待ち遠しかったがついに登場した！ Mac OSXのインタフェースが優れていることは大多数の人が認めるだろう。Windowsには感じられない、エレガントなインタフェースはMac OSXやiPhoneなどで活躍している。あのインタフェースをWebブラウザ上で実現できたらどれだけ良いだろう。 サンプルアプリケーションのflickrビューワー Ajaxを使ったGmailをはじめて触ったときのあの驚きを再び感じさせてくれるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCappuccino、Webブラウザ上でCocoa風インタフェースを実現するアプリケーションフレームワークだ。 Webベースでありながら、JavaScriptを記述する必要はない。Objective-Cに似た、Objective-Jというプログラム言語で記述して、それをWebブラウザ向けにJ

これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ

Ajaxを使った開発において、Prototype.jsなどのAjaxではレスポンスを全て指定したID内に入れてしまうことでごく簡単に複雑なレンダリング結果を表示できるようにしている。Ajaxというと、結果のXMLを操作して複雑にJavaScriptを操作しなければならないというイメージに比べてずいぶん単純になり、身近になった。 サンプル だがそれでは通信量が増えてしまうのも事実だ。ごくシンプルなデータを複雑なレンダリングにつなげる、こちらを使ってみよう。 今回紹介するオープンソース・ソフトウェアはPURE、JavaScript向けのHTMLレンダリングエンジンだ。 PUREはjQueryプラグインとして動作するソフトウェアで、複雑なレンダリングを実現しようと思うとなかなか難しいJavaScriptによるHTMLレンダリングを容易にしてくれるソフトウェアだ。 クリックするとデータを追加するサ

Google App Engineがいかに優秀であろうとも、開発者がアイディアを思いつかなければ使い道は少ない。Webサービスを構築、公開するためのプラットフォームというのはそこが難しい点だ。 すっきりとしたシンプルなインタフェース だが、新しいWebサービスを構築しようと意気込むユーザ以外でも使えるソフトウェアを開発、配布した場合は異なってくる。Googleのパワフルなエンジンを使ってサービスを提供できるのだ。 今回紹介するオープンソース・ソフトウェアはPotlatch Blog、Google App Engine向けのブログエンジンだ。 Potlatch BlogはGoogle App Engineを使ったブログエンジンだ。これならば誰でも簡単にブログを設置できるようになる。新しいWebサービスを構築するよりもずっと身近にGoogle App Engineを利用できるようになるだろう。

iPhoneやiPod Touchは母艦のPCに接続するとバックアップを行うようになっている。アプリケーションのデータやメール設定、通話履歴など様々なデータがバックアップされる。 コンソールベースで実行する 万が一、データが消失した時にはバックアップから戻せるので安心だが、ただデータが蓄積されていくというのも面白くはない。実際、どのようなデータがバックアップされているのか見てみよう。 今回紹介するオープンソース・ソフトウェアはiPhone Backup Decoder、iPhoneバックアップデータのデコードソフトウェアだ。 iPhone Backup DecoderはiPhone（iPod Touchも恐らく対応）のバックアップデータを指定して実行するソフトウェアだ。Pythonスクリプトになっており、たった一ファイルで動作する。 一つのバックアップデータをデコードしたもの 実行すると、

iPhoneは国内ですでに7万台売れているそうだ。この数字が大きいかどうかは分からないが、iPod Touchと含めて考えると10万人以上のユーザがいると考えられるだろう。世界で考えれば数百万人のユーザが存在する。 iPhone/iPod Touch専用のHTMLテンプレート そのため、AppStoreのように専用端末でしか動かせないアプリケーションさえ市場になりえる。もしあなたがiPhone/iPod Touch向けのWebサイトを構築したいなら、これを使ってみると良いだろう。 今回紹介するオープンソース・ソフトウェアはiPhone Universal、iPhone/iPod Touch向けのインタフェーステンプレートだ。 iPhone UniversalはHTML、画像、CSSで提供されるソフトウェアで、あのiPhone独特なインタフェースのテンプレート集になっている。例えばリストの形

適切に組版された文書を作成する上で、LaTeXを選択するのは正しい。だが、その記法を覚えるのが面倒で、オフィス系のワードプロセッサで文書を作ってしまう例も少なくない。一旦覚えてしまえばそれほど苦でもないだろうが、最初の一歩が面倒なのだろう。 起動時の画面。サンプルもたくさん登録されている。 そこで作成にテキストエディタを使うのではなく、専用のエディタを使ってしまおう。 今回紹介するオープンソース・ソフトウェアはLyX、WYSIWYGなLaTeX2eエディタだ。 LyXはWindows、Mac OSX、Linuxで動作するソフトウェアだ。通常のテキストエディタのように、LaTeX文書を作成することができる。数式や画像、表などを作成することも簡単にできる。 ソースコードのプレビュー また、最終的にDVIやPDF、PSファイルで出力することもできる。参考文献の挿入や、相互参照を追加するなど、論文

最近のフレームワークではMVCが重視されている。確かに、各要素が分かれていることで分業もしやすく、問題の切り分けもしやすくなる。こうした傾向はアプリケーションの高度化、難度が高まるにつれて需要が高まってきた。 JavaScriptMVCの説明ページ となれば、最近のWebアプリケーションで多用されるようになったJavaScriptでもこうした取り組みが必要になってくるのは間違いない。 今回紹介するオープンソース・ソフトウェアはJavaScriptMVC、JavaScriptで実装するMVCフレームワークだ。 JavaScriptMVCはリッチなWebアプリケーションを実装するためのフレームワークで、REST APIを通じて取得するモデル、クライアントサイドのビュー、イベントハンドラをかねたコントローラの三つがベースになる。 コントローラ さらにプラグイン機能や、外部ファイルを動的に取り込む

Railsの人気は国内外ともに高いが、同じように人気が高いフレームワークがPython製のDjangoだ。Pythonのシェアは海外に比べ国内では多くないが、Google App Engineでも採用されるなど、可能性は非常に高いフレームワークだ。 解凍すればすぐにDjango開発が行える Railsの場合もそうだが、いかに面白いフレームワークであっても、インストールするまでの手間ひまが必要では普及の足かせになってしまう。理想はインストールせずに利用できることだ。 今回紹介するオープンソース・ソフトウェアはInstant Django、インストールせずに使えるDjangoフレームワークだ。 Instant DjangoはWindows向けのソフトウェアで、任意のフォルダに解凍してstart.batを実行すれば必要なパスなどが設定される。後は初期のプロジェクトを作成して開発を行えば良い。 後

これまでの携帯ではモブログと呼ばれるような、メールからブログの内容を書いて送るだけでブログへの投稿ができる仕組みが一般的だった。だがこれは仕様は存在しない、言わば各ブログごとで実装するもので仕組みが複雑ではあった。 App Storeからインストール可能 大抵のブログエンジンにはXML-RPCによる投稿機能がある。それを使ってiPhone/iPod Touch向けにブログ投稿機能を提供するのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはWordpress for iPhone、iPhone/iPod TouchからWordPressへの投稿クライアントだ。 for iPhoneとなっているが、App Storeからダウンロードして利用するアプリケーションでありiPod Touchでも利用できる。記事をローカルに保存しておくことや、フォトライブラリやiPhoneのカメラ機