[B! javascript][html5] Kanasansoftã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Kanasansoft id:Kanasansoft

javascriptã¨html5ã«é–¢ã™ã‚‹Kanasansoftã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (64)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Fabric.js Javascript Canvas Library
Fabric.js is a powerful and simple Javascript HTML5 canvas library Fabric provides interactive object model on top of canvas element Fabric also has SVG-to-canvas (and canvas-to-SVG) parser Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes
Kanasansoft 2018/05/01
Canvasã§ãƒ‰ãƒãƒ¼ç³»ãƒ„ãƒ¼ãƒ«ã‚’å®Ÿç¾ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚SVGã«ã‚‚å‡ºåŠ›å¯èƒ½ã€‚

framework

animation

html5

library

svg

canvas

javascript

image

draw

drawing
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒã‹ã‚‰ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«é€ä¿¡ã™ã‚‹æŠ€è¡“ - WebSocketã‚’ä¸å¿ƒã« - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Webã§ã®ãƒ—ãƒƒã‚·ãƒ¥æŠ€è¡“ HTTPã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ã‹ã‚‰ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ã¦ã‚µãƒ¼ãƒã‹ã‚‰ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒè¿”ã‚‹ä¸€å•ä¸€ç”åž‹ã®ãƒ—ãƒãƒˆã‚³ãƒ«ãªã®ã§ã€åŸºæœ¬çš„ã«ã¯ã‚µãƒ¼ãƒå´ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã«æ–°ç€æƒ…å ±ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§é€šçŸ¥ï¼ˆãƒ—ãƒƒã‚·ãƒ¥ï¼‰ã§ãã‚‹ã‚ˆã†ã«ã¯ã§ãã¦ã„ã¾ã›ã‚“ã€‚ ã—ã‹ã—ãã‚Œã§ã‚‚ãƒ—ãƒƒã‚·ãƒ¥ã‚’ã—ãŸã„ã¨ã„ã†å ´åˆã«ã©ã†ã™ã‚‹ã‹ã¨ã„ã†è©±ãŒå‡ºã¦ãã¾ã™ã€‚ã‚„ã‚Šæ–¹ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãƒãƒ¼ãƒªãƒ³ã‚° ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã‚µãƒ¼ãƒã«å®šæœŸçš„ã«æ–°ç€ã‚’å•ã„åˆã‚ã›ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ æœ€ã‚‚åŽŸå§‹çš„ã‹ã¤ç¢ºå®Ÿãªã‚„ã‚Šæ–¹ã€‚æ¬ ç‚¹ã¯ã€æœ€å¤§ã§ãƒãƒ¼ãƒªãƒ³ã‚°é–“éš”ã®åˆ†ã ã‘é€šçŸ¥ãŒé…å»¶ã—ã†ã‚‹ã“ã¨ã§ã™ã€‚ ãƒãƒ³ã‚°ãƒãƒ¼ãƒªãƒ³ã‚°ï¼ˆâ€œC
Kanasansoft 2016/08/24
WebSocketãŒä½¿ãˆãªã„ç’°å¢ƒã¯ã‚ãˆã¦ç„¡è¦–ã—ã¦ã‚‹ã€‚WSã‚’ä½¿ã†ã‚¢ãƒ—ãƒªã‚’ä¸–ã®ä¸ã«æº¢ã‚Œã•ã›ã¦ã€å¯¾å¿œã—ã¦ã„ãªã„è£½å“ã‚’é¸æŠžè‚¢ã‹ã‚‰å¤–ã•ã›ãŸã„ã€‚

websocket

javascript

html

html5

network

development
ãƒªãƒ³ã‚¯
WebRTCã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒ¬ãƒãƒ¼ãƒˆ Â· A Study of WebRTC Security
WebRTCã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒ¬ãƒãƒ¼ãƒˆ ã‚ã‚‰ã¾ã— WebRTC(Web Real-Time Communication)ã¯ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æŠ€è¡“ã®æ˜¨ä»Šã®ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã ã€‚WebRTCã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã§ã€ã¾ãŸä»–ã®æ¡ä»¶ã‚‚ç„¡ã—ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã§ãã‚‹ã€‚ã ãŒã€ãã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦æ€§è³ªã‹ã‚‰ã€WebRTCã‚’æŽ¡ç”¨ã—ã‚ˆã†ã¨ã™ã‚‹äººãŒã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®ä¸å®‰ã‚’è¦šãˆã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã ã‚ã†ã€‚æœ¬ãƒ¬ãƒãƒ¼ãƒˆã¯WebRTCã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«ã¤ã„ã¦æ˜Žã‚‰ã‹ã«ã—ã€ä»–ã®æŠ€è¡“ã¨æ¯”è¼ƒã—ã¦WebRTCã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãŒå„ªã‚Œã¦ã„ã‚‹ã“ã¨ã‚’è§£èª¬ã™ã‚‹ã€‚ 1. å°Žå…¥ WebRTCã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Webãƒ™ãƒ¼ã‚¹ã®æŠ€è¡“ã§ã‚ã‚Šã€ãƒ¦ãƒ¼ã‚¶ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ¡ãƒ‡ã‚£ã‚¢é€šä¿¡ã‚’ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã§å®Ÿç¾å¯èƒ½ãªæŠ€è¡“ã ã€‚é©åˆ‡ãªãƒ–ãƒ©ã‚¦ã‚¶ã‚’åˆ©ç”¨ã™ã‚Œã°ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚ºã™ã‚‹ã ã‘ã§ã€ä»–è€…ã«ç™ºä¿¡ã—ã¦é€šè©±ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ WebRTCã®ä¸»ãªãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã¯
Kanasansoft 2015/08/02
webrtc

html5

javascript

p2p

communication

security
ãƒªãƒ³ã‚¯
HTML5 History APIã§éžåŒæœŸé€šä¿¡æ™‚ã«URLã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®åº—é•·ã§ã™ã€‚ å…ˆæ—¥è¨˜äº‹ãŒå‡ºã¦ã¾ã—ãŸãŒæ”¹ã‚ã¦è‡ªå·±ç´¹ä»‹ã—ã¾ã™ã€‚ å¤§å¦å’æ¥å¾Œã¯ã‚«ãƒ•ã‚§ã§ä»•äº‹ã‚’ã—ã¦ã„ãŸã®ã§ã™ãŒã€é€€è·ã—ã¦1å¹´åŠã»ã©Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ãã—ã¦ã€LIGã«ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã‚¸ãƒ§ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã«ã€‚ ãŠå¯Ÿã—ã®ã¨ãŠã‚Šã€åº—é•·ã¨ã„ã†ã‚¢ãƒ€åã¯ã‚«ãƒ•ã‚§ã§åƒã„ã¦ã„ãŸãŸã‚ã§ã™ã€‚ ä»Šå¾Œã¨ã‚‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯HTML5ã®History APIã«ã¤ã„ã¦ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ History APIã«ã¤ã„ã¦ History APIã«ã¯ä»¥å‰ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã®å±¥æ´ï¼ˆã‚¹ã‚¿ãƒƒã‚¯ï¼‰ã‚’è¡Œãæ¥ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã£ãŸã®ã§ã™ãŒã€HTML5ã§ã•ã‚‰ã«ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ ç”»é¢ã‚’é·ç§»ã›ãšã€å±¥æ´ã«æ–°ãŸãªURLã‚’è¿½åŠ ã™ã‚‹ã€‚ ç¾åœ¨ã®ãƒšãƒ¼ã‚¸ã®å±¥æ´ã‚’å¤‰æ›´ã™ã‚‹ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ãƒ»é€²ã‚€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¨ãã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’æ¤œçŸ¥ã™ã‚‹ã€‚ ã“ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒã©ã‚“ãªå ´é¢ã§ä½¿ã‚ã‚Œã¦ã„
Kanasansoft 2015/06/11
html5

history

api

javascript

demo

ajax
ãƒªãƒ³ã‚¯
Engadget | Technology News & Reviews
Parrots in captivity seem to enjoy video-chatting with their friends on Messenger
Kanasansoft 2014/12/24
æ¬²ã—ã„ã‘ã©ã€å€¤æ®µè¨å®šã‚’å«ã‚ã¦ã‚®ãƒ¼ã‚¯å‘ã‘ã¨ã„ã†ã‚ˆã‚Šã‚¬ã‚¸ã‚§ãƒƒãƒˆãƒžãƒ‹ã‚¢å‘ã‘ã«ãªã£ã¦ã„ã‚‹æ°—ãŒã™ã‚‹...ã€‚æ¬²ã—ã„ã‘ã©ã€‚/ã¨ã“ã‚ã§Open Web Boardã¯ã©ã“ã§å…¥æ‰‹ã§ãã‚‹ã‚“ã ã‚...ã€‚

firefoxos

fxos

javascript

html5

kddi

os

smartphone
ãƒªãƒ³ã‚¯
GitHub - mattdiamond/Recorderjs: A plugin for recording/exporting the output of Web Audio API nodes
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Kanasansoft 2014/12/02
audio

javascript

capture

html5
ãƒªãƒ³ã‚¯
GitHub - muaz-khan/WebRTC-Experiment: WebRTC, WebRTC and WebRTC. Everything here is all about WebRTC!!
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Kanasansoft 2014/10/15
WebRTCã®ã‚µãƒ³ãƒ—ãƒ«å¤šæ•°ã€‚

webrtc

sample

code

javascript

tech

html5
ãƒªãƒ³ã‚¯
Quirks in DeviceOrientation API
Kanasansoft 2014/09/22
DeviceOrientation APIã®ãƒ–ãƒ©ã‚¦ã‚¶ã®å·®ç•°ã«ã¤ã„ã¦ã€‚ã‚«ã‚ªã‚¹ã€‚

html5

deviceorientation

compass

sensor

api

web

javascript

browser
ãƒªãƒ³ã‚¯
WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org
æ¬¡ãªã‚‹ Web ã‚’è¦‹æ®ãˆã¦ æ¥ãŸã‚‹ã¹ã WebGL2 ã®æ™‚ä»£ã¸ 2011 å¹´ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ 1.0 ãŒå‹§å‘Šã•ã‚ŒãŸ WebGL ã¯ã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ OpenGL ES ã«ç›¸å½“ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ API ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ã® API ã§ã™ã€‚ ãã—ã¦ 2016 å¹´ã€WebGL ã®æ£å½“ãªå¾Œç¶™ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ WebGL2 (ã‚‚ã—ãã¯ WebGL 2.0) ãŒã„ã‚ˆã„ã‚ˆæœ¬æ ¼çš„ã«åˆ©ç”¨ã§ãã‚‹æ®µéšŽã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ å½“ã‚µã‚¤ãƒˆã§ã¯ã€2012 å¹´ã®é–‹è¨ä»¥æ¥ã€WebGL 1.0 ç³»ã® API ã‚’ç”¨ã„ã‚‹ãŸã‚ã®æŠ€è¡“è§£èª¬ã‚’æŽ²è¼‰ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦ä»Šå¾Œã¯ã€æ™‚ä»£ã®å¤‰é·ã«åˆã‚ã›ã¦ WebGL 2.0 ç³»ã®è§£èª¬è¨˜äº‹ã‚‚å…¬é–‹ã—ã¦ã„ãæ–¹é‡ã§ã™ã€‚ WebGL 2.0 ãŒç™»å ´ã™ã‚‹ã¨ã¯è¨€ã£ã¦ã‚‚ã€å¾Œæ–¹äº’æ›ã‚’ä¿ã¤ã¨ã„ã†æ„å‘³ã‚‚ã‚ã£ã¦ æ„å›³çš„ã«æœ‰åŠ¹åŒ– ã—ãªã„é™ã‚Šã¯ WebGL 1.0 ç›¸å½“ã® AP
Kanasansoft 2014/09/07
WebGLã®æŠ€è¡“æƒ…å ±å¤šæ•°ã€‚

html5

wegl

opengl

3d

canvas

javascript

programming

gpu
ãƒªãƒ³ã‚¯
Face substitution
This is a demo of face substitution using the javascript library clmtrackr. Keep your face still until the facemodel has fitted and try out different masks from the dropdown. Note that the face substitution works best with good, even lighting. The demo also needs support for WebGL, and works best in Google Chrome. The demo was inspired by Kyle McDonald & Arturo Castro's face substitution, and incl
Kanasansoft 2014/01/14
WebRTCã®getUserMediaã§å–å¾—ã—ãŸãƒ¡ãƒ‡ã‚£ã‚¢ã‹ã‚‰é¡”æ¤œå‡ºã‚’è¡Œãªã„ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§åˆ¥ã®é¡”ã‚’åˆæˆã€‚

face

demo

javascript

webrtc

html5

facedetection
ãƒªãƒ³ã‚¯
tjunæœˆï¼‘æ—¥è¨˜
ã‚³ãƒãƒŠã‚¦ã‚¤ãƒ«ã‚¹ãŒæµè¡Œã™ã‚‹å‰ã®2020å¹´1æœˆä¸Šæ—¬ã€ä¸å›½ã®æå·žã«è¡Œã£ã¦ããŸã®ã§ãã®è¨˜éŒ²ã‚’æ›¸ã„ã¦ãŠãã€‚ ã¯ã˜ã‚ã« è‡ªåˆ†ã¯ã“ã‚ŒãŒä¸å›½ã¸è¡Œãã®5å›žç›®ã€‚ãã‚Œãªã‚Šã«æ…£ã‚Œã¦ã„ã‚‹æ–¹ã ã¨æ€ã†ã‘ã©ã€ä¸å›½äººã¨ä¸€ç·’ã«è¡Œã£ãŸã»ã†ãŒåœ§å€’çš„ã«æ¥½ã§ã™ã€‚ æ•°å¹´å‰ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ãƒ¬ã‚¹ãŒæ™®åŠã—ã¦ã€ãã®å¾Œã‚‚è¦åˆ¶ãŒå¤‰ã‚ã£ãŸã‚Šã—ã¦è¡ŒããŸã³ã«çŠ¶æ³ãŒå¤‰ã‚ã£ã¦ã„ã¾ã™ã€‚ãªã®ã§ã€ã“ã“ã§æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã¯åŠå¹´å¾Œã«ã¯å‚è€ƒã«ãªã‚‰ãªã„ã‹ã‚‚ã€‚ äº‹å‰ã«ã‚„ã£ã¦ãŠãã“ã¨ WeChatPayã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ä½œã‚‹ã€å¯èƒ½ãªã‚‰æœ¬äººç¢ºèªã¨ãƒãƒ£ãƒ¼ã‚¸ã‚’ã‚„ã£ã¦ãŠã Alipayã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ä½œã£ã¦ã€å¯èƒ½ãªã‚‰æœ¬äººç¢ºèªã¨ãƒãƒ£ãƒ¼ã‚¸ã‚’ã‚„ã£ã¦ãŠã ä¸å›½ã§ä½¿ãˆã‚‹é¦™æ¸¯SIMã‚’è²·ã† WeChatPayã¨Alipayã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¯ã€å¤–å›½äººã§ã‚‚ä½œã‚Œã‚‹ã¨ãã¨ä½œã‚Œãªã„ã¨ããŒã‚ã‚‹ã€‚ã¾ãŸãŠé‡‘ã‚‚ãƒãƒ£ãƒ¼ã‚¸ã§ãã‚‹ã¨ãã¨ã§ããªã„ã¨ããŒã‚ã‚‹ã€‚ äº‹å‰ã«ã‚°ã‚°ã£ã¦ã§ãã‚‹ã‹ã©ã†ã‹è©¦ã—ã¦ãŠãã®ãŒé‡è¦ã€‚ ã¾ãŸã€ä¸å›½ã¯ã„ã‚ã‚†ã‚‹Grea
Kanasansoft 2013/12/22
WebRTCã®P2Pã®ä»•çµ„ã¿ã®è§£èª¬ã€‚STUN,TURN,ICE,Hole Panchingç‰ã®æ—¥æœ¬èªžã®è§£èª¬ã§ã¯ç¾æ™‚ç‚¹ã§å¤šåˆ†ä¸€ç•ªè©³ã—ã„ã€‚

html5

websocket

webrtc

p2p

javascript
ãƒªãƒ³ã‚¯
ã“ã¦ã•ãAjax:WebRTCã‚’ãŠæ‰‹è»½ã«ã€‚Peer.jsè©¦ã—ã¦ã¿ãŸ - livedoor Blogï¼ˆãƒ–ãƒã‚°ï¼‰
WebRTCã¸ã®æœ€è¿‘ã®åƒ• ä»Šå¹´æœ€åˆã®ãƒ–ãƒã‚°è¨˜äº‹ãƒã‚¹ãƒˆã€‚ã„ã‚„ãƒ¼ã‚‚ã†4æœˆã‚‚åŠã°ã€‚æ¡œã‚‚æ•£ã£ã¡ã‚ƒã„ã¾ã—ãŸã€‚ã»ã‚“ã¨ã€æ›´æ–°é »åº¦ã®ä½Žã„ãƒ–ãƒã‚°ã§ã™ãƒ»ãƒ»ãƒ»ä»Šæ—¥ã¯ã€WebRTCé–¢é€£ã®è©±é¡Œã€‚ DataChannel(æ˜ åƒã€éŸ³å£°ä»¥å¤–ã®ä»»æ„ã®ãƒ‡ãƒ¼ã‚¿ã‚’é€å—ä¿¡ã§ãã‚‹æ©Ÿèƒ½)ãŒå®Ÿè£…ã•ã‚ŒãŸã‚Šã€Firefox nightlyã§ã‚‚å®Ÿè£…ãŒå§‹ã¾ã£ãŸã‚Šã€Chrome for Android(beta)ã§ã‚‚å®Ÿè£…ãŒå§‹ã¾ã£ãŸã‚Šã¨ã€æœ€è¿‘ãƒ›ãƒƒãƒˆãªãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒç›®ç™½æŠ¼ã—ã®WebRTCï¼ˆWeb Real Time Communicationï¼‰ã€‚åƒ•ã‚‚ã€ã¡ã‚‡ã„ã¡ã‚‡ã„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—å®Ÿè£…ã‚’è©¦ã—ã¦ã„ã¾ã™ã€‚ ä¾‹ãˆã°ã€3/22ã®Webå…ˆç«¯å‘³è¦‹éƒ¨ã®æ™‚ã«ã€å½“æ—¥è¬›å¸«ã®å‰å·ã•ã‚“ã«å–ã‚Šä¸Šã’ã¦ã„ãŸã ã„ãŸãƒãƒ£ãƒƒãƒˆå®Ÿè£…(github)ã¨ã‹ï¼ˆãã®å¾Œã€å‰å·ã•ã‚“ã€å¤§æ´¥è°·ã•ã‚“ã®contributeã®ãŠã‹ã’ã§ã€ãƒ“ãƒ‡ã‚ªãƒãƒ£ãƒƒãƒˆæ©Ÿèƒ½å®Ÿè£…ã¨ã‹ãƒã‚°æ”¹ä¿®ã¨ã‹é€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ï¼‰ ãªãŠã€ä¸Šã®ã‚³ãƒ¼ãƒ‰ã¯ã€ã‚µãƒ³ãƒ—
Kanasansoft 2013/04/14
p2p

api

javascript

webrtc

html5
ãƒªãƒ³ã‚¯
three.js editor
Kanasansoft 2013/03/29
html5

threejs

editor

javascript

3d
ãƒªãƒ³ã‚¯
PeerCDN
PeerCDN is an open-source, distributed CDN that will make the web faster, more reliable, and help sites to reduce bandwidth costs.It's still really early days with WebRTC, but we hope to have the above screencast powered by PeerCDN in a week or two. Check back soon! Meet PeerCDN. A new kind of CDN.PeerCDN is a peer-to-peer distributed CDN that will make the web faster, more reliable, and help site
Kanasansoft 2013/03/28
WebRTCã®Data Channelã‚’ä½¿ã£ãŸP2Påž‹CDNã€‚

webrtc

html5

javascript

network

cdn

p2p
ãƒªãƒ³ã‚¯
WebSocketãŒã‚‚ãŸã‚‰ã™ã€Œãƒ—ãƒãƒˆã‚³ãƒ«çˆ†ç™ºã€ â€“ Fujimura Seminar
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã§ãƒ‡ãƒ¼ã‚¿ãŒé€ã‚Œã‚‹ã®ã¯ã€é€ã‚Šå´ã¨å—ã‘å–ã‚Šå´ã§ãƒ‡ãƒ¼ã‚¿ã‚’ã©ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨æ‰‹é †ã§é€ä¿¡ã™ã‚‹ã‹ã¨ã„ã†ã“ã¨ãŒç´°ã‹ãæ±ºã¾ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ã“ã®å–ã‚Šæ±ºã‚ã‚’ãƒ—ãƒãƒˆã‚³ãƒ«ã¨å‘¼ã³ã¾ã™ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ãƒ—ãƒãƒˆã‚³ãƒ«ã¯ã€IETFã¨å‘¼ã¶ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢çµ„ç¹”ã§æ±ºã‚ã¦ã„ã¾ã™ã€‚IETFã‹ã‚‰å‡ºç‰ˆã•ã‚Œã‚‹æ£å¼ãªæ–‡æ›¸ã¯RFCã¨å‘¼ã°ã‚Œã€ã“ã‚Œã¾ã§ã«6000ã‚’è¶…ãˆã‚‹ã®RFCãŒå‡ºç‰ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ãŸã ã—ã€ã“ã®ä¸ã«ã¯ç¾åœ¨ã§ã¯å¤ããªã£ãŸRFCã‚„ã€ãƒ—ãƒãƒˆã‚³ãƒ«ãã®ã‚‚ã®ã§ã¯ãªãã€ãƒ—ãƒãƒˆã‚³ãƒ«ã‚’æ±ºã‚ã‚‹ãƒ«ãƒ¼ãƒ«ã‚„å‚è€ƒæƒ…å ±ç‰ãŒã‚ã‚Šã€å¹…åºƒãæ´»ç”¨ã•ã‚Œã¦ã„ã‚‹RFCã¯ãã‚Œã»ã©å¤šãã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãŠãã‚‰ãæ•°ç™¾ä½ã ã¨æ€ã„ã¾ã™ã€‚å®Ÿã¯ç§ã‚‚ï¼“æœ¬ã®RFCã‚’å‡ºç‰ˆã—ã¦ã„ã¾ã™ãŒã€æ®‹å¿µãªãŒã‚‰ã»ã¨ã‚“ã©ä½¿ã‚ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ æ•°å¤šãã®ãƒ—ãƒãƒˆã‚³ãƒ«ã®ãã®ä¸ã§ã‚‚æ™®æ®µã‚ˆãè€³ã«ã™ã‚‹ã‚‚ã®ã®ä¾‹ã¨ã—ã¦ã€ã‚¦ã‚§ãƒ–ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹HTTPã€ãƒ¡ãƒ¼ãƒ«ã‚’å—ä¿¡ã™ã‚‹POP3ã‚„IMAP4ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è»¢é€ã™ã‚‹FTPãªã©ãŒ
Kanasansoft 2013/02/23
è‰¯ã„è§£èª¬ã€‚

websocket

protocol

html5

javascript
ãƒªãƒ³ã‚¯
ç…§åº¦ã¨è¿‘æŽ¥ãŒDOMã«å…¥ã‚‹
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ ç¬¬2ç‰ˆ ä½•åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ŒPractical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootã‚’ä½¿ã£ãŸREST APIæ§‹ç¯‰ã®åŸºç¤Žã‚’å¦ã‚“ã ã€‚ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ããƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é‡è¦ãªå¤‰...
Kanasansoft 2013/01/23
ã€Ž"Proximity Events"ã¨"Ambient Light Events" ã€ã€Žè¿‘æŽ¥ã‚»ãƒ³ã‚µãƒ¼ã‚„ç…§åº¦ã‚»ãƒ³ã‚µãƒ¼ã€ã€ŽJavaScriptã¨HTML5ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©çµŒç”±ã§å—ä¿¡ã™ã‚‹æ‰‹æ®µã‚’å®šç¾©ã€

javascript

api

html5
ãƒªãƒ³ã‚¯
æ„å¤–ã¨ä¾¿åˆ©ãªJSON RPC - TechTalkManiacs
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯HTML5 Advent Calendar 2012ã®4æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ãªã‚Šã¾ã™ã€‚ JSONã€€RPCã¨ã¯æ–‡å—é€šã‚ŠJSONã§RPCã™ã‚‹ãƒ—ãƒãƒˆã‚³ãƒ«ã§ã€ç¾è¡Œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2.0ã§ã™ã€‚ ãƒªãƒ¢ãƒ¼ãƒˆç’°å¢ƒã«ã‚ã‚‹é–¢æ•°ã‚’ãƒãƒ¼ã‚«ãƒ«ã®é–¢æ•°ã¨åŒæ§˜ã«å‘¼ã³å‡ºã›ã‚‹RPCã¯å‘¼ã³ã ã™æ©Ÿèƒ½ãŒå¤šã‹ã£ãŸã‚Šã€è¤‡é›‘ã ã£ãŸã‚Šã™ã‚‹æ™‚ã«éžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ã¾ãŸRESTã¨é•ã„å¯¾è±¡ãŒHTTPã‚’å—ã‘ä»˜ã‘ã‚‹ã‚µãƒ¼ãƒãƒ¼ã§ã‚ã‚‹å¿…è¦ãŒãªã„ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã€ã“ã‚ŒãŒwebsocketã‚„ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ³ã‚°APIã€webworkerã¨ã„ã£ãŸHTML5 APIã¨éžå¸¸ã«ç›¸æ€§ãŒã„ã„ã®ã§ã™ã€‚ ã¾ãŸRPCã¨ã„ã†ã¨XML RPCãŒæœ‰åã§ã™ãŒã€JSON RPCã¯ãã‚Œã«ãã‚‰ã¹ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªç‰¹å¾´ã‚’æŒã¡ã¾ã™ ãƒ—ãƒãƒˆã‚³ãƒ«ãŒè»½é‡ãƒ»ã‚·ãƒ³ãƒ—ãƒ« åå‰ã¤ããƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼(namedparameter) ãƒãƒƒãƒãƒªã‚¯ã‚¨ã‚¹ãƒˆ ã§ã¯é †ç•ªã«è¦‹ã¦ã„ãã¾ã™ ãƒ—ãƒãƒˆã‚³ãƒ«ãŒè»½é‡ RPCã«é™ã‚‰ãšXMLã¨
Kanasansoft 2012/12/30
rpc

json

javascript

html5

development

jsonrpc
ãƒªãƒ³ã‚¯
å¤§è¦æ¨¡ JavaScript ãã®è¨è¨ˆã¨å®Ÿè£…ã¨ç¾å®Ÿ
1. å¤§è¦æ¨¡ JavaScript ãã®è¨è¨ˆã¨å®Ÿè£…ã¨ç¾å®Ÿ æ ªå¼ä¼šç¤¾Aiming ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ç«¹é¦¬å…‰å¤ªéƒŽ 2012/10/24@AimingStudy#6 12å¹´10æœˆ24æ—¥æ°´æ›œæ—¥ 2. @mizchi / Koutaro Chikuba 2012/3/1- Aiming/Software Engineer * github https://github.com/mizchi * blog http://d.hatena.ne.jp/mizchi 12å¹´10æœˆ24æ—¥æ°´æ›œæ—¥
Kanasansoft 2012/10/25
http://www.slideshare.net/mizchi/aiming-study6pdf/86 ã€Žãƒ†ãƒ¬ãƒ“ã¨åŒã˜ãƒ–ãƒ©ãƒ³ãƒ‰ åŸºæœ¬çš„ã«ãƒ¤ãƒã‚¤ æœ¬å½“ã«ãƒ¤ãƒã‚¤ã€

javascript

html5

development

game
ãƒªãƒ³ã‚¯
GitHub - Fyrd/caniuse: Raw browser/feature support data from caniuse.com
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Kanasansoft 2012/10/05
caniuseã®ãƒ‡ãƒ¼ã‚¿ãŒjsonå½¢å¼ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯CC BY-NC 3.0 licenseã€‚

html5

development

browser

css3

json

javascript

html

webapi
ãƒªãƒ³ã‚¯
Happy Elements Labs: websocket + HTML5(canvas)ã§ã®ã‚²ãƒ¼ãƒ é–‹ç™º(ãƒœãƒ³ãƒãƒ¼ãƒžãƒ³é¢¨)
ã¯ã˜ã‚ã« ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®@ryooo321ã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ Happy Elementsæ ªå¼ä¼šç¤¾ã§ã¯å‹‰å¼·ä¼šãŒæ´»ç™ºã«è¡Œã‚ã‚Œã¦ãŠã‚Šã€ ãã®ä¸ã®1ã¤ã«ã€Œ1.5æ™‚é–“ã§â—‹â—‹ã‚’ä½œã‚‹ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ãŒã‚ã‚Šã¾ã™ã€‚(æ¯Žé€±é–‹å‚¬@äº¬éƒ½) â€» â—‹â—‹ã¯æ¯Žé€±ã‹ã‚ã‚Šã€è¨è¨ˆ/å®Ÿè£…æ–¹æ³•ãªã©ã¯è‡ªç”±ã§ã™ã€‚ ä»Šå›žã¯ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—2å›ž(è¨ˆ3æ™‚é–“)ã§ä½œæˆã—ãŸãƒœãƒ³ãƒãƒ¼ãƒžãƒ³é¢¨ã‚²ãƒ¼ãƒ ã®ç´¹ä»‹ã‚’é€šã—ã¦ã€ ä»–äººã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§éŠã¹ã‚‹ã‚²ãƒ¼ãƒ ã®å¯èƒ½æ€§ã‚’æ„Ÿã˜ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ â€» æŠ€è¡“çš„ã«ã¯websocketã€canvasã‚’åˆ©ç”¨ â€» ãƒ©ã‚¤ãƒ–ãƒ©ãƒª/ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦Node.jsã€CreateJSã€socket.ioã€coffeescriptã‚’åˆ©ç”¨ â€» æ€¥ã„ã§ä½œã£ãŸã®ã§ã»ã¨ã‚“ã©ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã•ã‚Œã¦ã„ã¾ã›ã‚“mm ã¾ãŸã€ãŠã¾ã‘ã¨ã—ã¦ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã®canvasæç”»ã¨websocketã§ã®ãƒã‚¤ãƒŠãƒªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«ã¤ã„ã¦ è©¦ã—ã¦ã¿
Kanasansoft 2012/08/26
programming

javascript

canvas

node.js

createjs

websocket

html5
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸