tracking.js - 画像/動画をトラッキング MOONGIFT
写真はテキスト以上に情報が含まれています。人物を撮影しただけでも、そこには背景があったり、洋服があったり、天気なども映し出されます。しかし、そのためには写真から情報を収集する技術が必要です。 tracking.jsはWebブラウザ上で人やオブジェクトを認識するJavaScriptライブラリになります。 tracking.jsの使い方 様々なデモが用意されています。まずは顔認識。 マウスオーバーで情報を出すこともできます。 顔認識に加えて目鼻の場所を特定するデモ。 顔の向きで見ている方向を変更するデモ。VRなどで使えそうです。 色を認識して、その色で枠を表示します。 動画の色を認識。 イラストの特徴点を認識。 人でもできます。 二つの画像を並べたときに（向きが異なる状態）、同じ場所を見つけ出します。 人でもできます。 tracking.jsは画像はもちろん、Webカメラや動画を使ってリアルタ
Materialize - マテリアルデザインのためのCSSフレームワーク MOONGIFT
レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。 主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリアルデザインを実現するスタイルシートフレームワーク、Materializeを紹介します。 Materializeの使い方 今回はスクリーンショット多めに紹介します。 Materializeはレスポンシブかつマテリアルデザインのフレームワークになっています。開発の高速化、ユーザ体験重視、ドキュメントとサンプルを多めにして学習コストを低くするといった特徴があります。 MaterializeはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア（MIT Lic
Flashファイルをスクリーンセーバに·SWF Screensaver for Mac MOONGIFT
SWF Screensaver for MacはMac OSX向けのオープンソース・ソフトウェア。スクリーンセーバは元々の画面焼き付けを防ぐという目的から、見た目で楽しい機能に変わりつつある。そんな訳でもっと楽しめる素材が簡単に手に入ると良い。 Flashをスクリーンセーバに スクリーンセーバは専用のファイル形式になっているので、誰でもすぐに使えるという雰囲気ではない。だがSWF Screensaver for Macを使えばWeb上に数多いFlashファイルをスクリーンセーバに使えるようになるのだ。これは一気に対象が広がるかも知れない。 SWF Screensaver for Macはスクリーンセーバのファイルとして提供されており、インストールすると文字が踊るスクリーンセーバが表示される。これは実際にはFlashファイルだ。そして自分の好きなSWFファイルにしたい時には、パッケージの内容
便利！CSS Spriteを作成するAIRアプリ·Tonttu MOONGIFT
CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。 CSS Spriteを作るならぜひ使いたい CSS Spriteを作成するWebサービスも存在するが、画像が追加されるたびにアップロードし直すのが面倒だった。そこでTonttuを使ってみよう。 今回紹介するフリーウェアはTonttu、Adobe AIR製のCSS Sprite作成ソフトウェアだ。 Tonttuの使い方は簡単だ。起動したらひとまとめにした画像ファイルをドロップして登録する。並べ方は縦または横と自由に選択できる。画像の隙間を空けたり、ドラッグして位置を入れ替えることも可能だ。自動で並べると隙間が空くので、
意味のない長時間ミーティングをなくそう！·ミーティングコスト時計 MOONGIFT
※ 画像は公式サイトより 誰もが嫌いな長時間ミーティング。生産性もなく、ただ時間を費やすことだけに重点が置かれ、決定することは何もない。その時間の支配感が上司の満足度だけを上げるのみで、その代わりにメンバーのモチベーションを著しく低下させる。そんなミーティングとはもうおさらばしよう。 時間の浪費を防止しよう そのために必要なのは見える化だ。それも時間ではなく、お金としてだ。 今回紹介するオープンソース・ソフトウェアはミーティングコスト時計、Arduinoを使ったコスト算出ソフトウェアだ。 ミーティングコスト時計はArduinoを使って動作するソフトウェア＆ハードウェアで、LEDを使ってミーティングで費やされているコストを表示するようになっている。単位は万円で、タクシーメーターのように時間が経過すると刻々と金額が上がっていく。 3万4,100円になった 平均の時給がハードコーディングされてお
Flash製のデスクトップアプリケーションを開発する·HippoHX MOONGIFT
Flashのインタフェースはマルチプラットフォームで共通であり、Mac OSXのUIとはまた違う良さがある。そんなFlashのUIを使ってデスクトップで動作するアプリケーションを構築しようと思うとAdobe AIRがよく知られている。だがAdobe AIRを別途用意しなければならないのが面倒だ。 アプリケーションのビルドは簡単 Flashで作られたソフトウェアをまるでネイティブアプリケーションのようにダウンロードするだけで動くようにするのがHippoHXだ。 今回紹介するオープンソース・ソフトウェアはHippoHX、SWFファイルをネイティブアプリケーション化するソフトウェアだ。 HippoHXはWindowsまたはMac OSX向けに提供されるソフトウェアだ。SWFファイルを指定し、設定をするだけでWindowsとMac OSXどちらでも動作するネイティブアプリケーションを生成する。イン
ニューヨーク公立図書館によるユーザビリティテストシステム·Infomaki MOONGIFT
NYPL（ニューヨーク公立図書館）ではアンケートや画面をクリックしてもらうことでユーザビリティをテストし、Webサイトをはじめ様々な事項に対する改善を進めている。2008年にはNYPL Labを開設し、デジタルアーカイブの充実化をはかっている。 スクリーンショットを使ったユーザビリティテストの結果。緑色の丸が二つ見えるだろうか そんなNYPLのユーザビリティシステムがオープンソース化された。これはなかなか面白いソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはInfomaki、NYPLによるユーザビリティテストシステムだ。 Infomakiでは大きく分けて二つのユーザビリティテストが可能だ。一つはアンケートで、ユーザが自分で回答項目を追加することもできるものだ。これを使い、ユーザにとって使いやすい仕組みを作ることが出来るようになる。 アンケートフォーム もう一つはスクリーンショッ
自分の使っているサービスを表示する·melinks MOONGIFT
リンクには単純に外部リンクを表示する目的の他に、マイクロフォーマットを埋め込むことができる。その一例としてrel="me"がある。これを定義すると、リンク先が自分のWebサイトもしくは外部サービスの自分のプロフィールページであることを意味することができる。他にもSEOで用いるnofollowが有名だろう。 ソーシャルグラフを作るためのライブラリ そんなmeを使えば、GoogleのSocial GraphのようにWebサービスを通じてアイデンティティを表示したり、他のユーザと連携できるようになる。そのためのライブラリがmelinksだ。 今回紹介するオープンソース・ソフトウェアはmelinks、meリンク作成ライブラリだ。 melinksはごくシンプルなライブラリで、Webサービスと自分のアカウント名とを列挙していくだけでrel="me"を埋め込んだリンクを作成してくれる。各Webサービスは
クリエイターの方にお勧めのポートフォリオシステム·ProFolio MOONGIFT
クリエイターの方にはおなじみのポートフォリオ。自分の作品（Webサイト、イラスト、写真、音楽などなど）を並べて、自己表現する場として使われる。インターネットがあれば誰でも自由にポートフォリオを掲げることができるので、それこそ世界に向けて自分の作品をアピールできる。 シックなデザインのポートフォリオ そのようなポートフォリオを作ってみたいと思う方はProFolioを使ってみよう。 今回紹介するフリーウェアはProFolio、上品なインタフェースのポートフォリオソフトウェアだ。 ProFolioはPHP+MySQLで構築されるポートフォリオで、黒を基調とした上品なインタフェースが印象的だ。ログイン情報を登録してインストールすれば、自己紹介やコンタクト情報、作品などを登録できるようになる。 管理画面 作品やWebデザインやイラスト、写真などを画像とともにアップロードできる。あなたのページを訪れた
早速登場、Google Analytics APIを使ったAIRアプリケーション·Polaris MOONGIFT
Google Analytics APIが公開された。アクセス解析の結果をAPI経由で取得できるとあって、色々な使い方が考えられるようになりそうだ。そんな中、恐らく需要が高いと思われるのはローカルで使えるクライアントソフトウェアだろう。 日付は範囲指定 既にGoogle Analytics AIRと呼ばれる秀逸なクライアントソフトウェアは存在していたが、今はプロジェクトが停止している。そして新たに生まれ変わったのがPolarisだ。 今回紹介するフリーウェアはPolaris、Adobe AIR製のGoogle Analyticsフロントエンドだ。 Polarisは一つのWebサイト解析結果を取得する場合フリーなのでご注意いただきたい。これまで通りAIRを使って動作するアプリケーションではあるが、そのインタフェースは刷新されている。非常に使い勝手が良い。 訪問元のグラフ ウィンドウはごく小さ
Google Analyticsのデータを取得するライブラリ·Statwhore MOONGIFT
これだけWeb APIの提供しているGoogleにあって、最も切望されるのがGoogle AnalyticsのWeb APIだろう。画面で見てもインタフェースが洗練されているので便利だが、レポートを作成したり自動化する上ではやはりWeb APIの存在は欠かすことができない。 Rubyを使ってGoogle Analyticsのデータを取得できる 恐らく原因は元々のシステムがUrchin製にあることだと思われるが、しかしそれを乗り越え、Web APIのようにデータを取得できるライブラリが存在する。 今回紹介するオープンソース・ソフトウェアはStatwhore、Google Analytics向けRubyライブラリだ。 StatwhoreはGoogle Baseライブラリを利用しつつ、Google Analyticsを擬似的に操作してデータを取得している。複数のアカウントがあると問題があるようで
iPhone/Gears/Adobe AIRの開発に便利なJavaScript O/Rマッパー·ActiveRecord.js MOONGIFT
※ 画面は公式サイトのデモコードより 最近のWebシステム開発ではO/Rマッピングの利用が当たり前になっている。そのため、生のSQLを書く機会が殆どなくなり、開発がスムーズになっている一方、いざ書くとなると非常に面倒に感じるようになっている（もちろんORマッピングではコストがかかってしまう場合はSQLを書く必要もあるだろうが）。 JavaScriptで実現するO/Rマッピング それはSQLiteが使えるiPhone/Gears/Adobe AIRといった今時の開発に対しては特に言える。O/Rマッピングに慣れてしまった体にはSQLite向けのSQLを書くのは非常に辛い。そこで使えるのがActiveRecord.jsだ。 今回紹介するオープンソース・ソフトウェアはActiveRecord.js、JavaScriptで作られたO/Rマッピングソフトウェアだ。 ActiveRecord.jsが対応
リアルタイムアニメーションエディター·Animata MOONGIFT
モーションキャプチャという技術はご存知だろう。よく光学式が採用されるが、人の体にマーカーをつけてそのマーカーの動きをコンピュータに読ませるものだ。アニメーションやスポーツ、医療分野などで利用されることがある技術だ。 ちょっとキャラクターに愛らしさが足りない？でも技術はすごい！ そんな人の動きをキャラクターに真似させたアニメーションを作成してしまうのがAnimataだ。しかもリアルタイムに！ Animataはオープンソースのリアルタイムアニメーション作成ソフトウェアだ。 Animataは腕や足などのボディーパーツや、ちょっと怖いキャラクターなどが提供されており、それらのパーツに関節データをモデリングしていく。そして関節の連携等を定義すると、実際に絵だった腕などが動き始めるのだ。この作成過程のムービーがあるが、これは一見の価値がある。 Reverse Shadow Theatre from g
Adobe AIRを使ったiPhoneエミュレータ·AIR iPhone MOONGIFT
iPhoneを使ってみたいと思いつつも、キャリアの問題や活用できるかどうか分からずに躊躇している方は多いだろう。Mac OSXユーザであれば、開発者用のエミュレータを使って雰囲気を味わうことができるかも知れない。だがWindowsユーザでは試すのが難しい。 iPhoneそっくりなインタフェース そこでWindowsでもMac OSXでも動くiPhoneエミュレータを紹介しよう。これを使えばiPhoneの魅力の一部を知ることができる。 今回紹介するフリーウェアはAIR iPhone、Adobe AIR製のiPhoneエミュレータだ。 AIR iPhoneは外観はiPhoneそっくりのインタフェースだ。ブラウザやメール、iPodなどの一部機能は動作する。また、その動きもiPhoneのものに近い。回転機能にも対応し、横向きにするとブラウザ表示も横に切り替わる。 横向きにすることもできる もちろん
MOONGIFT: » Flashで作るダイナミックプレゼンテーション「Powerbullet Presenter」:オープンソースを毎日紹介
ドキュメントを閲覧する際に、オフィスツールを使うのはもう古い。閲覧だけならブラウザのみでしてしまうのが今のやり方だ。ScribdやDocStocなど様々なサービスが利用しているのが、オフィスファイルをアップロードするとFlashベースのファイル形式に変換するというものだ。 起動画面 とは言え、一度はオフィスツールで作成する必要がある。そんな手間をかけずに直接Flash製のプレゼンテーションを作成してくれるのがPowerbullet Presenterだ。 Powerbullet PresenterはWindows向けのフリーウェアで、ドローソフトウェアのような感覚でプレゼンテーションが作成できる。 Powerbullet Presenterは独自のファイル形式で保存するが、エクスポートとしてFlashファイルでの出力に対応している。同時に実行ファイル形式でも出力されるので、Flashがなか
JavaScriptで作るiPhoneアプリケーション·Big Five MOONGIFT
iPhone向けのアプリケーションを開発する場合、Objective-Cを習得する必要がある。オブジェクト指向の言語ではあるが、習得のためにはコストがかかるのは確かだ。開発することで一気に世界が開ける可能性もあるが、利用範囲の限られた言語を覚えることに躊躇してしまう人もいるのではないだろうか。 スプラッシュスクリーン そこで普段使い慣れているHTMLやJavaScriptを使ってアプリケーションを構築しようと言うのがこのフレームワークだ。 今回紹介するオープンソース・ソフトウェアはBig Five、Webベースの技術で実現するiPhone/iPod Touchアプリケーションフレームワークだ。 Big Fiveは言わばプロキシを提供するソフトウェアだ。HTMLからJavaScriptを使ってiPhone/iPod Touchの各APIにアクセスを可能にするのだ。現在位置の取得、内蔵カメラを
MOONGIFT: » マルチプラットフォームに対応したマルチタッチシステム「tbeta」:オープンソースを毎日紹介
ついにここまで来たか、という感じのする技術だ。2008年になってからマルチタッチが急速に注目を集めだし、各種ライブラリが登場した。はじめはまさに技術者向けで、テクノロジープレビュー的なものが多かったが、ついに一般ユーザでも手の届くものになりそうだ。 GUIで設定を変更できる マルチタッチシステムを実現するためには解決すべき問題が（ハードウェアを含め）色々ある。だが、ソフトウェア面で言えばここまで簡単になっている。 今回紹介するオープンソース・ソフトウェアはtbeta、マルチプラットフォームで動作するマルチタッチシステムだ。 tbetaは他のマルチタッチシステムと同じく、Webカムを使って複数の指先を感知する。そのため、周囲が暗く指先の部分が明るいほど認識率が高くなる。tbetaではそのためのキャリブレーションソフトウェアをGUIで提供している。 サンプルアプリケーション さらにこれまでのも
MOONGIFT: Webアプリケーション時代にふさわしいWeb OS「Web OSX」:オープンソースを毎日紹介
シンクライアントがビジネスユースで押し進められているが、今ひとつ流行りきっていない。個人的にはHDDをとってしまい、Webアプリケーションのみ動作する方が便利に感じてしまう。その際に必要なのは、ブラウザと日本語入力/表示環境だ。 YouOSを引き継いだMac OSX風インタフェースのWeb OS Web OSの構想は幾つかあるが、全体のシステムを一手に構築してしまうものは開発工数が大きすぎる。基盤だけに特化し、既存のWebアプリケーションを活かすのが正しいやり方と言えそうだ。 今回紹介するオープンソース・ソフトウェアはWeb OSX、Webブラウザ上で動作するOSだ。 Web OSXはまるでMac OSXのようなインタフェースをもったWeb OSで、ドックのようなマウスオーバーで拡大表示する機能をもっている。元々の原型はYouOSになるが、9月末をもって開発が停止してしまったので、フォーク
MOONGIFT: » 待ちに待ったオープンソースの日本語OCR「NHocr」:オープンソースを毎日紹介
OCRという技術はアナログなデータをデジタル化する上で欠かすことができない。しかし様々な特許が絡み、オープンソースやフリーウェアとしては発展しづらい分野でもある。しかしそこに風穴を開けられるかも知れない技術が登場しそうだ。 デモサービスで試せます 今回紹介するオープンソース・ソフトウェアはNHocr、日本語OCRシステムだ。Google Code上にホスティングされ、まだソースコードは一部しか開示されていないが、デモサービスは公開されている。 デモサービスでは、BMP/JPEG/PBM/PGM/PPMのファイル（さらに各ファイルをGZip圧縮していても可能）をアップロードすると、それを解析した結果を日本語表示してくれる。日本語OCRとあって、漢字/ひらがな/片仮名/英語などが判別可能になっている。 読み取らせた画像 手書き文字であっても認識率はそこそこ高い。正式リリースがまだという段階にあ
エンタープライズでも使えるガジェットポータル·Posh MOONGIFT
iGoogleは面白い可能性を秘めている。自分にとって必要な情報を一元管理できれば、素早く情報にアクセスできるようになる。グループウェアという手もあるが、できる範囲が狭く、もっと様々なリソースと連携できる必要がある。 ポータル画面 その点、Web APIが公開されているiGoogleなどであれば基幹システムとのデータ連携などもはかれるようになる。そんなガジェットポータルを独自に導入できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPosh、iGoogleに似たガジェットポータルシステムだ。 PoshはLAMPシステムを想定して作られている。PHP+MySQLであれば、構築コストは低く立ち上げることができるだろう。標準で提供されるガジェットはRSSリーダー、ブックマーク、時計、カレンダー、ノート、計算機、メール、タスク管理、アナログ時計、アドレス帳となっている。 管理
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
