2012/05/22

ファイルを電子メールのようにフィルタリングする「Sortbox」

メールにはよく届く内容に合わせてフィルタ設定を行うのが一般的ですが、ファイル管理にもそれを適用したのがSortboxです。Dropbox内の専用フォルダに入れたファイルを自動でフィルタリングしてくれます。 トップページです。Dropboxアカウントと紐づけます。 OAuthの確認です。 メイ...

2012/05/16

ガントチャートからiTunes風表示まで。Dojoを使ったグリッドライブラリ「dgrid」

jQueryなどと並んで有名なJavaScriptライブラリのDojo。そんなDojoで使える高機能グリッドフレームワークがdgridです。 iTunes風の表示です。アルバムやアーティストを選択すると内容が変わります。 ガントチャート風表示です。タスク同士の関連性が表現できています。 サブ...

2012/05/09

自分で立てよう。Pinterestクローン「Pinry」

ECサイトや雑誌サイトから熱い注目を集めているPinterest。そんなPinterestクローンというべきソフトウェアがPinryです。 最初の画面です。まだ画像はありません。 ログイン画面です。新規登録もできます。 登録する画面です。まだブックマークレットはないようで、直接画像のURLを...

2012/04/27

Facebook製。モバイルWebブラウザテスター「Ringmark」

RingmarkはFacebookからリリースされたモバイルデバイスにおけるHTML5サポート状況チェックツールです。W3Cに寄贈されました。 自動でテストが開始されます。 リング0のテストが終わってリング1のテストに入ります。 テストが終わりました。所々抜けがあります。 テスト結果の詳細で...

2012/04/27

FirebugのJavaScript/HTML/CSS表示をハイライト処理「FireRainbow」

FirefoxのWeb開発デバッグツールとして知名度の高いFirebug。そんなFirebugはJavaScriptの表示がハイライトされておらず不便に感じる人も多かったのではないでしょうか。そこでFireRainbowをインストールしましょう。 インストールしました。再起動します。 こちら...

2012/04/19

MapCSSに対応したiPad向けOpenStreetMapビューワー「MapCSS」

ここ最近OpenStreetMapを使ったサイト、サービスが増えてきています。そこで自分のiPadアプリにもOpenStreetMapを組み入れたいと思ったならば参考にしたいのがOpenStreetPadです。 iPadの画面いっぱいに表示されるOpenStreetMap。 ピンチ、パン操作...

2012/04/17

Redisの可能性を拡大する。Redis用Apacheモジュール「mod_redis」

Redisはセッション管理をはじめKVSとして便利に使われていますが、プロトコルが独特であるためにサーバとの通信くらいにしか使われていません。そこでJavaScriptからでもRedisを使いやすくするmod_redisを使ってみましょう。 インストールしました。mod_redisは名前の通...

2012/04/14

米Yahoo製のnode.js用Webアプリケーションフレームワーク「Mojito」

Yahoo! Inc.が開発したnode.js用WebアプリケーションフレームワークがMojitoです。MVCでYUI 3とも組み合わせられるなどちょっと気になる機能が多いソフトウェアとなっています。 デモアプリです。Metro風です。 パネルをクリックすると記事が表示されます。 Mojit...

2012/04/14

iOS向け最適化サイトを作る際に便利なJavaScriptライブラリ「iOS.js」

iOS向け最適化サイトを作る際には二種類の方法があります。jQuery MobileやUiUIKitのようなテーマを使って作っていく方法と、フルスクラッチです。もしフルスクラッチで作っていくならば一緒に使ってみてほしいライブラリがiOS.jsです。 通常だとこんな感じに表示されてしまうページ...

2012/04/07

Twitter for Mac OSXにも使われているメッセージ系ソフトウェアにぴったりなUI「EDSidebar」

iOSの隆盛に伴って、Mac OSXアプリの中にもそのエッセンスを取り込んだソフトウェアが登場してきています。今回はTwitterやSparrowといったアプリのUIを模したEDSidebarを紹介します。 デモアプリ。二つのアイコンリストが並んでいます。 アイコンはクリックで切り替え...

2012/03/31

こいつはやべえ。JavaScriptでGithubリポジトリの読み込み＆書き込み「github.js」

GitHubはWeb APIを公開している希有なソースコードリポジトリサービスです。そんなGitHubのAPIを使って作られたのがgithub.jsです。なんとJavaScriptだけでGitHubリポジトリのファイルを読み込んだり書き込んだりできます。 基本的な使い方です。 ファイルの読み...

2012/03/23

これはすごいかも。iOS上で動くnode.js「nios」

2012/02/29

Firefoxアドオンが動く（のを目指す）WebKitブラウザ「WildFox」

FirefoxではレンダリングエンジンにGeckoを使っていますが、最近はスマートフォンを中心にWebKitが流行っています。そこでFirefoxとWebKitの力を融合しようと言うWebブラウザが登場しました。それがWildFoxです。 MOONGIFTを表示してみました。一部画像が出てい...

2012/02/29

ネイティブにDartをサポートするWebブラウザ「Dartium」

Google ChromeはオープンソースのWebブラウザChromiumをベースに作られたソフトウェアです。そのChromiumにJavaScriptだけでなくDartを実行できるようにしたWebブラウザがDartiumになります。 起動しました。基本的にChromiumと変わりません。 ...

2012/02/28

Google Chrome上で電子書籍（ePub）を読む「Readium」

ePub3は2011年の秋頃に完成しました。その結果、コンテンツや対応リーダーも続々と増えていくと思われます。Readiumはその一つ、Google Chrome上でePubを読める電子書籍リーダーです。 インストールします。 インストールされました（右下のアイコン） まずライブラリを追加し...

2012/02/11

Web上でZipファイルの読み書き「zip.js」

Web上でZipファイルを作成したり、内容を読み込んだりするのに使えるのがzip.jsです。ファイルの送受信で使えそうです。 メイン画面です。まずファイルをアップロードします。 ファイルを追加しました。自動でアップロードが開始します。 4つファイルを登録しました。ダウンロードボタンを押すとZ...

2012/02/05

サイドバイサイド/インライン表示に対応したJavaScriptテキスト差分表示ライブラリ「jsdifflib」

テキストを扱うWebアプリケーションで便利そうなライブラリがjsdifflibです。JavaScriptを使って二つのテキストの差分を表示してくれます。 デモです。二つのテキストエリアにテキストを入力しました。 Diffボタンを押すと差分が表示されます。サイドバイサイドのビューです。 行の内...

2012/01/19

面白い！位置情報データベースをクラウド提供「CartoDB」

地図を使ったWebアプリケーションは常に人気があります。そんな中、位置情報を格納できるDBをクラウドで提供するのがCartoDBです。 OSS阪の他、Webサービス版も提供されています。こちらはWebサービス版です。 まずサインアップします。 アカウントを作成します。サブドメインも決めます。...

2011/12/24

PHP製のシンプルなWebチャットシステム「anologue」

anologueはPHP製のWebチャットソフトウェアです。シンプルですぐに使い始められます。 メイン画面です。 最初にルーム名を決めます。おそらく日本語は使えません。 作成しました。 メッセージをやり取りできます。 メールアドレスを登録すればアイコン（Gravatar）も出ます。 anol...

2011/12/21

MacFUSEの後継プロジェクト。FUSEで遊ぼう「OSXFUSE」

Mac OSXでFUSEを使う場合、MacFUSEが有名ですが、こちらは2009年来メンテナンスされていません。そこで今後FUSEを使う際には導入したいのがOSXFUSEです。 ダウンロードしたパッケージです。 インストーラー形式になっていますので順番に進めていくだけです。 システム環境設定...