2013年2月14日木曜日

Enchant.jsを試してみました

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

ゲームを簡単に作る!

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

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

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


それを実現するのが、

Enchant.jsです♩


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

⬇⬇⬇
即応力テスト開始

$「発見をみんなのものへ」~プログラマーから取締役(CIO)への軌跡-EnchantJS

現時点で「81点」が最高得点です。(100点満点)

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

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

2013年2月6日水曜日

WebRTCについて調べてみた

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

とりあえず、メモ









「発見をみんなのものへ」~プログラマーから取締役(CIO)への軌跡-WebRTC demo2


※ WebRTCを使ったデモ













WebRTCとは、











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





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

















何ができるか

















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











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





ビデオチャットも可能。











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











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

















どんな世界になるか?











・WEBサポートの応用











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





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











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











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





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
















デモ









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









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










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




 


「発見をみんなのものへ」~プログラマーから取締役(CIO)への軌跡-WebRTC demo







画面
イメージ










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















技術的な課題











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





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





・1対1のみ











最近の傾向












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について調べてみた

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

とりあえず、メモ














WebRTCとは、









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




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














何ができるか














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









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




ビデオチャットも可能。









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









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














どんな世界になるか?









・WEBサポートの応用









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




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









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









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




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













デモ







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







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








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


 

「発見をみんなのものへ」~プログラマーから取締役(CIO)への軌跡-WebRTC demo




画面
イメージ







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












技術的な課題









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




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




・1対1のみ









最近の傾向










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ページ.製作会社ジェネキス

クラウドソーシングとは

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

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

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

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

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

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

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

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

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

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

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

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

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


東京丸の内にて。

クラウドソーシングとは

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

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

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

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

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

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

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

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

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

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

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

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

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


東京丸の内にて。

クラウドソーシングとは

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

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

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

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

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

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

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

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

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

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

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

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

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


東京丸の内にて。

2013年1月24日木曜日

クラウドソーシングとは

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

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

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

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

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

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

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

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

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

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

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

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

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


東京丸の内にて。