[B! media] hukuchosanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hukuchosan id:hukuchosan

mediaã«é–¢ã™ã‚‹hukuchosanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

æœ€æ–°ã®Web RTCä»•æ§˜ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ - IT-Walker on hatena
ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ‰ãƒ©ãƒ•ãƒˆãŒå…¬é–‹ã•ã‚ŒãŸã‚Šã€IEBlogã§ã‚‚è¨€åŠã•ã‚Œã‚‹ãªã©ã€æ³¨ç›®åº¦ãŒä¸€å±¤é«˜ã¾ã£ã¦ããŸæ„Ÿã®ã‚ã‚‹Web RTC (Web RealTime Communication)ä»•æ§˜ã«ã¤ã„ã¦ã€æ”¹ã‚ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ Web RTCã¯ã€Webã‚¢ãƒ—ãƒªã‹ã‚‰ã‚«ãƒ¡ãƒ©ã‚„ãƒžã‚¤ã‚¯ã§ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ‡ãƒ¼ã‚¿ã‚’å–ã‚Šè¾¼ã‚“ãŸã‚Šã€ãƒªãƒ¢ãƒ¼ãƒˆãƒ›ã‚¹ãƒˆã¨ã®P2Pã®ãƒ‡ãƒ¼ã‚¿é€å—ä¿¡ã‚’è¡Œã†ãŸã‚ã®JavaScript APIã§ã™ã€‚ Web RTCã¯ã€ä»¥å‰ã¯WHATWG HTMLã®ä¸€éƒ¨ã¨ã—ã¦ä»•æ§˜ãŒææ¡ˆã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€åˆ†é›¢ã—ã¦ä¸€ã¤ã®ä»•æ§˜ã«ãªã‚Šã¾ã—ãŸã€‚åˆ†é›¢ã—ãŸã®ã¯ã¤ã„æœ€è¿‘ã§ã™ã€‚ APIè‡ªä½“ã¯å˜ç´”ãªã®ã§ã€ã“ã‚Œã¾ã§ã¯ä»•æ§˜æ›¸æµã—èªã¿ã—ã¦ã‚ã‹ã£ãŸæ°—ã«ãªã£ã¦ã„ãŸã®ã§ã™ãŒã€ã€Œãƒãƒ¼ã‚«ãƒ«ã‹ã‚‰ã®ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ‡ãƒ¼ã‚¿ã®å–ã‚Šè¾¼ã¿ã¨P2PãŒãªã‚“ã§åŒã˜ä»•æ§˜ã«ã‚ã‚‹ã‚“ã ã‚ã†ï¼Ÿã€ã¨ãµã¨ç–‘å•ã«æ€ã£ã¦ã€ãã¡ã‚“ã¨ä»•æ§˜æ›¸ã‚’çœºã‚ã¦è¦‹ã¾ã—ãŸã€‚åŒã˜ã‚ˆã†ã«ç–‘å•ã«æ€ã†æ–¹ãŒå±…ã‚‰ã£ã—ã‚ƒã‚Œã°ã€ãŠå½¹ã«ç«‹ã¤è¨˜äº‹ã‹ã¨æ€ã„
hukuchosan 2012/01/24
web

API

ãƒ‡ãƒ¼ã‚¿

ãƒ–ãƒ©ã‚¦ã‚¶

ã‚«ãƒ¡ãƒ©

javascript

browser

media

webrtc

HTML5
ãƒªãƒ³ã‚¯
è‡ªåˆ†ç”¨CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰
2011å¹´12æœˆæ™‚ç‚¹ã§ã®CSSã‚’æ›¸ãã¨ãã®è‡ªåˆ†å†…ã§ã®æ±ºã¾ã‚Šã”ã¨ã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ ã¾ã‚ã“ã†ã„ã†ã®ã¯è‡ªåˆ†ï¼ˆã‚„ãƒãƒ¼ãƒ ï¼‰ãŒåˆ†ã‹ã‚Šã‚„ã™ã‘ã‚Œã°ä½•ã§ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã‘ã©ãã€‚ åŸºæœ¬çš„ã«è‡ªåˆ†ä»¥å¤–ã¯ç·¨é›†ã™ã‚‹ã“ã¨ãŒãªã„ã®ã§ã€çµæ§‹å¥½ãå‹æ‰‹ã«æ›¸ã„ã¦ã¾ã™ã€‚ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆãƒ»æ”¹è¡Œãƒ»ç©ºç™½åŸºæœ¬çš„ã«ã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆãªã—ã€‚å®£è¨€ï¼ˆãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨å€¤ï¼‰ã®éƒ¨åˆ†ã¯ã‚»ãƒ¬ã‚¯ã‚¿ã®é–‹å§‹ä½ç½®ã‹ã‚‰åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2ã¤åˆ†ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã™ã‚‹ã€‚@mediaå†…ãªã©ã€ãƒã‚¹ãƒˆã•ã‚Œã¦ã„ã‚‹å ´åˆã¯ãã®ä¸ã®ã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¢ãƒƒãƒˆãƒžãƒ¼ã‚¯ãƒ«ãƒ¼ãƒ«ã®é–‹å§‹ä½ç½®ã‹ã‚‰åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2ã¤ã§ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã™ã‚‹ã€‚ã‚»ãƒ¬ã‚¯ã‚¿ãŒè¤‡æ•°ã‚ã‚‹å ´åˆã¯åŸºæœ¬çš„ã«ã‚«ãƒ³ãƒžã§æ”¹è¡Œã™ã‚‹ãŒã€æ“¬ä¼¼è¦ç´ ãƒ»æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ãŒé•ã†ã ã‘ã®å ´åˆã¯åŒä¸€è¡Œã§ã‚‚ã‚ˆã„ã€‚ ï¼ˆãƒªã‚»ãƒƒãƒˆCSSãªã©ã¯é™¤ãï¼‰å®£è¨€ãƒ–ãƒãƒƒã‚¯é–‹å§‹ã®æ³¢æ‹¬å¼§{ã¯æœ€å¾Œã®ã‚»ãƒ¬ã‚¯ã‚¿ã¨åŒã˜è¡Œã«æ›¸ãã€ç›´å¾Œã«æ”¹è¡Œã‚’å…¥ã‚Œã‚‹ã€‚å®£è¨€ãƒ–ãƒãƒƒã‚¯çµ‚äº†ã®æ³¢æ‹¬å¼§}ã®ç›´å‰ã«æ”¹è¡Œã‚’å…¥ã‚Œã‚‹ã€‚å„å®£è¨€ã”ã¨ã«æ”¹è¡Œã™ã‚‹ã€‚åŸºæœ¬çš„ã«ã¯ã‚»ãƒŸã‚³
hukuchosan 2011/12/12
color

media

css

development

CSSæ–‡æ³•

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„

style
ãƒªãƒ³ã‚¯
Media Capture API: Helping Web developers directly import image, video, and sound data into Web apps
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Last March, we released a prototype implementation of the audio portion of a working draft of the W3C Media Capture API on HTML5 Labs. This prototype publicized some proposed API enhancements described in section 6.1 of Microsoftâ€™s HTML Speech XG Speech
hukuchosan 2011/12/12
ãƒ‡ãƒã‚¤ã‚¹ã®ã‚«ãƒ¡ãƒ©ã‚„ãƒžã‚¤ã‚¯ã‹ã‚‰ã®ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ‡ãƒ¼ã‚¿å–ã‚Šè¾¼ã¿ã‚’å¯èƒ½ã«ã™ã‚‹ä»•æ§˜ã¯ã€ã“ã‚Œã¾ã§Media Capture APIã¨Web RTCã®äºŒã¤ãŒã‚ã£ãŸçŠ¶æ…‹ã§ã—ãŸãŒã€Media Captureã¯éžæŽ¨å¥¨ã«ãªã£ãŸã¨ã®ã“ã¨ã€‚ ã“ã‚Œã‹ã‚‰ã¯ã€Web RTCï¼ˆnavigator.getUserMedia()ï¼‰

API

media

video

prototype

web

image

audio

speech

apps

communication
ãƒªãƒ³ã‚¯
[CSS]iPadã®æ¨ªå‘ãã¨ç¸¦å‘ãã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Portraitãƒ¢ãƒ¼ãƒ‰ï¼ˆç¸¦å‘ãï¼‰ã®ã‚°ãƒªãƒƒãƒ‰è¨è¨ˆ ã‚°ãƒªãƒƒãƒ‰ 768=30+708+30 708=216+30+216+30+216 å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ iPadã®æ¨ªå‘ãã¨ç¸¦å‘ãã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã™ã‚‹ã«ã¯2ã¤ã®ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ METAã‚¿ã‚° iPadã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§ç‰å€ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã€METAã‚¿ã‚°ã§è¨å®šã—ã¾ã™ã€‚ <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" /> ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ æ¯”çŽ‡ã‚’ç‰å€ã«è¨å®šã—ãŸã®ã§ã€Media Queriesã‚’ä½¿ç”¨ã—ã¦æ¨ªå‘ãã¨ç¸¦å‘ãã«åˆ†å²ã•ã›ã¾ã™ã€‚ /* Landscapeãƒ¢ãƒ¼ãƒ‰ï¼ˆæ¨ªå‘ãï¼‰ç”¨ */ #wrap { width:1024px; } @media only screen and (orientation:portrait){ /* Portr
hukuchosan 2011/10/24
ipad

media

è¨è¨ˆ

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ å€‹äººçš„ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ æœ€è¿‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘ï¼ŽHTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ˆ <!DOCTYPEÂ html> <html> <head> <metaÂ charset=utf-8Â /> <title>HTML5Â åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ</title>  <linkÂ rel="stylesheet"Â media="screen"Â href="reset.css"Â />  <metaÂ nam
hukuchosan 2011/10/20
html

media

css

HTML5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

screen

max

css3

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2011/10/08/20111007ondango-launches-to-let-merchants-turn-their-facebook-pages-into-secure-social-shops/
hukuchosan 2011/10/10
facebook

ec

business

media

Eã‚³ãƒžãƒ¼ã‚¹

retail
ãƒªãƒ³ã‚¯
é›»åæ›¸ç±ãŒç´™ã«è² ã‘ã‚‹5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ | WIRED VISION
å‰ã®è¨˜äº‹ã€€æ—©é€ã‚Šã§è¦‹ã‚‹å¤©ã®å·éŠ€æ²³(å‹•ç”») é›»åæ›¸ç±ãŒç´™ã«è² ã‘ã‚‹5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ 2011å¹´6æœˆ 6æ—¥ ãƒ¡ãƒ‡ã‚£ã‚¢ ã‚³ãƒ¡ãƒ³ãƒˆï¼š ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ (0) ãƒ•ã‚£ãƒ¼ãƒ‰ãƒ¡ãƒ‡ã‚£ã‚¢ John C Abell Photo: Anthropologie store window, New York City. (John C Abell/Wired.com) ç±³Amazon.comç¤¾ãŒæœ€åˆã®ã€ŽKindleã€ã‚’ç™ºå£²ã—ã€é›»åæ›¸ç±ã¨ã„ã†é©å‘½ã‚’å§‹ã‚ãŸã®ã¯3å¹´åŠå‰ã®ã“ã¨ã ã€‚ç¾åœ¨åŒç¤¾ã¯ã€ç´™ã®æœ¬ã®å£²ã‚Šä¸Šã’ã‚ˆã‚Šã‚‚é›»åæ›¸ç±ã®å£²ã‚Šä¸Šã’ã®ã»ã†ãŒå¤§ãã„ã¨ã„ã†çŠ¶æ…‹ã«ã‚ã‚‹ï¼ˆæ—¥æœ¬èªžç‰ˆè¨˜äº‹ï¼‰ã€‚ æ—¥æœ¬ãŒæ±Ÿæˆ¸æ™‚ä»£ã«ã€éŠƒã‚’æ¨ã¦ã¦åˆ€ã«æˆ»ã£ãŸã‚ˆã†ãªã€çã—ã„ã€Œæ™‚ä»£é€†è¡Œã€ãŒç”Ÿã˜ãªã„ã‹ãŽã‚Šã€é›»åæ›¸ç±ã¯ã€ç´™ã®æœ¬ã‚’å¼•ãç¶™ãã€Œ21ä¸–ç´€ã®æ›¸ç±ã€ã«ãªã‚‹ã“ã¨ã ã‚ã†ã€‚ å®Ÿã¯ç†è€…ã¯ã€ä»Šã¾ã§é›»åæ›¸ç±ãƒªãƒ¼ãƒ€ãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’è²·ã£ãŸã“ã¨ãŒãªã‹ã£ãŸã€‚ç”Ÿã¾ã‚Œã¤ãã€å˜ä¸€æ©Ÿèƒ½ã®æ©Ÿå™¨ã¨ã„ã†ã‚‚ã®
hukuchosan 2011/06/06
çµæ§‹é ·ãéƒ¨åˆ†ãŒå¤šã„

book

media

é›»åæ›¸ç±

epublication
ãƒªãƒ³ã‚¯
1