a n n i n

Enchant.jsを試してみました

2013-02-14T23:19:00.001+09:00

※このブログはコチラより自動生成しております。

ゲームを簡単に作る！

しかも、WEBブラウザのみでゲームが出来ちゃう。

もちろん、スマホも対応！

でも、アプリみたいにインストールは要らない。

それを実現するのが、

Enchant.jsです♩

ひとまず、Enchant.jsを使って、
ゲームを作ってみました。

⬇⬇⬇
即応力テスト開始

現時点で「８１点」が最高得点です。（１００点満点）

是非、あなたもトライしてみてください♩

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

WebRTCについて調べてみた

2013-02-06T20:32:00.001+09:00

※このブログはコチラより自動生成しております。

とりあえず、メモ

※ WebRTCを使ったデモ

WebRTCとは、

ブラウザ上でリアルタイムコミュニケーションを可能にする、

ウェブのためのフレームワーク

何ができるか

携帯からPCに電話をする。

PCから携帯に電話をする。

ビデオチャットも可能。

しかも、Skypeのようなインストールは不要。

お使いのブラウザのみで可能となる。

どんな世界になるか？

・WEBサポートの応用

WEBを見ていて分からないことがあったら、

ボタン一つで、サポート呼び出し。（ビデオチャット）

で、~~相手の指示に従いWEBに入力~~

サポートが直接、WEBに文字などを入力。

画面にサポートの人のマウスがあらわれる。

デモ

とりあえず、どんな感じか作ってみました。

内蔵カメラを使ってエフェクトとか写真撮ったりとか。

https://suzu-node.herokuapp.com/

※ 画面イメージ

注）Google Chrome、FireFoxの最新版のみに対応。後述の通り技術が発展途上でブラウザがまだ対応してきれていません。

技術的な課題

・全体的に日本の資料はほぼ無い。

・技術自体発展途上なため、ブラウザ側も対応しきれていない。特にモバイル

・１対１のみ

最近の傾向

DataChannelの実装とモバイルの多様化。

モバイルとしては、エリクソンが先行している。

・HTML5 mobile向けブラウザー「bowser」

> https://labs.ericsson.com/apps/bowser

Techwevに掲載

> http://techwave.jp/archives/51779032.html

ブラウザ作ってる偉い人たち（ChromeとFireFoxのリーダー）が、

ビデオチャットを使用してデモを実施。＞ WebRTCにとって明るい未来です。

その他メモ

WebRTCはブラウザ上でリアルタイムコミュニケーションを可能にする、ウェブのためのフレームワーク

Stream APIとGetUserMediaのデモ。これらを使うとカメラやマイクの情報を取得できます。

PeerConnection APIは、マルチメディアセッションのためのAPIで、ピア・ツー・ピア通信、コーデックや暗号化、帯域管理などの機能を含みます。

実現するための仕組み

STUN:STUNサーバーにIPを教えてもらう。グローバルとプライベートIPを教えてくれるサーバー。

ICE：STUNに教えてもらったあとに相手先にOffer送信する。相手も同じようにIPを取得して、Answer送信する。仕組み

SDP：プロトコル

シグナリングプロトコルに問題

上記を解決するために、

➡ JSEP；WEBアプリ側でシグナリングをしよう。

AppEngineChannelAPI

Data Channel API

メディアストリーム以外の汎用データをやり取りが可能。

http://www.youtube.com/watch?v=E8C8ouiXHHk

デモ

http://webrtc-demos.appspot.com/html/gum2.html

http://webrtc-demos.appspot.com/html/pc1.html

日本語

http://www.youtube.com/watch?feature=player_embedded&v=3_19LPro_VE

・スマホはカメラをPCのカメラとして代用。

・まずはGoogle+ Hangout機能から実用化かな。

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

WebRTCについて調べてみた

2013-02-06T20:28:00.001+09:00

※このブログはコチラより自動生成しております。

とりあえず、メモ

WebRTCとは、

ブラウザ上でリアルタイムコミュニケーションを可能にする、

ウェブのためのフレームワーク

何ができるか

携帯からPCに電話をする。

PCから携帯に電話をする。

ビデオチャットも可能。

しかも、Skypeのようなインストールは不要。

お使いのブラウザのみで可能となる。

どんな世界になるか？

・WEBサポートの応用

WEBを見ていて分からないことがあったら、

ボタン一つで、サポート呼び出し。（ビデオチャット）

で、~~相手の指示に従いWEBに入力~~

サポートが直接、WEBに文字などを入力。

画面にサポートの人のマウスがあらわれる。

デモ

とりあえず、どんな感じか作ってみました。

内蔵カメラを使ってエフェクトとか写真撮ったりとか。

https://suzu-node.herokuapp.com/

※ 画面イメージ

注）Google Chrome、FireFoxの最新版のみに対応。後述の通り技術が発展途上でブラウザがまだ対応してきれていません。

技術的な課題

・全体的に日本の資料はほぼ無い。

・技術自体発展途上なため、ブラウザ側も対応しきれていない。特にモバイル

・１対１のみ

最近の傾向

DataChannelの実装とモバイルの多様化。

モバイルとしては、エリクソンが先行している。

・HTML5 mobile向けブラウザー「bowser」

> https://labs.ericsson.com/apps/bowser

Techwevに掲載

> http://techwave.jp/archives/51779032.html

ブラウザ作ってる偉い人たち（ChromeとFireFoxのリーダー）が、

ビデオチャットを使用してデモを実施。＞ WebRTCにとって明るい未来です。

その他メモ

WebRTCはブラウザ上でリアルタイムコミュニケーションを可能にする、ウェブのためのフレームワーク

Stream APIとGetUserMediaのデモ。これらを使うとカメラやマイクの情報を取得できます。

PeerConnection APIは、マルチメディアセッションのためのAPIで、ピア・ツー・ピア通信、コーデックや暗号化、帯域管理などの機能を含みます。

実現するための仕組み

STUN:STUNサーバーにIPを教えてもらう。グローバルとプライベートIPを教えてくれるサーバー。

ICE：STUNに教えてもらったあとに相手先にOffer送信する。相手も同じようにIPを取得して、Answer送信する。仕組み

SDP：プロトコル

シグナリングプロトコルに問題

上記を解決するために、

➡ JSEP；WEBアプリ側でシグナリングをしよう。

AppEngineChannelAPI

Data Channel API

メディアストリーム以外の汎用データをやり取りが可能。

http://www.youtube.com/watch?v=E8C8ouiXHHk

デモ

http://webrtc-demos.appspot.com/html/gum2.html

http://webrtc-demos.appspot.com/html/pc1.html

日本語

http://www.youtube.com/watch?feature=player_embedded&v=3_19LPro_VE

・スマホはカメラをPCのカメラとして代用。

・まずはGoogle+ Hangout機能から実用化かな。

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

クラウドソーシングとは

2013-02-06T10:56:00.001+09:00

※このブログはコチラより自動生成しております。

最近、仕事でクラウドソーシングのサービス構築に携わってます。

アイディア企画や実際にそれをプログラミングしてます。

クラウドソーシングとは、簡単に言うと、WEBのクラウド(群集)に仕事を依頼するサービスです。

在宅や業務委託も関係しますが、それらを含めた、WEBで受発注できる仕組みと言えます。

まだ一般に浸透した言葉ではないですが、

今月ヤフーが参入したことや、

日経に特集で取りあげられるなど、

徐々にですが、
認知が広がり始めています。

自分は今このクラウドソーシング市場の開拓者の位置にいます。

仕事として、これ以上のやりがいを感じたことはありません。

スマホやタブレットが一般に広がったように、自分もクラウドソーシングを、日常会話で耳にすることが出きるよう、

日々邁進したいと思います。

東京丸の内にて。

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

クラウドソーシングとは

2013-02-06T10:51:00.001+09:00

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

クラウドソーシングとは

2013-02-06T10:46:00.001+09:00

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

クラウドソーシングとは

2013-01-24T12:16:00.001+09:00

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

あきらめないこと。リクターのラット実験

2013-01-23T00:37:00.001+09:00

※このブログはコチラより自動生成しております。

残酷なお話です。

リクターという学者がラットを使って行った実験です。

瓶に水を入れ、そこにラットを入れる。

そしてその瓶に水を流し込む。

瓶の中には斜めに引かれた板が一枚。

板の最上部まで行っても、水からは逃れない。

溺死までに１～６０時間の個体差があったらしいです。

次に、ラットを極限状態まで追い込むために、

捕まえては逃がすを繰り返し、

そのあとに、上の実験を実施。

ほとんどのラットが６０時間以上泳ぎ続けたとの事。

諦めればそこで終わる。

しかし、諦めずに何かを達成した人は、

それが経験として残り、

次の試練も、諦めずに乗り越えようとする。

そして、それがラットにも見られた。

もしも自分がこのラットだったら、

何時間泳ぎ続けられるのか。

深く考えさせられるお話でした。

「選択の科学」シーナ・アイエンガー著より

※Produced by WEB.HP.Facebookページ.製作会社ジェネキス

あきらめないこと。リクターのラット実験

2013-01-23T00:34:00.003+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:34:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:32:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:30:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:29:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:28:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:26:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:25:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:24:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:23:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:20:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:19:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:16:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:15:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:12:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:05:00.001+09:00

あきらめないこと。リクターのラット実験

2013-01-23T00:01:00.001+09:00