Archive for ‘ June, 2009 ’
先日紹介した「ヘリウムよりもすごく変？！六フッ化硫黄を吸うとどんな声になる？」にインスパイアされてWebサービスを作ってくれた方がいましたよ！
なんと特殊なガスを使わなくても、変声を楽しむことができます。ちなみに六フッ化硫黄は環境＆健康に悪いものでしたね・・・すみません。そう考えるとWebだけで遊べるこれは良いですね。
↑ なんだかおしゃれなインターフェース。ヘリウムと六フッ化硫黄から選べます。
↑ 六フッ化硫黄でいっとこうかな。
↑ なんか変な感じになりますｗ。
↑ 終わったら「自分で録音する」「ブログ等に貼り付ける」といったメニューを選べます。
録音はFLASH経由で行われるようですね。ウェブカムなんかのマイクでささっと録音して遊んでみると良いですよ。作者の方、ありがとうございました！
iPhoneのアップデートが始まりましたね。どうなんじゃろ。さて、それはそうとiPhone風のチェックボックスを簡単に実装できるスクリプトをご紹介。
jQueryとあわせて使うライブラリですね。使い方は簡単で、いつものようにヘッド部分で読み込んであとは初期化するだけ。
↑ チェックボックスがこんな風になります。
↑ ラベルも変更可能。YES/NOとかね。
ちょっと変わったインターフェースを試してみたい、という意欲的な方はいかがですかね。詳細＆ダウンロードはこちらからどうぞ。
今までの経緯を知っているだけにわりとお気に入りのF-09Aですが、両手をあげて大絶賛、というわけではありません。
「ここはちょっとねぇ」というところはやはり正直に書いておくべきでしょう。というわけでF-09Aの個人的ながっかりポイントをいくつかまとめてみます。
F-01Aから搭載されたタッチパネルですが、結論から言うとまだまだ実用には耐えない感じです。F-01Aのときも書きましたが、前よりは良くなっているのは認めますが、まだまだ狙ったとおりの操作ができるとは言い難いです・・・。
↑ こうした操作がタッチでほぼできないっす。
唯一、akiyanが書いているようにカメラでフォーカスを変えたいときに使えるぐらいでしょうか・・・。
» F-09Aのタッチオートフォーカスがかなり良い！ : akiyan.com
タッチパネルはどうしてもiPhoneやiPod Touchが基準になってしまうので辛いところですが、以降の機種でがんばってもらいたいところです。
F.Ko-Jiさんも書いていますが、サーチキーが側面にあることでちょっと使いづらいですね・・・。よく使う機能だけに残念。
もちろんキーピッチを確保するためにしょうがないことはわかっているのですが、もうちょっと押しやすくてもいいかな、と思います（幅を5倍ぐらいにして思いっきり大きな側面ボタンにしちゃうとか）。
↑ もっと目立つようにして欲しい・・・。
サーチキーを使い始めてかなり「その場で調べる習慣」がついたのでこれは今後に期待したいところ。
» サーチキー君、どこ行ってもうたんや・・・[F-09Aレビュー] – F.Ko-Jiの「一秒後は未来」
すっごい細かいですが、iモードブラウザの文字サイズ設定で「極小」が消えちゃっていましたよ・・・。視力2.0の僕には辛い・・・。せっかくの広い画面なので小さな文字でたくさんの情報を摂取したい感じなので是非次の機種では復活を！
↑ 左がF-09A、右がF-01A（文字サイズは極小）。
これ、なんで消えたのか今度富士通さんに聞こうっと。
Fケータイの良いところの一つであるツータッチサイト。数字キー＋iモードボタンでお好きなサイトに飛べる機能です。
ずっと前からかなり便利に使っていたのですが、F-09Aからその設定方法が変わっていてちょっと混乱しましたよ。
↑ ここの設定を探し当てるまでに苦労した！
いままではツータッチサイトに登録したいサイトのオプションを開いてその場で設定できたのですが、なぜか「MENU 2 8」で一括設定する方式に。これ、逆にわかりにくいですよね・・・。これもなんとか戻してもらいたいと思ったり・・・。
今のところ以上ですかね・・・。ちょっと辛口になってしまいましたが、ご参考までに。個人的にはタッチパネルは操作にはあまり使わないし、サーチキーは慣れてしまえば、という感じではあるので全体的な満足度は高いのですけどね。
またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多いだろ・・・。
というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフェースどうしようかなぁ」というときに使えます。なお、選んだ基準はサイトの使いやすさと事例の多さ、ざっくり「インターフェースのこと語るんなら綺麗なサイトじゃなきゃね！」というアバウトな視点です。
では早速オレオレランキングｗ。
第一位はここかなぁ・・・。なんだかんだでFlickrでUIパターンを集めているグループが一番かな、と。インターフェースはFlickrそのものだし、事例も豊富です。
ほぼ同点で二位はこちら。こちらもFlickrグループですね。
三位はこちら。ちょっとマニアックですが、きっちりまとめてあって好感が持てます。
これが四位かな。いまどきのインターフェースがスタイリッシュにまとめられています。
こちらが五位。ほぼ四位と一緒ですが。こちらもいまどきのUIですね。
ここらへんから番外編。これはショッピングサイトに特化したUIまとめサイトです。そっち系の人は参考になるのでは。
これも番外編。Yahoo!がまとめたソーシャルサイトのUIパターンです。勉強になりますよ。Stack Overflowの記事とあわせてどうぞ。
最後にこれ。サイトの読み込みが遅くて評価しずらいのですが、内容としてはよくまとまっています。
以上ですかね。全部で8個にしかならんかった・・・まぁ、良いか。
また気が向いたら「本当に使えるものだけ選んでみた」シリーズやりますね。おっと、原文はこちら。
» 40+ Helpful Resources On User Interface Design Patterns | Developer’s Toolbox | Smashing Magazine
これ、なんとも楽しそうなプロジェクトですね。ポーランドの工科大学の学生が寮の明かりをつかってショーを作り出してしまったようです。しかもテーマがナイトライダーｗ。これは懐かしいぞ。DJもついてノリノリです。
↑ なかなかセンスあふれる作品では。
ブルース・リー好きにはたまらないかも？！ブルース・リーの名言や気合をリミックスして作品を作ることができるサイトです。なんかテンションあがるｗ。
↑ スタート画面。左下の「PLAY」からどうぞ。
↑ これがメイン。キーボードを適当に押すとすごいことになりますｗ。
↑ モードは4種類用意されているのでうまく切り替えましょう。やっぱり「FIGHT」モードが良いですよ。
↑ 自分のリミックスを録音することもできますよ。
なお、オフラインで遊べるダウンロード版もあるようですね。なんとなくすっきりしたいときにいかがでしょうかね。
» skop.com I Know Where Bruce Lee Lives [KeyJay, ultrainteractive KungFu Remixer]
これ、なんだかすごいですね。ケータイのカメラをかざして町並みをみるといろいろな情報がオーバーレイして表示されるというものです。拡張現実が最近アツいですよね。
なんだかんだいっても映像がわかりやすいのでまずはそちらをご紹介。
↑ オー、未来的。
こうしたコンセプトは昔からあって、なんら目新しいものではないのですが、いよいよ現実味を帯びてきたのではないかと・・・。数年前は夢のようだった技術もいつの間にか実現されていたりしますよね（Google Mapsの航空写真とか）。
なお、サービスは今年の7月からオランダにてサービスインするようです。iPhoneへの対応はあとになるようですが、アンドロイドなどのスマートフォンで実現されるようですよ。オランダに住んでいる人の感想なんかを聞いてみたいものですよね・・・。
» Layar
あちゃー・・・というニュース。しかし刺青は常々注意しましょう・・・と思っているのでそういう意味もかねてご紹介。
ベルギーに住む18歳の少女が入墨師に仕事を依頼、しかしその結果たるや、ひどいものでした。
「左目の横にかわいらしく3つ星を彫ってね」と頼んだはずだったのですが、終わってみたら56個も星が彫られていたとのこと。
↑ 自主規制。クリックして元記事へどうぞ。
どうやら施術中に寝てしまったのと、入墨師と言葉がかみ合わなかったのが原因のようですね・・・。外国にいって入墨をする人もいるかと思いますが、言葉のトラブルにはくれぐれも気をつけましょうね。
現在この彼女は入墨師を訴えて治療費を請求しているようですが、治療としたとしても星は消えるのですが、顔面に白いあざが残ってしまうとのことです・・・。なお、入墨師は「ちゃんと指示どおりにやった」と主張しているようです。
追記：なにやら少女の狂言だったようですね。「本当はそのとおりに頼んだけど、家に帰ってみたら父親が激怒したので入墨師のせいにした、とのこと・・・」。詳細はAkkyさんのブログに詳しいです。
※ この記事はソースネクスト株式会社とのタイアップ記事（広告）です。
前職が塾講師というソースネクスト株式会社の大野さん。今回ご紹介いただいた「超字幕」にはそのときのノウハウがぎっちり詰まっているという。
↑ 塾での講師経験を「超字幕」に盛り込んだというプロデューサーの大野さん。
「超字幕」とは映画の字幕を見ながら英語を学習できるソフトだ。映画が丸々1本はいっているので「本場の生きた英語」を楽しみながら学べるのに加え、英語学習に特化したさまざまな機能が実装されているのが特徴だ。
では、大野さんが「超字幕」に盛り込んだそのノウハウとはどういったものだろうか。「大事だと思っているのは3点です。まず、(1)単語はシーンとセットで覚える、そして(2)穴埋め問題、最後は(3)知らない間に復習させることです」。
■ 単語はシーンとセットで覚える
「塾で教えていたときは意識して『小芝居』をするようにしていました。たとえば料理に関する単語であれば、実際にリンゴを切りながら説明する、といった具合です。教科書を読むだけでは覚えるのはなかなか難しいことですが、『小芝居』だったら、そのときの先生のジェスチャー、表情、口調と一緒に覚えることができるので実に効果的でした」。
「超字幕」で教材として「映画」を選んだのもその理由からだった。
「印象的なセリフはシーンと一緒に覚えてしまうと思います。そのシーンに感情移入することで五感をフル動員しながら自然と単語を覚えることができます。映画は最高の英語教材と言えます」。
「単語をシーンとセットで覚えてもらう」ために、気になる単語から「シーンを逆引き」する機能を盛り込んでいる点も特徴的だ。
「超字幕には映画のすべてのセリフがはいっていて、さらに検索することもできます。たとえば『school』という単語が使用されているセリフを、すべてのセリフから引き出すこともできます。そしてそれらがどういうシーンで使われているか、そのシーンだけをすぐに見ることもできます」。
↑ 映画の横に字幕が表示される。普通の字幕と違い、前後のセリフが常に表示されているので気になる単語にさっと戻ることができる。
↑ 映画中の全セリフから単語を検索可能。その単語が使われているシーンにもその場からすぐにアクセスできる。
■ 穴埋め問題
また「超字幕」では1本につき30問のリスニングクイズがついてくる。これも大野さんの経験から盛り込んだものだ。
「塾ではよく穴埋め問題をつくりました。ビートルズの歌詞をきいて、その一箇所だけ当てる問題です。穴埋め問題の良いところは、その一つの単語を聞き取るためにぐっと集中力が高まって、結果としてその周辺の単語も自然に覚えられる点です。ただ、どこを穴埋めにするかはよく考えなければなりません。私が教えていたときは子供向けだったので、くどき文句の一節などを穴埋めにしていました。みんな興味しんしんでしたよ（笑）」。
このクイズ、実際に試してみたが、なんとなく聞き流しているような文章も一箇所伏せてあるだけで聞く態度がまったく違ってくる。自分もよくプレゼンで「大事なところを伏せ字にして聴衆の興味を引く」という手法を使うが、これも同じように聞いている人を前のめりにさせる効果があるようだ。
↑ 一箇所伏せてあるだけで集中力がぐっとアップするのが不思議だ。
■ 知らない間に復習させる
「塾講師を行なっているときにも感じましたが、何かを学んだらすぐに復習することが大事です。学習を始めてから終わるまで、そのテンションが維持されている間にいかに自然に『復習の時間』を配置するかがコツです」。
「超字幕」でもそうした復習の時間を要所要所で持てるように気を使った。たとえ映画をみているときに「あ、ちょっとわからなかったかも」というセリフはワンクリックで「3回リピート」させることができる。
また、さきほどのリスニングクイズでも、間違えた箇所はさりげなくもう一度再生させるように設計されている。これも「間違えっぱなしで決して終わらせることがないように」という意図があるという。
■ 「2月です」「今年の？」「そうです」
実はこの「超字幕」、企画が立ち上がったのはなんと今年の2月だという。
「弊社ではソフトをUSBメモリにいれてコンビニなどで展開しているのですが、それを見たパラマウントジャパンの社長から『これに映画を入れて売りたい！』と提案していただいたのです。しかし、ただ映画をいれるだけでは面白味がありませんので、弊社ならではの機能が必要だと思いさまざまな視点で企画を練りました。そこで、映画で英語学習ができる『超字幕』を思いつきました。そこからはすごいスピードで話が進みました。1週間でプロトタイプを作ってすぐにハリウッドへ飛び、弊社の社長がパラマウント社にプレゼンを行ないました」。
結果は大成功。「これならうちの子供にも使わせたい」、そうハリウッドのパラマウント社の人に言ってもらえたのが決め手だった。映画という権利関係が複雑な商材でありながら、将来の可能性に賭けてもらった。
↑ 「実は企画が立ち上がったのは2月だったのですよ」と苦笑する大野さん。
ただ、もちろんそれからが大変だった。
「一番苦労した点はタイトル選びです。なにしろ600タイトル以上もあるので、毎週末10本以上は見ていました。映画としておもしろいもの、そして英語教材として優れているものを選ばなくてはいけません。良い映画ではあるけれど、悲しすぎるエンディングではもう一度見たいとは思わないでしょうし、フランス語やスペイン語が多用されているような映画も英語教材としては適していません。また俗語が多すぎても問題です。そうした観点から今回はまず17タイトルを選びました」。
↑ 現在ラインナップされている「超字幕」。
もちろんこれからもタイトルを随時追加していく予定だ。またソフトウェア自体もユーザーの声を取り入れながらバージョンアップしていくという。「発売時には私も店頭に立ってお客様の声を聞いてきます。『超字幕』で、誰もが字幕なしで映画が見られるようになれると良いと思います」。
「超字幕」は6月19日より発売。家電量販店、書店のほか、Amazon、ダウンロード販売でも購入することができる。
ただ、ダウンロード販売については、本日より先行発売されている。1タイトル、3,480円。「シーンとセットで楽に英語を覚えたい」という方はいかがだろうか。
» 超字幕.comのオンラインストアへ （本日より先行販売中！）
また、IDEA*IDEAでは「超字幕」の体験版をいただいたので、近日中にその使用感をレビューする予定である。こちらもお楽しみに。
追記：商品のレビュー記事をアップしました。こちらもあわせてどうぞ。
» 【PR】 映画で英語が覚えられる『超字幕』を実際に試してみた（モニタープレゼント付！） – IDEA*IDEA ～ 百式管理人のライフハックブログ ～
トルコの屋台での風景らしいですが、こんなアイスクリーム屋さんはいやですなｗ。動きがトリッキーすぎ。
↑ まぁ、でもエンターテイメントとして楽しいかな。
誠Biz.IDの「Webサービス図鑑」を応援中です！
