[B! webkit] sionsouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sionsou id:sionsou

webkitã«é–¢ã™ã‚‹sionsouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

node-webkitã§Node.jsã‚’ã„ã‚ã‚“ãªã“ã¨ã«ä½¿ã† - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
node-webkitã¨ã¯ node-webkit wiki æ—¥æœ¬ã§ã¯ã‚ã¾ã‚Šnode-webkitã¯çŸ¥ååº¦ãŒé«˜ããªã„ãŒã€ç°¡å˜ã«è¨€ã†ã¨IntelãŒé–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã‚‹ã€nodeã¨WebKitã‚’çµ±åˆã—ã€DOMã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆä¸Šã§node.jsã®æ©Ÿèƒ½ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ä¸€è¨€ã§ã„ã†ã¨è¨€ã†ã¨ã€ã‚¦ã‚§ãƒ–ã§node.jsã‚’å‹•ã‹ã™ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€‚ ä½•ãŒã§ãã‚‹ã®ã‹ node.jsã§å‡ºæ¥ã‚‹ã“ã¨ã¨ã€ã‚¦ã‚§ãƒ–ã§å‡ºæ¥ã‚‹ã“ã¨ã¨ã€node-webkitãŒç”¨æ„ã—ã¦ã„ã‚‹æ©Ÿèƒ½ï¼ˆGUIã®æ“ä½œãªã©ï¼‰ãŒä½¿ãˆã‚‹ã€‚ ä¾‹ãˆã°/etc/hostsã‚’èªã¿è¾¼ã‚€å ´åˆ node-webkitã¨åŒä¸€ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ä¸‹è¨˜ã®ã‚ˆã†ãªindex.htmlã‚’ç”¨æ„ã—ã¦ <!doctype html> <html> <body> <pre id="hosts"></pre> </body> <script> var fs = require('fs'); f
sionsou 2013/10/03
node

node.js

ã‚ã¨ã§èªã‚€

node-webkit

javascript

programming

js

webkit

ã¾ã¨ã‚

tech
ãƒªãƒ³ã‚¯
æ¬¡ä¸–ä»£ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã®HTML5ã‚¢ãƒ—ãƒªé–‹ç™º Firefox OS/Ubuntu Touch
5. 5 é–‹ç™ºç’°å¢ƒæ¯”è¼ƒ iOS Android Tizen Ubuntu Touch Firefox OS SDK Xcode Eclipse with ADT Plugin Tizen SDK Ubuntu SDK ãªã— ãƒ–ãƒ©ã‚¦ã‚¶ ã‚¨ãƒ³ã‚¸ãƒ³ WebKit WebKit WebKit WebKit Gecko é–‹ç™ºè¨€èªž Objective-C Java JavaScript QML/ JavaScript JavaScript ç”»é¢è¨è¨ˆ Objective-C XML HTML5/ CSS QML/ HTML5/CSS HTML5/CSS ãƒã‚¤ãƒ†ã‚£ãƒ– Objective-C C++ EFL C++ ãªã— OS iOS Linux Linux Linux Linux 7. Ubuntu Touchã§ã® HTML5ã‚¢ãƒ—ãƒªé–‹ç™º î€Š Qt Creatorã‚’ä½¿ç”¨ î€Š ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ç„¡ã— î€Š Ubunt
sionsou 2013/05/27
html

html5

os

Firefox OS

webkit

firefox

sdk

linux

objective-c

iPhone
ãƒªãƒ³ã‚¯
Same-Origin Policy ã¨ã¯ä½•ãªã®ã‹ã€‚ - è‘‰ã£ã±æ—¥è¨˜
ã¡ã‚‡ã£ã¨å‡ã£ãŸWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ã¦ã„ãŸã‚Šã€ã‚ã‚‹ã„ã¯Webã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«é–¢ã‚ã£ã¦ã„ã‚‹äººãªã‚‰ã°ã€ŒSame-Origin Policyã€(SOP)ã¨ã„ã†è¨€è‘‰ã‚’ä¸€åº¦ã¯èžã„ãŸã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚æ—¥æœ¬èªžã§ã¯ã€ŒåŒä¸€ç”Ÿæˆå…ƒãƒãƒªã‚·ãƒ¼ã€ã‚ã‚‹ã„ã¯ã€ŒåŒä¸€ç”Ÿæˆæºãƒãƒªã‚·ãƒ¼ã€ãªã©ã¨è¨³ã•ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€å€‹äººçš„ã«ã¯ã€Œã‚ªãƒªã‚¸ãƒ³ã€ã¯å›ºæœ‰ã®æ¦‚å¿µã‚’è¡¨ã™èªžãªã®ã§ä¸‹æ‰‹ã«è¨³ã•ãšã€ŒåŒä¸€ã‚ªãƒªã‚¸ãƒ³ãƒãƒªã‚·ãƒ¼ã€ã¨æ›¸ã„ã¦ãŠãã®ãŒå¥½ãã§ã™ã€‚ ã•ã¦ã€ã“ã®ã€Œã‚ªãƒªã‚¸ãƒ³ã€ã¨ã¯ä½•ãªã®ã‹ã¨ã„ã†è©±ã§ã™ãŒã€ã“ã‚Œã¯ã€ŒRFC 6454 - The Web Origin Conceptã€ã§å®šã‚ã‚‰ã‚Œã¦ãŠã‚Šã€ç«¯çš„ã«è¨€ã†ã¨ã€Œã‚¹ã‚ãƒ¼ãƒ ã€ãƒ›ã‚¹ãƒˆã€ãƒãƒ¼ãƒˆã€ã®çµ„ã¿åˆã‚ã›ã‚’ã‚ªãƒªã‚¸ãƒ³ã¨å®šã‚ã€ãã‚Œã‚‰ãŒåŒã˜ã‚‚ã®ã¯åŒä¸€ã®ã‚ªãƒªã‚¸ãƒ³ã¨ã—ã¦åŒã˜ä¿è·ç¯„å›²ã®ãƒªã‚½ãƒ¼ã‚¹ã¨ã—ã¦å–ã‚Šæ‰±ã†ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ä¾‹ãˆã°ã€http://example.jp/fooã¨http://example.jp:
sionsou 2013/03/31
iframeã‚’æ‰±ã†æ©Ÿä¼šãŒå¢—ãˆã¦ãã¦ã¾ã•ã«ã“ã‚Œã‚’å‹‰å¼·ã—ãŸã‹ã£ãŸã€‚ã‚ã‚ŠãŒãŸã„ã€‚

rfc

security

web

https

browser

canvas

http

webkit

webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

javascript
ãƒªãƒ³ã‚¯
CSS3ã®transitionã¨text-shadowã§ä½œã‚‹æ§˜ã€…ãªãƒªãƒ³ã‚¯è£…é£¾
CSS3ã®transitionã¨text-shadowã§ã‚ªãƒ³ãƒžã‚¦ã‚¹æ™‚ã®ãƒªãƒ³ã‚¯ã‚’æ¥½ã—ãè£…é£¾ã—ã¦ã¿ã¾ã™ã€‚ã™ã¹ã¦ã®ãƒªãƒ³ã‚¯ã«ä½¿ã†ã¨ã‚ãšã‚‰ã‚ã—ã„ã§ã™ãŒã€ã‚¿ã‚¤ãƒˆãƒ«ãƒã‚´ãªã‚“ã‹ã ã¨ã“ã‚Œãã‚‰ã„å‡ã£ã¦ã‚‚ã„ã„ã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ transitionï¼ˆæ™‚é–“çš„å¤‰åŒ–ã‚’ã¤ã‘ã‚‹ï¼‰ hoverãªã©ã§ã‚¹ã‚¿ã‚¤ãƒ«ãŒå¤‰åŒ–ã™ã‚‹éš›ã€é€šå¸¸ã¯ã™ãã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ãŒã€transitionã‚’ä½¿ã†ã¨æ™‚é–“ã‚’ã‹ã‘ã¦å¤‰åŒ–ã™ã‚‹ãªã©æ§˜ã€…ãªè¨å®šã‚’ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ é©å¿œã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã€Œallã€ã€å¤‰åŒ–ã®ä»•æ–¹ã€Œeaseã€ã€å¤‰åŒ–ã®å§‹ã¾ã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã®ã€Œ0ã€ã¯åˆæœŸå€¤ã¨ãªã‚‹ã®ã§çœç•¥ã—ã¦ã‚‚å¤§ä¸ˆå¤«ã§ã™ã€‚ transitionã¯Firefoxã¨webkitç³»ã®Chromeã‚„Safariã§å…ˆè¡Œå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹æ©Ÿèƒ½ã§ã™ã®ã§ã€-moz-ã‚„-webkit-ãªã©ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ä»˜ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ text-shadowï¼ˆãƒ†ã‚ã‚¹ãƒˆã«å½±ã‚’ã¤ã‘ã‚‹ï¼‰ ãã®åã®é€šã‚Šãƒ†ã‚ã‚¹ãƒˆ
sionsou 2012/03/27
ãƒªãƒ³ã‚¯

webkit

css3

css

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

ã‚ã¨ã§èªã‚€

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
iPhoneå‘ã‘CSS3ã‚µãƒ³ãƒ—ãƒ«
CSS3ã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ å›žè»¢ å›žè»¢+ç¸¦ã®ã‚µã‚¤ã‚ºã‚’æ‹¡å¤§ èƒŒæ™¯ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ [3D]å›žè»¢ [3D]å›žè»¢+ã‚¹ã‚±ãƒ¼ãƒ« [3D]å›žè»¢(è‡ªå‹•) ç§»å‹•ã®ã‚¢ãƒ‹ãƒ¡ ç§»å‹•ã®ã‚¢ãƒ‹ãƒ¡(è¡Œãå¸°ã‚Š) ç§»å‹•ã®ã‚¢ãƒ‹ãƒ¡(ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’è¤‡æ•°ä½¿ç”¨) ç§»å‹•ã®ã‚¢ãƒ‹ãƒ¡(æ™‚é–“å·®) ç§»å‹•ã®ã‚¢ãƒ‹ãƒ¡(è¤‡æ•°ã®ã‚¢ãƒ‹ãƒ¡ã®åˆæˆ) ãƒžã‚¹ã‚¯ [3D]è£é¢ã®æç”»(ä½œæˆé€”ä¸) SVG ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã®è§£èª¬ Transition Timing Functions < CSS | The Art of Web ä»–ã‚µã‚¤ãƒˆã®ä½œä¾‹ Poster Circle ä¸å³¶è¡æ°ãŒè¦‹ã›ã‚‹html5ã®æœªæ¥ï¼šå‰åŠ6æœ¬ ä¸å³¶è¡æ°ãŒè¦‹ã›ã‚‹html5ã®æœªæ¥ï¼šå¾ŒåŠ6æœ¬ safari4 betaã§å®Ÿè£…ã•ã‚ŒãŸCSS Animationã‚’ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚° â€»ã“ã®ãƒšãƒ¼ã‚¸ã¯ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ¢ãƒ¼ãƒ‰ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚iPhoneã®ãƒ›ãƒ¼ãƒ ã«ä¿å˜ã—ã¦ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯
sionsou 2012/03/19
3D

ã‚¢ãƒ‹ãƒ¡

css

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

html

iphone

spweb

html5

webkit

css3
ãƒªãƒ³ã‚¯
WebKit ã‚µãƒ¼ãƒãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸ - ITæˆ¦è¨˜
ã¿ãªã•ã‚“ ãŠä¹…ã—ã¶ã‚Šã§ã™ãƒ½(Â´ãƒ¼ï½€)ãƒŽå¤ä¼‘ã¿ã®å®¿é¡Œçµ‚ã‚ã‚Šã¾ã—ãŸï¼Ÿ æ¯Žæ—¥ãŒå¤ä¼‘ã¿ã®æœ€çµ‚æ—¥ã¿ãŸã„ãªç”Ÿæ´»ã—ã¦ã‚‹ã‚ã¾ã¡ã‚ƒã‚“ã§ã™ï¼ ã•ã¦ã•ã¦ ä»Šæ—¥ã¯ WebKit ã‚µãƒ¼ãƒãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸã®ã§ã€ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ WebKit ã£ã¦ä½•ï¼Ÿ WebKit ã£ã¦ã„ã†ã®ã¯ Chrome ã‚„ Safari ã®ä¸ã«å…¥ã£ã¦ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¨ãƒ³ã‚¸ãƒ³ã®ã“ã¨ã§ã™ï¼ å®Ÿã¯ãƒ–ãƒ©ã‚¦ã‚¶ã£ã¦ã„ã†ã®ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ³éƒ¨åˆ†ã¨è¦‹ãŸç›®ã®éƒ¨åˆ†ï¼ˆã‚¿ãƒ–ã¨ã‹ãƒœã‚¿ãƒ³ã¨ã‹ãï¼‰ã«åˆ¥ã‚Œã¦ã„ã¦ã€æ„å¤–ã¨é•ã†ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚¨ãƒ³ã‚¸ãƒ³éƒ¨åˆ†ã¯åŒã˜ã‚‚ã®ã‚’ä½¿ã£ã¦ã‚‹ã£ã¦ã“ã¨ã‚‚å¤šã„ã‚“ã§ã™ã‚ˆ(*Â´ãƒ¼ï½€) ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒ¼ãƒãƒ¼ã£ã¦ã©ã†ã„ã†ã“ã¨ï¼Ÿ è¦ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ãƒ–ãƒ©ã‚¦ã‚¶ã‚’èµ·å‹•ã—ã¦ JavaScript ã‚’å®Ÿè¡Œã—ãŸã‚Šã€ JavaScript ãŒå®Ÿè¡Œã•ã‚Œãªã„ã¨èªã‚ãªã„ãƒšãƒ¼ã‚¸ã‹ã‚‰å€¤ã‚’æŒã£ã¦ãã‚‹ã®ã«ä½¿ã£ãŸã‚Šã—ã‚ˆã†ã¨ã„ã†é‚èƒ†ã§ã™ã€‚ ä»Šã¾ã§ã¯ãã†ã„ã†ã®ãªã‹ã£ãŸã®ï¼Ÿ å®Ÿã¯ã€ä»Šã¾ã§ã¯ JavaS
sionsou 2011/08/31
javascript

WebKit

server
ãƒªãƒ³ã‚¯
1