整ったレイアウトのWebサイトを手早く作るためのCSSフレームワーク·Markercss MOONGIFT
MarkercssはCSS製のオープンソース・ソフトウェア。開発者はWebデザインが苦手だ。絵が描けない、デザインのイロハが分からないなどと色々な問題はあるだろうが、その一つにCSSの使い方がよく分からないというのがある。特にブラウザ間の誤差をうまく吸収できないのだ。 こんな感じのデザインも容易に Firefoxで見栄えよく仕上がったと思ったらIEで見たら破綻していた…そんなことを繰り返しているとデザインがいやになってくる。そこで使ってみたいのがMarkercssだ。Markercssは設定を一つ一つ行っていくのではなくシンボル化することで手早くデザインできるようにする。 例えばフォントをArialの12ポイントにしたい時にはクラスに“A s12”と書く。レイアウトを幅900pxにしたい時にはw900と書く。同様に高さはh500といった具合に定義する。Markercssの規定する方式に沿っ
JavaScriptベースのRIAを開発するのにぴったりなアプリケーションサーバ·Persevere MOONGIFT
WebベースでRIA（リッチインターネットアプリケーション）を開発しようと思ったら避けて通れないのがJavaScriptかFlashの道だ。開発者にとってはJavaScriptの方が手軽かもしれない。そしてJavaScript向けにリッチなインタフェースを構築するためのライブラリは既に多数存在している。 管理画面用のデータエクスプローラ そのようなライブラリを使いつつ、一歩進んだRIAを構築するフレームワークがPersevereだ。 今回紹介するオープンソース・ソフトウェアはPersevere、JavaScriptをサーバサイドで動作させるアプリケーションサーバだ。 Persevereは幾つかの複合技術で提供されている。一つはサーバサイドで、これはJavaベースのアプリケーションサーバを利用している。その上ではRhinoが動いており、サーバサイドJavaScriptが利用できる。 複数のブ
jQuery + PHPのショッピングカートシステム·jCart MOONGIFT
個人的に何となくEコマースというシステムは大げさなものに見えて仕方がない。ちょっとした商店のレベルで、まるでデパート並みの仰々しさがシステムから溢れている。もっとシンプルに買い物できれば良いと思ってしまう。 jQueryを使って作られたショッピングカートシステム シンプルに買い物するための仕組みに、JavaScriptは欠かせない（スムーズという点において）。そこで試してみたいのがjCartだ。 今回紹介するオープンソース・ソフトウェアはjCart、jQuery + PHPで構築されたショッピングカートシステムだ。 jCartはjQueryを使っており、商品をクリックするだけで同じ画面にあるショッピングカートに商品がポストされる。同じ商品をクリックすれば数量が増え、商品数を変えればその場で金額も変更される。 removeを押せばすぐに消える 各商品の横にあるremoveをクリックすればショ
カヤック製、ブログパーツフレームワーク·suzunari MOONGIFT
実践に勝る訓練はない、と言われる。机上の空論や理想論では心には響かない、確かな経験があるからこそ重みが増していくものだ。ソフトウェアについても同様で、本当の意味で役立つものは、実際に運用で使われて培われてきたものばかりだ。 Old versionとのことですが、左側に表示されているのがブログパーツ ブログのサイドバーなどに貼付けるブログパーツ。そのブログパーツを効率的に開発、提供するためのフレームワークがsuzunariだ。 今回紹介するオープンソース・ソフトウェアはsuzunari、Flash + JavaScriptによるブログパーツフレームワークだ。 suzunariの開発元であるカヤックではブログデコというブログパーツポータルを運営している。そして以前に話題になった剣道ブログパーツをはじめ、多数のブログパーツを開発している。そこで培われたノウハウを集約したのがsuzunariだ。
Django製のEコマースシステム·DjWarehouse MOONGIFT
※ 画面はデモサイトより システムが何でできているかはユーザにとっては関係はない。特にEコマースのような物販の場合は、商品や使いやすさが命で、システム内部は二の次だ。PHPで作られていても、Rails、Djangoで作られるのに何が違うのだろう。 商品一覧画面 それはカスタマイズの容易さだ。導入したシステムをそのままでサービスインすることはまずないだろう。そのため、自分たちのオリジナルの仕組みやシステムカスタマイズを行うはずだ。そうした変更がしやすいのは最近のフレームワークを導入したソフトウェアと言えるだろう。 今回紹介するオープンソース・ソフトウェアはDjWarehouse、Djangoを使ったEコマースシステムだ。 DjWarehouseはシンプルなEコマースシステムで、商品の一覧、詳細、ショッピングカートが提供されている。購入に際してユーザ登録が必須なのが若干面倒な所ではある。決済は
集え、Djangoデベロッパー·Django People MOONGIFT
※ 画面は公式サイトより プログラマーはクリエイターと似た側面をもっている。プログラミング言語は言わば共通言語として会話を成り立たせることができる。互いの言葉は分からずとも、ソースを見れば人となりが分かる、ということはあるのではないだろうか。 また、同じ言語やフレームワークを得意としている人同士はコミュニティを形成しやすい。それは日本に限らず、世界中で共感できるだろう。 今回紹介するフリーウェアはDjango People、Django開発者が集まるコミュニティだ。ソースコードは公開されているが、ライセンスは明記されていなかったのでご注意いただきたい。 Django PeopleはDjangoの開発者が集い、職や仕事を探すことができる。通常のユーザ登録の他、OpenIDを使った認証もできる。Googleマップを使い、自分の住んでいる場所を登録し、プロフィールとして各種WebサービスのIDを
かなり使いやすいGoogle App Engine製ブログエンジン·cpedialog MOONGIFT
個人的にGoogle App Engine（GAE）の上で動くブログエンジンというのは高いポテンシャルを秘めていると思う。何せ独自ドメインまで使えるブログエンジンが無料で手に入るようなものなのだ。ASPで動かすよりもよっぽども高速、安全、安易な運用が可能だ。 編集画面 そのためには高機能なブログエンジンの登場が待たれる。候補としてcpedialogは有力ではないだろうか。 今回紹介するオープンソース・ソフトウェアはcpedialog、GAE上で動作するブログエンジンだ。 cpedialogはブログのエントリー投稿はもちろん、ページ管理機能も備えている。YUIのWYSIWYGエディタを用いており、画像のアップロードにも対応している。さらにシステム設定やメニュー管理、Picasaにアップロードした写真も管理できる。 閲覧画面 フィードの管理、キャッシュ管理など多彩な機能に溢れている。ユーザ管理
Flash製の格好いいフォトブログ·photoDiary MOONGIFT
より上質なインタフェースを目指すならFlashを無視する訳にはいかないだろう。特にそれがクリエイティブな要素をもったコンテンツであれば尚更だ。見せ方一つとっても印象が全く変わってくるのだから、より上品に見せた方が良い。 Flashを使った上質なフォトブログ 写真を撮るのが好きな方はphotoDiaryを使ってより格好いいフォトブログを作ってみるのはどうだろう。 今回紹介するオープンソース・ソフトウェアはphotoDiary、Flashを使った奇麗なフォトブログだ。 photoDiaryは写真を中央に表示するフォトブログだ。閲覧者はコメントボタンを押すと付箋が表示されるのでそれを好きな場所に移動してコメントをすることができる。写真の周りにぺたぺたと付箋紙を貼付けておくようなイメージだ。 管理画面 全ての写真を一覧で表示したり、フルスクリーンモードで表示することもできる。管理画面からは写真をア
jQueryを使ったWebポータルフレームワーク·JPolite MOONGIFT
※ 画面は公式サイトより 様々なWebアプリケーションが開発され、JavaScriptを駆使したサービスが増えている。中にはWebポータル的なサービスも登場している。例えばiGoogleやPageFlakes、Netvibes、Windows Liveなどが有名だ。 ドラッグで移動も可能 そのようなポータルサービスを自分でも構築するなら使ってみたいのがJPoliteだ。 今回紹介するオープンソース・ソフトウェアはJPolite、jQueryを使ったWebポータルフレームワークだ。 JPoliteはjQuery POrtal Liteの略称で、jQueryを使ってグラフィカルなUIを実現したWebポータルを構築できる。上段にはタブがあり、それぞれ趣の異なるコンテンツを表示できる。iGoogleのように小さなウィンドウをドラッグで移動させることも可能だ。 RSSリーダー風 レイアウトは自由度が
次世代型のFirefoxアドオンAPI·Jetpack MOONGIFT
Firefoxはアドオンがあるからこそ魅力的だ。FirebugやGreasemonkey、Tab Mix Plusなど最早手放せないFirefoxアドオンは誰しもが持っているはずだ。だがFirefoxアドオンを試す際に厄介だったのが、インストールやアンインストールの度に再起動が必要なことだ。 新しいFirefoxのアドオンAPI。右下に表示されているGmailアイコンなどがそう そうした手間から解放される可能性を秘めた次世代型のFirefoxアドオン環境がJetpackだ。 今回紹介するオープンソース・ソフトウェアはJetpack、Firefoxアドオン開発を容易にするAPIだ。 Jetpack自体がFirefoxアドオンとして提供されるのでインストール後は再起動が必要になってしまうのは無念ではあるが、それさえ終われば新しい世界が広がる。APIとしてはステータスバー、タブ、コンテンツスクリ
memcachedのステータスをtop風に·memcache-top MOONGIFT
最近のWebシステム開発ではキャッシュを使うケースが増えつつある。各種Webアプリケーション向けフレームワークでもキャッシュをデフォルトでサポートしているものも多く、その筆頭に挙げられるのがmemcachedだ。 top風にmemcachedのステータスが確認できる memcachedは軽量で、あると便利だと思える機能が殆ど実装されていない。ステータスを監視するような機能もないが、そこは独自に開発されたmemcache-topを使えば解決する。 今回紹介するオープンソース・ソフトウェアはmemcache-top、memcachedのステータスを表示するコマンドラインスクリプトだ。 memcache-topはPerlで作られたスクリプトで、既に立ち上がっているmemcachedサーバを一覧し、そのステータスを表示してくれる。デフォルトで3秒ごとにリフレッシュされるようになっており、topコマ
凄い！jQueryでリボンメニューを実現する·jQuery Ribbon MOONGIFT
MS Office 2007から採用されたリボンメニュー。今は（といっても2年前からあるが）まだ違和感があるかも知れないが、徐々にリボンメニューを採用したソフトウェアも増えており、慣れると使いやすさは向上していることに気づくはずだ。 jQueryで実現するリボンメニュー！ そんなリボンメニューをブラウザで使える、そんなライブラリがjQuery Ribbonだ。 今回紹介するオープンソース・ソフトウェアはjQuery Ribbon、jQueryでリボンメニューインタフェースを提供するソフトウェアだ。 jQuery RibbonはjQueryを使ってあのリボンメニュー風インタフェースを実現する。凄いのは全てのインタフェースがリスト（ulタグ）だけで実現されていることだろう。そのためJavaScriptがオフであっても機能はするはずだ。 メニュー リボンインタフェースはもちろん、左上にはツリーメ
Plurk.comで使われているTokyo Cabinetをベースにしたキー/バリューデータベース·LightCloud MOONGIFT
Twitterに似たWebサービスを提供するPlurk.com。時間軸を持つことで、よりインタラクティブな印象与えるサービスだ。世界的に展開しているのでアクセス数も相当多い。そのような中で活躍するのがキャッシュサーバだ。 実践で使われている信頼性高いキー/バリューデータベース Plurk.comでは3つのデータベースが使われている。一つはMySQLもう一つはmemcached。そして最後にLightCloudだ。 今回紹介するオープンソース・ソフトウェアはLightCloud、Tokyo Cabinetをベースにしたキー/バリューデータベースだ。 LightCloudはmixiなどでもお馴染みのTokyo Cabinetを利用して構築されている。ライブラリはPythonのみではあるが、他の言語へのリプレースもそれほど難しくなさそうとのことだ。実際にPlurk.comで使われているという点が
メンテナンスフリー！郵便番号から住所を返すライブラリ·ajaxzip3 MOONGIFT
Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。 郵便番号から住所に変換する便利なライブラリ 郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。 今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす
システム管理者向けiPhone用SSHクライアント·TouchTerm MOONGIFT
てっきりこの手のソフトウェアはJailBreakが必須だと思っていたのだが、誤解だったようだ。システムというのは席を離れている時や、休暇をとっている時に限ってトラブルが起こる。生きているかのように、こちらの状況を知りつつピンポイントでエラーを起こしてくれる。 設定画面 セミナーの会場、屋外、カフェ、デパート…どこからでもサーバのステータスを確認、復旧できるそんな便利なソフトウェアがこれだ。 今回紹介するフリーウェアはTouchTerm、iPhone向けのSSHクライアントアプリケーションだ。 大抵のWebサーバ（Linux、Unixに限定されるが）はSSHがあればメンテナンスは事足りるだろう。さらに言えばiPhoneにはVPN接続を張る機能もある。インターネットVPNさえ構築してあればオフィス内にサーバだってSSH接続できるようになる。 設定画面 画面は小さく、ソフトウェアキーボードなので
Flash向けのグラフィックスフレームワーク·Degrafa MOONGIFT
去年、確かFlashを勉強しようと思っていたのにいつの間にか一年が過ぎ去ってしまった。これではまずい、今年こそしっかりと取り組んでいきたいものだ。今やFlashは大抵のブラウザにバンドルされており、華麗なインタフェースを提供する上では欠かせない技術になっている。それだけに使いこなせるようにしたい。 ファイナンス系のWebアプリケーションサンプル Flashの魅力と言えば、HTMLやJavaScriptでは難しいグラフィックスを提供できることにある。そのためのフレームワークがDegrafaだ。 今回紹介するオープンソース・ソフトウェアはDegrafa、Flash用のグラフィックスフレームワークだ。 Degrafaを理解するためには何よりもまずサンプルを見ることだろう。グラフィカルなグラフ、リッチなユーザインタフェース、ダイナミックなグラフィックス、各種シェイプなどを簡単に（恐らく簡単に）実装
IE6を殲滅せよ·sevenup MOONGIFT
※ 画像は公式サイトより Webシステムの開発に関わる方であれば、皆がIE6は嫌だと思っている。IE7も微妙かも知れないが、それでもIE6以前に比べれば十分に良い。Vistaがもっと普及していればIE7率はもっと高かっただろうに、今ではIE5.5、IE6、IE7そしてIE8と混在している状態だ。 IE6ユーザに警告する、ただちにIE7へバージョンアップしなさい！ IE6はもう嫌だ、もうサポートしないと決めたならsevenupを使ってみるのも良さそうだ。 今回紹介するオープンソース・ソフトウェアはsevenup、IE6ユーザにIE7への移行を進めるJavaScriptだ。 気づいてみると手元の環境にIE6はなかった。なので実物は分からないのだが、sevenupを読み込んで画面表示時にJavaScriptを実行するとIE6以前かどうかの判別を行い、もしそうであればフローティングウィンドウを出す
いつでもどこでもDropbox！·DropboxPortable MOONGIFT
Dropboxが熱い。外部HDDとも、ネットワークドライブとも違う、両者の良いどこ取りのような便利さがある。恐らく使われている方も多いのではないだろうか。だが会社では不要なアプリケーションはインストール禁止になっていることもよくある。 あのDropboxがポータブルに！ また、ネットカフェなどでは使えない。そう考えられていた時代もありました、そうDropboxPortableが出るまでは。 今回紹介するフリーウェアはDropboxPortable、DropboxをUSBメモリ上で使えてしまうソフトウェアだ。 ちょっとだけ本末転倒な気もしなくもないが、DropboxPortableはUSBメモリに入れて使えるDropboxクライアントだ。初回起動時にアカウントの設定をするとUSBメモリ内のフォルダの中にファイルを同期してくれる。 設定ウィザード 後はその中のファイルを変更すればファイルがアッ
Pythonを使ってJavaScriptを生成する·pyjamas MOONGIFT
Googleが提供している、GWTというフレームワークがある。これはJavaを使ってWebアプリケーションを開発し、結果をJavaScriptに変換することでクライアント向けのコードを書かずにWebアプリケーション開発ができるという代物だ。 メーラーのようなWebアプリケーション とても便利だとは思うのだが、いかんせんJavaだ。もっと需要を増やすためにはJavaではなくスクリプト言語でいくべきではないか。そもそもとしてGoogleと言えばPythonだろう、そう憤った（かどうかは知らないが）開発者が生み出したのがpyjamasだ。 今回紹介するオープンソース・ソフトウェアはpyjamas、PythonからJavaScriptを生み出すソフトウェアだ。 pyjamasはPythonで作られたソフトウェアで、同じくPythonで組んだコードをJavaScriptに変換する。いわばコンパイラー
圧縮だけじゃない。CSSを解析した上で圧縮する·CSS Compressor MOONGIFT
CSSは最近のWebシステムでは当たり前のように使われている。そして肥大化したCSSはネットワークの帯域を余計に食っているようなものだ。それを解決する手段として、CSSの余計な空白や改行を消して圧縮する技術がある。 こんなにちっちゃくなっちゃった！ だがCSS Compressorはもう一歩先の技術を使って、さらに圧縮を実現してくれる。これはなかなか興味深い。 今回紹介するオープンソース・ソフトウェアはCSS Compressor、CSSを解析した上で圧縮してくれるソフトウェアだ。 CSS CompressorはJava製のソフトウェアで、コマンドラインで実行する。CSSファイルを引数として指定すると、標準出力に圧縮した内容を返してくれる。余計な空白や改行の削除はもちろんとして、幾つか面白い機能がある。 ヘルプ 同じ設定を行っているクラスがあれば、それを一つにまとめてくれたり、4辺に同じ設
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
