[B! JavaScript] tskx2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tskx2 id:tskx2

JavaScriptã«é–¢ã™ã‚‹tskx2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

rails3 + html5 canvasã§ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ï¼
ã¯ã˜ã‚ã¾ã—ã¦ã“ã‚“ã«ã¡ã¯ã€‚ KRAYã‚¢ãƒ«ãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ html5ã®canvasã‚’ä½¿ã£ã¦ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ åˆã‚ã¦ãƒ–ãƒã‚°è¨˜äº‹ã‚’æ›¸ãã¨ã„ã†ã“ã¨ã§æ°—åˆãŒå…¥ã‚Šã¾ã—ãŸã€‚ ã¡ã‚‡ã£ã¨é•·ã‚ã§ã™ãŒãŠä»˜ãåˆã„ä¸‹ã•ã„ã€‚ æ©Ÿèƒ½ ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã®å¿…è¦æœ€ä½Žé™ãªæ©Ÿèƒ½ã£ã¦ï¼Ÿ ã–ã£ã¨ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’å…¥ã‚Œã¦ã¿ã¾ã™ã€‚ çµµã‚’æã‘ã‚‹ çµµã‚’æ¶ˆã›ã‚‹ æç”»ã‚’ä¸€å›žåˆ†æˆ»ã‚Œã‚‹ ç·šã®å¤ªã•ã‚’å¤‰ãˆã‚‰ã‚Œã‚‹ ç·šã®è‰²ã‚’å¤‰ãˆã‚‹ çµµã‚’æŠ•ç¨¿ã§ãã‚‹ æŠ•ç¨¿ã•ã‚ŒãŸç”»åƒã®ä¸€è¦§ã‚’è¡¨ç¤ºã§ãã‚‹ â†’ å®Œæˆè¦‹æœ¬ã¯ã“ã¡ã‚‰å®Œæˆè¦‹æœ¬ã®å…¬é–‹ã¯çµ‚äº†è‡´ã—ã¾ã—ãŸã€‚ çµµã‚’æã‘ã‚‹ HTML5ã®canvasã«ãƒžã‚¦ã‚¹ã®è»Œé“ã«ç·šã‚’å¼•ã„ã¦ã„ãã‚ã‘ã§ã™ã€‚ canvasã§ã®ãƒžã‚¦ã‚¹è»Œé“ã®æãæ–¹ã¯ã€ ãƒ»mousemoveã‚¤ãƒ™ãƒ³ãƒˆç™ºç”Ÿæ™‚ã«ç‚¹ã‚’ãƒ—ãƒãƒƒãƒˆ ã¨ã„ã†æ‰‹æ®µãŒçœŸã£å…ˆã«æ€ã„æµ®ã‹ã¶ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚Œã¯ã€ä»¥ä¸‹ã®æ§˜ã«ãªã‚Šã¾ã™ã€‚ ã“ã‚Œã§ã¯ãŠè©±ã«ãªã‚Šã¾ã›ã‚“ã€‚ ãªã®ã§ã€ç‚¹ã§ã¯ãªãç·šã‚’å¼•ãã“
tskx2 2011/11/15
HTML5

javascript
ãƒªãƒ³ã‚¯
require('events').EventEmitter.call(this) ã®æ„å‘³ - Block Rockinâ€™ Codes
[ä¿®æ£] ã‚³ãƒ¡ãƒ³ãƒˆã§æŒ‡æ‘˜ã•ã‚ŒãŸã‚ˆã†ã«ã€å›žç”4ã®è¨³ãŒé–“é•ã£ã¦ã„ãŸã®ã§è¨‚æ£ã—ã¾ã—ãŸã€‚ Node ã® ML ã«ä»¥ä¸‹ã®ã‚ˆã†ãªè³ªå•ãŒæŠ•ç¨¿ã•ã‚Œã¾ã—ãŸã€‚ What is the meaning of require('events').EventEm itter.call(this) å†…å®¹ã¨ã—ã¦ã¯ã€‚ ã€Œä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒã‚ã£ãŸã‚“ã ã‘ã©ã€ã“ã‚Œã£ã¦ã©ã†ã„ã†æ„å‘³ï¼Ÿã€ var util = require("util"); var events = require("events"); function MyStream() { // ã“ã“ã®æ„å‘³ãŒã‚ˆãã‚ã‹ã‚‰ã‚“ã€ã“ã‚Œã¯ `new MyStream` ã¨åŒã˜ã«è¦‹ãˆã‚‹ã‚“ã ã‘ã©é•ã†ã®ï¼Ÿ events.EventEm itter.call(this); } util.inherits(MyStream, events.EventEm itter); var steam =
tskx2 2011/06/28
node.js

javascript
ãƒªãƒ³ã‚¯
JavaScriptã®å†åˆ©ç”¨ã¨apply
ç§ãŒã“ã†ã„ã†ã®å¤§å«Œã„ãªã®ã¯ä¸€éƒ¨ã§ã¯æœ‰åãªè©±ã§ã™ãŒã€è·å ´ã§ã¯å¯›å®¹ã«ã€ãƒãƒƒãƒˆä¸Šã§ã¯åå±ˆã«ã€ãŒãƒãƒªã‚·ãƒ¼ãªã®ã§ç´ ç›´ã«æµã—ã¾ã—ãŸã€‚
tskx2 2011/04/11
JavaScript

apply
ãƒªãƒ³ã‚¯
javascriptã®é–¢æ•°ãŒå¤‰æ…‹ã™ãŽã‚‹
ç«‹å±±é»’éƒ¨ã‚¢ãƒ«ãƒšãƒ³ãƒ«ãƒ¼ãƒˆæ¨ªæ–ï¼†å¯Œå±±æ—…è¡Œè¨˜ ãªãœå¯Œå±±ï¼Ÿ äº‹å‰æº–å‚™ ã–ã£ãã‚Šã¨äºˆå®šã‚’ç«‹ã¦ã¦ã€å®¿ã®äºˆç´„ã‚’ã™ã‚‹ ç«‹å±±é»’éƒ¨ã‚¢ãƒ«ãƒšãƒ³ãƒ«ãƒ¼ãƒˆã®åˆ‡ç¬¦ã‚’è²·ã† JRã®æ–°å¹¹ç·šã®äº‹å‰å—ä»˜ã®ç½ ã¯ã˜ã‚ã¦ã®æ–°å¹¹ç·šeãƒã‚±ãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ ã€Œç‰¹å®šéƒ½åŒºå¸‚å†…åˆ¶åº¦ã€ãŒé©ç”¨å¯¾è±¡å¤–ã§ã‚ã‚‹ã“ã¨ã‚’çŸ¥ã‚‹ æ–°å¹¹ç·šeãƒã‚±ãƒƒãƒˆãŒãƒ¢ãƒã‚¤ãƒ«Suicaã«ç´ã¥ã‘ã‚‰ã‚Œã¦ã„â€¦
tskx2 2011/01/31
JavaScript
ãƒªãƒ³ã‚¯
pixiv Tech Meeting #1 ã«ã¦ç™ºè¡¨ã—ã¦ãã¾ã—ãŸã€‚ - moriyoshiã®æ—¥è¨˜
ã²ã‚‡ã‚“ãªã“ã¨ã§ pixiv ã¨ã„ã‚ã„ã‚ç¸ãŒã‚ã£ãŸã®ã§ç™ºè¡¨ã«è‡³ã‚Šã¾ã—ãŸã€‚ PHP ã‚’ JS ã«å¤‰æ›ã™ã‚‹ã€ŒPhjosh (ä»®)ã€ã«ã¤ã„ã¦ã§ã™ã€‚ èª°ã«ã‚‚èžã‹ã‚Œãªã‹ã£ãŸã®ã§ã‚ãˆã¦æ›¸ãã¨ã€Phjoshã®é–‹ç™ºè€…ã®è„³å†…ç™ºéŸ³ã¯ã€Œfjoshã€ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã€‚ Phjosh(ä»®)ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆView more presentations from Moriyoshi Koizumi. GitHubã§ã‚½ãƒ¼ã‚¹ã¯å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ ã¾ã ã§ããªã„ã“ã¨ã®æ–¹ãŒå¤šã„ã®ã§ã€æš‡ã‚’è¦‹ã¦ä½œã‚Šè¾¼ã‚“ã§ã„ãã¾ã™ã€‚ http://github.com/moriyoshi/phjosh 12/22 è¿½è¨˜: PHP/Parser/Base.php ãŒãªã„ã¨è¨€ã‚ã‚Œã¾ã™ãŒã€ã“ã‚Œã¯ kmyacc-forked ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã€ http://github.com/moriyoshi/kmyacc-forked phjosh ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã§ m
tskx2 2010/12/24
JavaScript

PHP
ãƒªãƒ³ã‚¯
Chromeã€IEã€Firefox ä¸Šã§ JavaScript ã‚’ä¸€æ‹¬ã§åŒæ™‚ã«å®Ÿè¡Œã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ŒTuttiã€:phpspoté–‹ç™ºæ—¥èªŒ
Chromeã€IEã€Firefox ä¸Šã§ JavaScript ã‚’ä¸€æ‹¬ã§åŒæ™‚ã«å®Ÿè¡Œã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ŒTuttiã€ 2010å¹´12æœˆ14æ—¥- Tutti - Interactively run Javascript on multiple browsers Chromeã€IEã€FirefoxÂ ä¸Šã§ JavaScript ã‚’ä¸€æ‹¬ã§åŒæ™‚ã«å®Ÿè¡Œã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ŒTuttiã€ã®ã”ç´¹ä»‹ã€‚ ã‚µã‚¤ãƒˆä¸Šã§ã€ã€ŒCreate a Roomã€ã‚’æŠ¼ã™ã¨ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã‚ˆã†ãªã‚‚ã®ãŒé–‹ãã¾ã™ã€‚ãã®URLã‚’Firefoxã€IEç‰åˆ¥ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ãã®ã¾ã¾ã‚³ãƒ”ãƒ¼ãƒšãƒ¼ã‚¹ãƒˆã§é–‹ãã¾ã™ã€‚ ã§ã€ï¼‘ã¤ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ alert('hello worl'); ã¨ã‚„ã‚‹ã¨ã€å…¨éƒ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ä¸€æ–‰ã« hello world ãŒ alert ã•ã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ Socket.IO ã‚„ Node.js ãªã©ã‚’ä½¿ã£ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã¿ãŸã„ã€‚
tskx2 2010/12/14
JavaScript

node.js
ãƒªãƒ³ã‚¯
HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãŸãƒšãƒ¼ã‚¸ã§jQueryã‚’ä½¿ã†ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ :: 5509
ãã‚ãã‚HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ©Ÿä¼šã‚‚å¢—ãˆã¦ããŸã‚Šã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã©ã†ã—ã¦ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã¯ã—ã¦ãŠããŸã„ã‚‚ã®ã€‚jQueryã§ï¼ˆâ€»ï¼‰è¦ç´ ã‚’ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹éš›ã«ã¡ã‚‡ã£ã¨ã¯ã¾ã£ãŸã®ã§ä¸€å¿œæ›¸ã„ã¦ãŠãã¾ã™ã€‚ IE8ä»¥ä¸‹ã§ã®è©±ã§ã™ãŒã€IE8ä»¥ä¸‹ã§HTML5ã‚’åˆ©ç”¨ã™ã‚‹ã¨ãã¯HTML5ã®è¦ç´ ã«CSSãŒé©ç”¨ã•ã‚Œãªã„ã®ã§ã€html5.jsã®ã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒ˜ãƒƒãƒ€ã§èªã¿è¾¼ã¾ã›ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«åƒ•ã¯ã‚ã–ã‚ã–èªã¿è¾¼ã‚€ã®ã‚‚ã‚¢ãƒ¬ãªã®ã§ã€ä»¥ä¸‹ã®ã‚‚ã®ã‚’æ¯Žå›žè²¼ã£ã¦ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§JavaScriptã®createElementãƒ¡ã‚½ãƒƒãƒ‰ã§HTML5ã®è¦ç´ ã‚’è¿½åŠ ã™ã‚Œã°ã€CSSãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦è¦‹ãŸç›®ã‚‚ã ã„ãŸã„ã°ã£ã¡ã‚Šã«ãªã‚‹ã‚“ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ» jQueryã§ $(hoge).append('ã‚»ã‚¯ã‚·ãƒ§ãƒ³') ã¨ã‹ $(hoge).append([ '', '', // hogehoge '', '' ].j
tskx2 2010/12/13
HTML5

javascript

jquery
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
tskx2 2010/11/17
jQuery

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

JavaScript
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQueryã€‚ ä»Šå›žã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’å½“ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ï¼‘ï¼‰3Dè¡¨ç¤ºãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ä»Šå¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3Dã€‚ ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã‚’ç¢ºèªã€‚ è§¦ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3Dè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å‘¼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
tskx2 2010/11/17
JavaScript

jQuery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[è¨‚æ£ç‰ˆ] Javascriptã§ã‚¯ãƒ©ã‚¹ã‚’ç¶™æ‰¿ã™ã‚‹
Photo by spud murphy å…ˆã»ã©ã®è¨˜äº‹ã®ã‚³ãƒ¼ãƒ‰ã«ãƒŸã‚¹ãŒã‚ã‚Šã€ç¶™æ‰¿ã‚’è¡Œã†ã¨ã€è¦ªã‚¯ãƒ©ã‚¹ã‚‚æ›¸ãæ›ãˆã¦ã—ã¾ã†ãƒã‚°ãŒã‚ã‚Šã¾ã—ãŸã€‚ã‚³ãƒ¡ãƒ³ãƒˆã‚„Twitterã§å ±å‘Šã„ãŸã ã„ãŸæ–¹ã€…ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã‚ã®å¾Œã€èª¿ã¹ã¦è¦‹ã‚Œã‚‹ã¨ã€ã‚ã¾ã‚Šã‚¹ãƒžãƒ¼ãƒˆã«ç¶™æ‰¿ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã¯ç„¡ã„ã¿ãŸã„ã§ã™ãŒã€ãƒ¦ãƒ¼ã‚¶ãŒä½œã£ãŸã‚¯ãƒ©ã‚¹(Stringãªã©ã®Atomicåž‹ã‚’é™¤ã)ã¯ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã§ç¶™æ‰¿ãŒè¡Œãˆã¾ã™ã€‚ ç‰¹ã«ã€Arrayåž‹ã‚’ç¶™æ‰¿ã™ã‚‹ã®ã¯ã€ç„¡ç†ãªã‚ˆã†ã§ã™ã€‚[]ã‚’ä¸Šæ›¸ãã§ããªã„ã®ã§ã€ã©ã†ã—ã‚ˆã†ã‚‚ç„¡ã„ã¿ãŸã„ã§ã™ã€‚æ®‹å¿µã€‚ <body> <div id="result"></div> <script> var puts = function(str) { var el = document.getElementById('result'); el.innerHTML = el.innerHTML + str + "<br/>";
tskx2 2010/10/26
JavaScript
ãƒªãƒ³ã‚¯
Titanium Mobile ã«ã¤ã„ã¦ã®å‹‰å¼·ä¼šè³‡æ–™ - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
æ˜¨æ—¥ã¯ gumiStudy#5 ã§ã—ãŸã€‚ä½•ã‹ Tech Talk ã‚’ã€ã¨ã„ã†ã“ã¨ã ã£ãŸã®ã§æœ€è¿‘ã„ã˜ã£ã¦ã„ãŸ Titanium Mobile ã«ã¤ã„ã¦æ•´ç†ã—ã¦ã€ç´¹ä»‹ã—ã¦ãã¾ã—ãŸã€‚ Titanium MobileView more presentations from Naoya Ito. (ãƒ•ã‚©ãƒ³ãƒˆãŒã²ã©ã„ã§ã™ããƒ»ãƒ»ãƒ»ã™ã¿ã¾ã›ã‚“ã€‚http://www.slideshare.net/naoya1977/titanium-mobile/download ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™) å…ˆæ—¥æ›¸ã„ãŸã‚¨ãƒ³ãƒˆãƒª (http://d.hatena.ne.jp/naoya/20101011/1286799669) ã®ã¨ãŠã‚Šã€Titanium Mobile ã‚’ä½¿ã†ã¨ JavaScript ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã‚‚ iPhone/Android ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å¯¾å¿œã€‚æœ€è¿‘ã¯ Blac
tskx2 2010/10/21
ã‚ã‹ã‚Šã‚„ã™ã„ï¼é€±æœ«ã«è§¦ã£ã¦ã¿ã‚ˆã†ã€‚

android

iphone

ãƒ—ãƒ¬ã‚¼ãƒ³
ãƒªãƒ³ã‚¯
1