僕は発展途上技術者

音声認識でハンズフリーレストラン検索「声探」

ちょっと今までにない一風変わったサービスを作ってみました。


Skype を使って、声で HotPepper.jp のレストラン検索ができるハンズフリーな Web サービス、「声探」です。「食い探」に続く○探シリーズ第二弾。


koetan.jpg


マイクに向かって駅名を言うと、近くのレストランを検索してブラウザに表示します。


音声アプリケーションが英語版のため、ガイダンスが英語ですが、山手線の駅名を認識できるように作ってみました。


実際にどんな感じか見てもらったほうが早いので動画のデモを作りました。


「渋谷」と言えば、渋谷に近いレストランを表示します。↓


次の結果を出したり、前に戻る、再検索する、といったアクションも声だけでできます。キーボードに触る必要がない、というわけで「ハンズフリーWebサービス」。


「Next」と言えば、次の検索結果を表示します。キーボードには触っていません。↓


実用性はまだまだいまいちですが、これまでにない新感覚の実験的サービスです。


Skype ID を既に持っていれば登録なしにすぐに使えます。よろしかったら使ってみてください。


» 音声認識でハンズフリーレストラン検索 「声探」


以下もう少し詳しいマニアックな話や苦労話など。


音声アプリケーション開発環境 Voxeo


異なるサービスのAPIを組み合わせて作るマッシュアップ。登場した最初のころはなかなか新鮮でしたが、最近はちょっと食傷気味。


大抵どのサービスも Google Maps や検索エンジンのAPIと組み合わせたもので、新鮮味に欠けてしまっている感があります。(まあ、その組み合わせが一番スタンダードで便利だということなのですが)


そこで、まったく新しいコンビネーションのマッシュアップに挑戦してみようと思い立ちました。


HotPepper.jp + Skype という組み合わせに加え、緯度・経度の情報を取得するのに Google Maps の Geocoding、そして Skype で接続できる音声アプリケーションの作成には米 Skype と提携している Voxeo のサービスを利用しました。


Voxeo は VXML という開発言語を使って音声アプリケーションを作ることができる開発環境を提供しています。


今のところ英語にしか対応していないため、音声認識部分には、日本語の駅名に聞こえる英語の音の組み合わせを使う、といった一工夫が必要でした。


たとえば「渋谷」なら、


she bu ya


という音をあてることで、なんとか認識できるようになっています。


駅名によっては認識が難しいものもあります。ゆっくり言ってみるか、それでも駄目な時は、ダイアルパッドから駅に対応した番号をプッシュして入力できるように、駅名コードというものを用意したので、そちらを使ってみてください。


Voxeo が日本語に対応してくれたり、Skype が日本語に対応した音声アプリケーション開発環境を持ったパートナーと組んでくれると、もっと面白くて有用なサービスが作れそうです。


Skype さん、ぜひぜひ検討していただきたい。


リアルタイムな Web アプリケーションを実現する Comet


クリックしていないのに勝手に画面が更新される部分は、ブラウザだけでチャットができる Lingr なども使っているという Comet という技術を使っています。


これも、なかなか面白い技術だと思うのですが、利用例としてチャットくらいしかこれまで見たことがなかったので、そうじゃない変わった使い方をしてみました。


juggernaut を改良した tigerbaumkuchen (綴りが難しい)という Rails のプラグインを使ったら割とすんなり実装できました。


こういう面倒そうな部分もさくっと作れてしまう Ruby on Rails はやっぱり良い!!


スターウォーズのライトセーバー動画を無料ソフトウェアだけで自作する方法

YouTube などで、アマチュアが自作したライトセーバーのバトル動画をたくさん見つけることができます。


» Ryan vs Dorkman


やその続編


» Ryan vs Dorkman 2


が秀逸です。


スターウォーズファンならこんな動画を撮ってみたいと一度は夢見たことがあるはず。


Adobe Photoshop などの有料ソフトウェアがないと作れないかと思っていたのですが、無料ソフトウェアだけで作れてしまうことがわかったので紹介します。


まずは元の動画をみてください。何のことはない自分の子供を撮った他人様にはまったく面白みのない動画ですね。


» Before LS(LightSaber)Maker used



これを加工すると以下のように。


» After LS(LightSaber)Maker used



どうでしょう?なんとなくそれっぽくないですか?


それでは作り方を説明します。


最初にライトセーバーの特殊効果の作り方、次に効果音の追加方法、という順番で説明します。


1. ライトセーバーの特殊効果を作る


その名もずばり、LSMaker(LS = LightSaber) という専用の無料ソフトウェアを使います。(LSmaker:おすすめフリーソフト[ライトセーバーを動画や画像に!]:DVD/CD関連フリーソフトのダウンロード集!ベクター&窓の杜厳選フリーソフトで紹介されていました。)


» LSMaker's homepage


上記よりダウンロード & 解凍し、プログラムを起動したら、素材の動画を読み込みます。


avi 形式のファイルに対応しているので、mpeg 形式ならば、


» MPG2AVI


などの変換ソフトを使って変換してから読み込んでください。


方法は、メニューから Import、次に Add ボタンを押して、ファイルを選択します。


読み込んだ動画の一フレーム一フレームにライトセーバーの特殊効果を付けていきます。


最初に色の選択。


左上 Color の緑色の四角部分をクリックして、Color generator 画面を開き、好きな色を選択します。


下図では赤を選択しています。



ls1.jpg


次にライトセーバー本体、中心部分の色です。


Color の下にある Blade の横の白い四角部分をクリックして、色を選択します。中心部分は白がいいでしょう。



ls6.jpg


これで準備は終わり。あとは画像のどこを光らせたいかを選択します。


始点の部分で右クリック、終点部分で左クリックします。この2点を結んだ線上にライトセーバーが描かれます。



ls2.jpg


ためしに、Render Frame "J" をクリックしてみましょう。



ls3.jpg


どうでしょう。それっぽいライトセーバーが出現!!


基本は以上です。あとはこの作業を各フレームで繰り返していくだけです。


次のフレームに進んだり、前のフレームに戻るには、左下の O や P と書かれたボタンを押します。書かれているアルファベットはショートカットキーに対応しています。



ls4.jpg


Render Frame "J" は毎回押す必要はありません。始点と終点を次々プロットしていくだけでOKです。


すべてのフレームにライトセーバーを描き終わったら、Export > AVI で AVI 形式の動画ができあがりです。


2. ライトセーバーの効果音を追加する


TheForce.Net というファンサイトに50種類のライトセーバー特殊音を集めたファイルがあります。


» Lightsaber Sound F/X


ダウンロードして手に入れた音源を動画にあてはめるには、WindowsXP にもともと付属する Windows ムービーメーカーを使用します。


左メニューの「ビデオの読み込み」から動画ファイルを、「オーディオまたは音楽の読み込み」から音源ファイルをそれぞれ読み込みます。


画面下を「タイムラインの表示」に切り替えたら、あとはドラッグアンドドロップでコレクションより素材をタイムライン上に並べていくだけです。



ls5.jpg


直感的にわかりやすいインターフェースなので、少しいじってみれば操作方法はすぐにわかると思います。


満足いく編集ができたら、ファイル > ムービーファイルの保存 で wmv 形式の動画ファイルの出来上がり。


長い動画を作ろうとするとライトセーバーを描いていく作業が結構大変です。始めは短い動画で試してみるのがいいと思います。


これであなたも気分はジョージルーカス。オリジナルのスターウォーズを作ってしまいましょう。


[追記]


その後、作ったライトセーバー動画です。


「ダースベーダー vs ヨーダ」 本編では描かれなかった闘い (ホームビデオです。悪しからず)



そのNGシーン



スターウォーズのダースモールをもしZEDのバトンの人が演じたら...



2月のワンサービス amazonchofulibrarylinky.user.js と3月の予告

「ひと月に一個何かつくる」と


» 今年の僕の目標 ひと月ワンサービス


で宣言していたのですが、早くも追い詰められました。


» Amazonに調布市立図書館の蔵書検索リンクを追加するGreasemonkeyスクリプト


で紹介した amazonchofulibrarylinky.user.js が、Amazon のページの HTML の若干の変更によりいつのまにか動かなくなっていたので、これを修正したバージョンを2月のワンサービスということで。。。


» amazonchofulibrarylinky.user.js


最新版は上記リンク先より入手してください。


作るのにかかった時間は実質15分くらいかなあ。なんかお茶をにごすようですみません。


でもでも、僕にとっては本当に便利なサービスなんです。Firefox ユーザーで調布市民という非常にニッチなユーザーがターゲットですが、その方たちにはきっと便利に使ってもらえるに違いないです。


言い訳になりますが、本当は別のサービスを作っていたのが、確定申告やら個人的な事情でなかなか開発に時間を取ることができなくて。。。それに結構いい感じだと思うので、もうちょっと丁寧に作りたいのです。


というわけでそちらは3月のワンサービスに。


ちょっとだけ予告。サービス名は「あとで(ごにょごにょ)」。


あれ、それどっかで聞いた気が。。。ロゴはこちら


atode
atode posted by (C)ジュンヤ(Junya)


なんか似てます?目を細めると読めるような。。。


キャプチャを少し。


atode1.png


atode2.png


これもやっぱり Ruby on Rails で作ってます。


乞うご期待。


(いちおうリスペクトする a++ 氏の許可はいただいています。心の寛いお方です。)


W-ZERO3[es]で交通費をきっちり記録する KMTranEx

確定申告の季節です。


昨年11月からフリーになった僕は青色申告に挑戦。レシートかき集めて記帳するのは2ヶ月分だけですが、ひーこら言って1日がかりになってしまいました。


でもおかげで税金の仕組みが理解できてきました。来年に向けての良い練習になったと思います。


こうして苦労したあと、きっと誰しもが「日ごろからこまめに記帳すればよかったなあ」って思うのではないでしょうか。とくに交通費の記録。


そこで W-ZERO3[es] で交通費を記録できないかと思って探した結果、みつけたのが、


» KMTranEx


20070301223503.jpg


2002年に作られた結構古いソフトですが、難なく W-ZERO3[es] にインストールできました。


インストールしたのは、KMTranEx.ARM.CAB というインストールファイルです。


一度入力した駅や値段はつぎからはプルダウンで選択できるところが気が利いていて、動作は軽快、記録は csv 形式で保存できる、となかなか使えそうです。


気前がいいのは重要 by www.textfile.org

自分のメモ用ですが、これ読んで共感いただければ。。。


» www.textfile.org - 頭がいいより気前がいい


というエントリーが心に残った。


「なんで、ブログとか書いて知識を公開しちゃうの?」と僕も聞かれたことがありますが、上記エントリーがその答えを代弁してくれているように思う。


結城浩氏の文章はとてもわかりやすいし、内容にはいつも共感する。


» 結城浩 - The Essence of Programming (プログラミングのエッセンス)


は、web やオープンソースの世界に興味を持った当初、良く読ませていただきました。


相談相手とか助言者と訳される mentor(メンター) という言葉がありますが、直接会うことがなくても影響を受けた本の著者やブログの著者も含めていいのなら、結城氏は間違いなく僕の mentor の一人。


達人に聞くブログエントリーの書き方10の極意(ブログメディア研究会 レポート)

Biz.ID主催、コクヨの「DESK@(デスカット)東京日本ビル店」にておこなわれたブログメディア研究会に行ってきました。


[2007/02/26 追記]Biz.ID に詳細レポート載りました。自分のレポートと読み比べてみて、「なるほど、こうまとめるか」と参考になりました。


» 詳細レポートはこちら ブロガーに共通する“5つの悩み”とは?


» ITmedia Biz.ID:初めての「ブログメディア研究会」開催――コクヨのDESK@で


百式田口氏とBiz.ID編集スタッフ、それに悩めるブロガー数人でブログの書き方技術を一緒に考えるという企画。まだまだ未熟者ブロガーの僕としては達人の方々にいろいろと教わることができた、大変有意義な機会でした。


全体をきちんとまとめたレポートは Biz.ID から後ほど出てくるでしょうから、ここでは悩める一ブロガーの視点からレポートしたい。


僕の悩みはずばり、「どうしたら読まれるブログが書けるのか」 ≒ 「どうしたらもっとはてブされるだろうか」と、できたら 「そんなエントリーをささっと早く書きたい」。この2つをメインに置いて、達人から聞き出したブログエントリーの書き方極意をまとめてみました。


1. タイトルを工夫する


やっぱりそうですよね、という感じです。僕は


» 『読者を惹き付けるブログのタイトル』Cheat Sheetを作らされたw | P O P * P O P


を印刷して壁に貼ってます。田口氏苦笑。


2. 同じものは書かない


ほかの有名ブロガーが書いたネタは書かない。そのために、その人たちのブログが更新されたことを通知してくれる Anothr というツールを使っているそうです。さすが百式メソッド。


» ツール+ブログ (Anothr.com) | 100SHIKI.COM


3. 公開する前に一度他人に読んでチェックしてもらう


飲み会のときに akiyan.com のあきやんさんから聞いたこの方法がとても新鮮でした。これはというエントリーを公開する前に「このネタどう?」と、メッセンジャーにそのまま貼り付け意見を聞くのだそうです。これはなかなか効果がありそう。


4. 関連記事を文中に挿入


僕も関連記事をエントリーの最後に載せてますが、これを文中に挿入するのが効果的とのこと。また僕は面倒なので自動で同じカテゴリーの記事を載せていますが、手動の方が良さそうというのが参加者の大方の意見でした。


5. 自分のブログのまとめ記事や過去記事と似たエントリーを書く


これも言われてみて「そういう手もあるか」と思いました。「今週(あるいは今月)の人気記事」といった感じで自分の過去記事のまとめエントリーを書く。あるいは同じテーマだけれど一部新しい情報を追加したり、視点を変えて似たエントリーを書くという、「繰り返し主張する」という方法もありだとか。


過去記事を振り返る方法は Link roundup というのだそうです。勉強になります。英語圏の有名ブロブでは良くやっていますよね。


6. 読者のたれこみ情報をネタにする


テーマを決めてブログを書いていると、読者の方から「こんな情報もありまっせ」というタレコミがコメントされたりするそうです。それを膨らませて書けば人気エントリーが一つ出来上がり。


P O P * P O P の右メニューから投稿できる「諦めている不便利」なんかはその良い例。


7. マジックワードを使う


GMail Google Firefox はてな について書く。そういう書くだけでブックマークされそうなマジックワードを日ごろから探す努力を惜しまないことが大切なのですね。有名はてなユーザーのはてなブックマークをチェックしてトレンドをつかんでおくとか。


8. 写真重要


写真やキャプチャを効果的に使う、というのは皆の意見が一致するところでした。


9. 何分で書くという目標時間を設定する


9. と 10. は速く書く極意。


あらかじめこのエントリーだったら何分で終わるだろうという目標を設定し、その時間内に書き上げる、だそうです。


そのためのツールがこれ↓


» task*pad - プチ目標管理ツール


ためしにやってみました。このエントリーの場合、大幅に超過してしまいましたが、それはまだまだ自分がスキル不足 & 見積もりが下手というのがあるのですが、それでも目標をまったく設定しないよりは早く書けたかな。


所要時間を把握しておくことも大切ですね。Dragonfly さんは所要時間を記録しています。


» Dragonfly » かかる時間を把握してブログを更新する気になる!


10. 書く内容をあらかじめ箇条書きにする


書くストーリーを前もって決めてから書く。箇条書きにしてから、それらを肉付けし、つなぎあわせていく、とはプロの方々の意見。




ほかにも炎上防止テクニックとか引用はどこまでOKかなどなど、いろいろと興味深い話が聞けました。


これらを役立てて、がんばって「読まれるブログ」を作って行きたいと思います。


W-ZERO3[es]のToday画面に次の電車の発車時刻を表示する NextTrain for Today

NextTrainNextTrain for Today を W-ZERO3[es] にインストールすれば、これからは次の電車を逃すことが減りそうです。



NextTrain for Today


自分が良く使う駅の時刻表データを取得する必要があるのですが、そちらは時刻表変換ツール「TrainConv5」というフリーソフトを使えば簡単に手に入れられます。


詳しくは、


» Going My Way: Windows Mobile 機器に次の電車の予定を表示する NextTrain


» W-ZERO3 TIPS: NextTrain for PocketPCでリアルタイム時刻表表示(Todayも可)


を参考にしてください。


ちょっとはまったのが、何もしない標準の設定だと Today 画面に黒字で表示されてしまってみにくいため、文字の色を白に変更しようとした部分。



NextTrain for Today(黒字)


Today の設定で[アイテム]タブを選び、NextTrainToday を選択して[オプション]をタップすれば、表示色を変更できることがわかります。



20070217231728.jpg



20070217231755.jpg


しかしここで表示色の[選択]ボタンをタップした次の画面で何とか色を白には変更できるのですが、ok ボタンを押せないため変更を適用できません。W-ZERO3[es]の横画面切り替えボタンを押してみても駄目。


しばらく悩んだあとにわかったのですが、正解は「グレーのタイトルバーの部分をタップしズズズと横にずらす」でした。こうすると ok ボタンが押せるようになります。こんな操作方法、初めて知りました。


[2007/02/18 追記] W-ZERO3[es] 本体の ok ボタンを押せばよい、という指摘をコメントで受けました。rams さん、ありがとうございます。



20070217231811_.jpg



20070217231826_.jpg


これで文字色を白に変更すればこのとおり。見やすくなりました。



NextTrain for Today


Amazonに調布市立図書館の蔵書検索リンクを追加するGreasemonkeyスクリプトで紹介した図書館の蔵書検索やこの NextTrain など、リアルな生活を便利にしてくれるアプリケーションこそキラーアプリだなあと思う今日このごろです。


線を描いてソリを走らせる Line Rider のスゴイ力作

スゴイ!!


» [N] Line Riderのスゴ動画


これがどれだけすごいかは実際に Line Rider で自分でコースを作ってみたらわかります。


数十秒で遊べるので、皆さんもやってみては。


» Line Rider


僕が以前作ったのはこれ↓


» 僕は発展途上技術者 : 動画であけましておめでとうございます


これでも結構作るの大変でした。


近いうちコンテストがおこなわれるようです。Big Money だそうです。腕に覚えのある方はいかが?


» Big Money Contest Coming Soon!


Amazonに調布市立図書館の蔵書検索リンクを追加するGreasemonkeyスクリプト

Amazonに図書館の蔵書検索リンクを追加するGreasemonkeyスクリプト(改訂第2版)を参考に、我が家が愛用している調布市立図書館に対応したスクリプトを作りました。


使用するには、Firefox と Greasemonkey が必要です。


» amazonchofulibrarylinky.user.js


[2007/06/20 追記] Amazon のページの変更に対応。これに伴い価格の直前にリンクを表示するようにした。(Firefox 2.0.0.4 と Greasemonkey 0.7.20070607.0 で動作確認)


[2007/03/01 追記] Amazon のページの変更に対応(2月のワンサービス amazonchofulibrarylinky.user.js と3月の予告)


Amazonに調布市立図書館の蔵書検索リンクを追加するGreasemonkeyスクリプト


これすっごい便利。我が家のキラーアプリになりそうです。


元々、


» COULD:図書館Web


で公開されていたのがはじまりのようです。ヤスヒサさんすばらしい!!


図書館は、妻が使いこなしているのを見て、僕も最近使うようになりました。新刊でもリクエストすれば入れてくれたり、Rails 本のような、「ほかに誰が借りるんだろう」と思えるような本でも結構借りられたりと、非常に重宝しています。


以下、図書館の使いこなし方について書かれた記事。こうしてみると、もっと見直されてもいいかもしれないです、図書館。


» 本をタダで便利に入手して、しかも確実に読了する方法 : akiyan.com


» Going My Way: 図書館を自分の書庫のように利用する発想の転換


正二十面体などの多面体を折り紙で折ってみる

本の紹介です。


三連休最後の夜にはまったのが折り紙。時間を忘れて熱中してしまいました。


正二十面体ができあがったときはちょっとした感動を覚えます。



正二十面体などの多面体を折り紙で折ってみる
正二十面体などの多面体を折り紙で折ってみる (C)ジュンヤ(Junya)


昔幾何好きだったという方、子供に見せて「どうだパパすごいだろう」と父親の威厳を保ちたいという方、手先の器用さに自信のある方におススメです。



すごいぞ折り紙―折り紙の発想で幾何を楽しむ



阿部 恒
日本評論社
売り上げランキング: 86986





プロフィール

株式会社まちクエスト代表、つくる社LLC代表。

Scratchで楽しく学ぶ アート&サイエンスRaspberry Piではじめる どきどきプログラミングを書きました。

オンラインコンテンツ: 大人のためのScratch

Amazonから図書館検索 Libron、iPhoneアプリ ひらがなゲーム かなぶん を作っています。

Email: webmaster at champierre dot com

Twitter @jishiha

最近のエントリー

アーカイブ